/*公共*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: "Microsoft YaHei";
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}

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

dl,
dd {
	margin: auto;
}

input {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

a,
a:visited {
	color: #333;
}

a:link,
a:visited {
	text-decoration: none;
	outline: none;
}

a {
	cursor: pointer;
}


/*所有超链接不要下划线*/

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


/*任何标签、包括它前面、后面生成的内容都不要影响盒子的边框*/

.left {
	float: left;
}
.left1 {
	margin-left: 6%;
	width: 35%;
}
.left2 {
	margin-left: 8.5%;
	width: 35%;
}

.right {
	float: right;
}
.right1 {
	margin-right: 20%;
}

.w-gray {
	color: #aaaaaa
}

.w-white {
	color: #FFFFFF !important;
}

.w-blue {
	color: #0086da;
}

.clear {
	clear: both;
}

.margin-t30 {
	margin-top: 30px !important;
}


/*header*/

.header {
	width: 100%;
	background-color: #FFFFFF;
	margin-bottom: 60px;
	position: fixed;
	top: 0px;
	z-index: 1000;
	height: 80px;
	line-height: 80px;
	-moz-box-shadow: 0px 1px 30px #ECECEC;
	box-shadow: 0px 1px 30px #ECECEC;
}

.am-container-1 {
	max-width: 1120px;
	margin: 0 auto;
}

.am-topbar-nav > li > a:after {
	display: none;
}

.hw-logo {
	height: 50px;
	position: relative;
}

.logo {
	height: 50px;
}

.word {
	position: absolute;
	top: 30px;
	left: 100px;
}



.hw-menu li {
	height: 80px;
}

.hw-menu-active {
	/*background-color: #0086da;
	border-radius: 5px;*/
	border-bottom: 4px solid #0086da;
}

.hw-menu-active a {
	color: #0086da;
}

.hw-menu li:hover {
	border-bottom: 4px solid #f0eeed;
}

.hw-menu li a:hover {
	color: #C0C0C0;
}

.hw-menu li a {
	font-size: 15px;
	line-height: 80px;
}

.hw-menu li a:hover {
	border-radius: 5px;
}


/*header结束*/


/*尾部*/

.footer {
	width: 100%;
	height: auto;
	background-color: #2d2d2d;
	overflow: hidden;
	padding: 0 5% 25px 5%;
	background-size: 100% 100%;
}

.footer ul {
	padding-top: 40px;
	width: 85%;
	margin: 0 auto;
}

.footer ul li {
	color: #fff;
}

.part-5-words2 p {
	line-height: 23px;
	font-size: 13px;
}

.part-5-words2 span {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
}

.part-5-words2-ul li {
	margin-bottom: 10px;
	font-size: 13px;
	padding: 0;
}

.part-5-words2-ul {
	padding-top: 0 !important;
	width: 100% !important;
}

.part-5-words2-ul li a {
	color: #fff;
}

.part-5-title {
	color: #fff;
	font-weight: bold;
	margin-bottom: 20px;
}

.part-5-words2 span i {
	font-size: 20px;
}

.part-5-words2 span em {
	font-style: normal;
	margin-left: 5px;
	font-size: 16px;
	font-weight: bold;
}


/*尾部结束*/


/*首页*/

.rollpic {
	margin-top: 80px;
}

.rollpic div {
	margin: 0 0 0;
}

.rollpic ol {
	bottom: 10px !important;
}

.part-all {
	width: 100%;
	margin-top: 20px;
}

.part-title {
	text-align: center;
	position: relative;
}

.part-title-i {
	vertical-align: sub;
	font-size: 36px;
	color: #0086da;
	margin-right: 5px;
}

.part-title-span {
	font-size: 26px;
}

.part-title p {
	font-size: 17px;
	color: #999;
	margin-top: -5px;
}

.part-title img {
	width: 170px;
}

.title-intro {
	font-weight: bold;
	font-size: 15px;
	margin-top: -7px;
}

.part-content {
	text-align: center;
	margin-top: 35px;
	width: 100%;
	margin-bottom: 40px;
}

.solutions-way {
	margin-top: 10px;
	font-size: 13px;
	color: #555555;
}

.solutions-title {
	margin-top: 15px;
	font-size: 17px;
	display: block;
	font-weight: 500;
}

.solution-circle {
	font-size: 64px;
	background-color: #3f9fdb;
	width: 170px;
	height: 170px;
	line-height: 140px;
	border: 15px solid #f0f0f0;
	color: #fff;
	-webkit-transition: -webkit-transform 0.4s ease-out;
	-moz-transition: -moz-transform 0.4s ease-out;
	transition: transform 0.4s ease-out;
}

.solution-circle:hover {
	background-color: #0071b8;
	border: 15px solid #c9dfec;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	transform: rotate(360deg);
}

.three-reason {
	background: url(../img/bg-pic.png) no-repeat;
	background-size: 100% 100%;
	text-align: center;
	margin-top: 40px;
}

.three-reason-title {
	padding-top: 20px;
}

.three-reason-bg {
	width: 300px;
	margin-top: 30px;
}

.three-reason-img1,
.three-reason-img2,
.three-reason-img3 {
	width: 130px;
	height: 130px;
	margin: 0 auto;
	border: none;
}

.three-reason-img1 {
	background: url(../img/reason1.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img2 {
	background: url(../img/reason2.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img3 {
	background: url(../img/reason3.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img1:hover,
.three-reason-img1 .selected {
	background: url(../img/reason1-1.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img2:hover,
.three-reason-img2 .selected {
	background: url(../img/reason2-2.png) no-repeat;
	background-size: 100% 100%;
}

.three-reason-img3:hover,
.three-reason-img3 .selected {
	background: url(../img/reason3-3.png) no-repeat;
	background-size: 100% 100%;
}

.reason-title {
	margin-top: 10px;
	font-size: 14.5px;
	padding-bottom: 20px;
}

.three-reason-content {
	width: 70%;
}

.solutions-content li img {
	width: 40%;
}

.lan-bott {
	width: 100%;
	background-color: #128abc;
	height: 110px;
	padding: 20px 55px;
}

.lan-bott .left {
	line-height: 35px;
	color: #fff;
}

.lan-bott .left span {
	font-size: 20px;
	font-weight: 500;
}

.see-more {
	border: 2px solid #fff;
	padding: 7px 10px;
	font-size: 13px;
	color: #fff;
	margin-top: 18px;
	display: inline-block;
	border-radius: 4px;
}

.see-more i {
	margin-left: 5px;
	font-size: 16px;
}

.see-more:hover {
	color: #0086da;
	background-color: #fff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.customer-case-content {
	margin-top: 30px;
}

.customer-case-content li {
	padding: 0 !important;
	margin: 0 !important;
}

.case-li {
	position: relative;
	overflow: hidden;
}

.case-li-mengban {
	width: 100%;
	background: rgba(0, 0, 0, .72);
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
}

.case-li-mengban:hover {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	opacity: 1;
}

.case-img1 {
	position: relative;
	padding: 0 !important;
	background-color: #0086da;
	width: 100%;
	margin: 0 auto;
	margin: 0 !important;
}

.case-li:hover .case-word {
	display: block;
	bottom: 70px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
}

.case-word {
	position: absolute;
	left: 0px;
	bottom: -80px;
	z-index: 5;
	width: 100%;
	color: #FFFFFF;
	text-align: center;
}

.case-word h3,
.case-word a,
.case-word div {
	color: #FFFFFF !important;
}

.case-word p {
	font-size: 13px;
}

.case-word a span i {
	margin-right: 10px;
	font-size: 15px;
}

.case-word a span {
	font-size: 13px;
	padding: 4px 13px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	margin-top: 20px;
	display: inline-block;
}

.am-gallery-title {
	margin: 12px 0 !important;
	font-size: 17px !important;
}

.news-all {
	margin-top: 10px 0;
}

.news-content {
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

.news-content-ul {
	margin-top: 40px;
	margin-bottom: 40px;
}

.news-img {
	width: 90%;
	overflow: hidden;
}

.news-img img {
	width: 100%;
}

.news-content-ul li img:hover {
	transform: scale(1.4);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.4);
	-webkit-transform: all 1s ease 0s;
}

.news-content-ul li div {
	margin: 0;
	padding: 0;
}

.news-right-title {
	font-size: 18px;
}

.news-right-words,
.news-right-time {
	font-size: 14px;
	margin-top: 10px;
}

.news-right-time {
	font-size: 14px;
}

.see-more2 {
	padding: 5px 15px;
	color: #fff;
	background-color: #128abc;
	border: 1px solid #128abc;
	margin-top: 10px;
	border-radius: 3px;
	display: inline-block;
}

.see-more2:hover {
	color: #128abc;
	background-color: #fff;
	border: 1px solid #128abc;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.see-more2 i {
	margin-left: 5px;
}

.news-content-left ul li {
	margin-top: 10px;
	width: 100%;
}

.news-content-right img {
	width: 100%;
	margin-top: 10px;
}

.list_lh {
	height: 260px;
	overflow: hidden;
	margin-top: 10px;
}

.list_lh ul li .news-li-words {
	border: none !important;
}

.customer-content {
	margin-top: 30px;
	margin-bottom: 30px;
}

.customer {
	padding: 30px 0;
}

.customer-content li {
	text-align: center;
}

.customer-content li div {
	height: 60px;
	line-height: 60px;
	width: 100%;
}

.customer-content li div img {
	width: 100%;
}


/*解决方案*/

.toppic {
	margin-top: 80px;
	width: 100%;
	height: 130px;
	background: url(../img/bg-pic3.png) no-repeat;
	background-size: 100% 100%;
}

.toppic-title-i {
	font-size: 36px;
	margin-right: 5px;
	vertical-align: sub;
}

.toppic-title-span {
	font-size: 26px;
}

.toppic-title p {
	font-size: 17px;
	padding-left: 30px;
	margin-top: -10px;
}

.toppic-title {
	color: #fff;
	padding-top: 20px;
}

.toppic-progress {
	padding: 8px 10px;
	border: 1px solid #fff;
	margin-top: 45px;
	border-radius: 7px;
}

.toppic-progress span {
	font-size: 14px;
	padding: 0 4px;
}

.toppic-progress span:hover {
	text-decoration: underline;
}

.small-title {
	position: relative;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
}

.small-title span i {
	margin-right: 10px;
}

.small-title span em {
	font-style: normal;
	margin-right: 10px;
}

.solutions-tabs-ul {
	width: 60% !important;
	margin: 0 auto !important;
	background-color: #ffffff !important;
	padding-top: 30px !important;
}

.solutions-tabs-ul li {
	height: 68px !important;
	margin-top: 20px;
	position: relative;
}

.solutions-tabs-ul li a div {
	width: 90%;
	margin: 0 auto;
}

.solutions-tabs-li-ac a,
.solutions-tabs-ul li a {
	color: #ffffff !important;
}

.am-tabs-d2 .am-tabs-nav > .am-active {
	position: relative;
	background-color: #263fd2;
	border-bottom: none;
}

.solutions-tabs-ul li:hover {
	background-color: #263fd2;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

.solutions-tabs-ul li a i {
	display: block;
	font-size: 30px;
	margin-top: 5px;
}

.solutions-tabs-ul li a span {
	display: block;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: -5px
}

.mobile-phone {
	font-size: 40px !important;
	margin-top: 2px !important;
}

.am-tabs-bd {
	border: none;
}



.solutions-tabs-content {
	background-color: #f0eeed;
	padding: 20px 20px 0 20px;
	width: 100%;
	margin-top: 30px;
}

.solutions-content-ul {
	width: 70%;
	margin: 0 auto;
}

.solutions-content-ul li {
	background-color: #ffffff;
	padding: 15px;
	margin-bottom: 20px;
}

.solution-tabs-img img {
	width: 100%;
}

.solution-tabs-words h5 {
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 18px;
}

.solution-tabs-words p {
	font-size: 14px;
}

.am-tabs-d2 .am-tabs-nav > .am-active:after {
	position: absolute;
	width: 0;
	height: 0;
	bottom: -30px;
	left: 50%;
	margin-left: -20px;
	border: 15px rgba(0, 0, 0, 0) solid;
	content: "";
	z-index: 1;
	border-bottom-color: #f0eeed;
}


/*解决方案详情*/

.words-title {
	margin-top: 15px;
	text-align: center;
}

.words-title span {
	font-size: 22px;
}

i.am-icon-file-text.file-text {
	font-size: 22px;
	margin-right: 10px;
	color: #0086da;
}

.solution-inform {
	background-color: #f0eeed;
	width: 100%;
	padding: 0 10px;
}

.solution-inform-content-all {
	background-color: #ffffff;
	width: 65%;
	margin: 0 auto;
}

.solution-inform-content {
	width: 90%;
	margin: 0 auto;
	padding: 20px 0;
}

.solution-inform-content p {
	text-indent: 2em;
	font-size: 14px;
	margin-top: 10px;
}

.inform-content-p {
	font-size: 14px !important;
}

.solution-inform-content-words {
	line-height: 25px;
	color: #666;
}

.solution-inform-content-img {
	margin-top: 20px;
}

.solution-inform-content-img img {
	width: 100%;
}


/*产品展示*/

.product-show-ul {
	width: 100%;
}

.gray-li {
	background-color: #f0eeed;
}

.product-show-ul li {
	padding: 35px 0;
}

.product-content {
	margin: 0 2%;
}

.product-show-title h3 {
	font-size: 22px;
	font-weight: bold;
}

.product-show-title span {
	color: #FFFFFF;
	background-color: #0086da;
	padding: 2px 5px;
	border-radius: 3px;
	margin-top: 5px;
	display: inline-block;
}

i.am-icon-dribbble,
i.am-icon-tasks {
	font-size: 28px;
	color: #0086da;
	position: absolute;
	left: -40px;
	top: -10px;
}

i.am-icon-tasks {
	font-size: 24px;
	top: -5px;
}

.product-add,
.product-intro {
	position: relative;
	margin-top: 10px;
}

.product-add div a {
	color: #ff8a44;
	text-decoration: underline;
}

.product-add span,
.product-intro span {
	font-weight: bold;
}

.product-intro p {
	font-size: 14px;
}

.product-content-left {
	padding: 0 40px;

}

.product-content-right {
	padding: 0 40px;
	padding-right: 50px;
	float: right;
}

.product-img {
	width: 100%;
	margin-top: 5px;
}


/*新闻详情*/

.words-title div {
	font-size: 15px;
}


/*新闻动态*/

.news-content-all div {
	padding: 0;
}
.news-ul li{ margin-bottom: 30px;}


.news-ul-liimg  {
	width: 100%;
}

.news-ul li p {
	font-size: 14px;
	height: 60px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 5px;
	color: #9a9a9a;
}
.news-content-all { margin-top: 45px;}
.news-ul li span {
	margin-top: 15px;
	display: inline-block;
}
.news-ul-liall{ position: relative;
overflow: hidden;}
.see-more3 {
	padding: 5px 10px;
	color: #128abc;
	background-color: #fff;
	border: 1px solid #128abc;
	border-radius: 3px;
}
.news-ul li:hover .see-more3 {
	color: #fff;
	background-color: #128abc;
	border: 1px solid #128abc;
	transition: all 0.4s ;
-moz-transition: all 0.4s ;
-webkit-transition: all 0.4s ;
-o-transition: all 0.4s ;
}
.see-more3 i{
	margin-left: 5px;
}

.inform-list {position: absolute;
left:0;
top:20px;

}
.inform-list div i{
	margin-right: 5px;
}
.inform-list div{
	padding: 5px 12px;
	margin: 6px 0;
	width: auto;
	background-color: #128abc;
	color: #fff;
	font-size: 13px;
	margin-left: -100%;
	display: table;
	opacity: 0;
}
.news-ul li:hover .news-ul-liimg{
-webkit-filter: blur(2px) grayscale(1);
-moz-filter: blur(2px) grayscale(1);
-o-filter: blur(2px) grayscale(1);
-ms-filter: blur(2px) grayscale(1);
filter: blur(2px) grayscale(1);
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.news-ul li:hover .inform-list-date{
	margin-left: 0;
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
opacity: 1;
	}
.news-ul li:hover .inform-list-label{
	margin-left: 0;
	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;
opacity: 1;
	}
.news-ul li:hover .inform-list-numb{
	margin-left: 0;
	transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
opacity: 1;
	}

.inform-list li i {
	margin-right: 10px;
	font-size: 15px;
}

.hot-title{color:#128abc ;
margin-bottom: 10px;}
.hot-title i{ margin-right: 10px;font-size: 19px;}
.am-panel > .am-list > li > a {
	padding-left: 5px;
	padding-right: 5px;
	line-height: 20px;
}

.am-list > li > a {
	display: block;
	padding: 5px 0;
}

.am-panel-default > .am-panel-hd {
	color: #ffffff;
	background-color: #0086da;
	border-color: #0086da;
	font-weight: bold;
}

.am-pagination > li > a,
.am-pagination > li > span {
	padding: 3px 9px;
	font-size: 15px;
}

.current-page {
	color: #0086da !important;
}

.am-panel-hd i {
	margin-right: 5px;
}

.newspaper-o {
	font-size: 48px !important;
	margin-top: -13px !important;
}

.am-pagination li a:visited {
	background-color: #fff !important;
}


/*客户案例*/

.gallery-words {
	height: 160px;
	width: 100%;
	line-height: 26px;
	overflow: hidden;
}

.briefcase {
	font-size: 48px !important;
	margin-top: -13px !important;
}

.customer-case li {
	margin-bottom: 20px;
	margin-top: 10px;
}

.customer-case {
	padding: 30px 0 0 0;
}

.case-content {
	text-align: left;
	background-color: #f3f3f3;
	border-left: 8px solid #0086da;
	height: 110px;
	padding: 8px 6px;
	position: absolute;
	bottom: 0;
	left: 40%;
	width: 180px;
}

.case-content span {
	font-weight: bold;
}

.case-content p {
	font-size: 14px;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
}

.customer-case-all {
	width: 100%;
	position: relative;
}

.customer-case-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.customer-case-ul {
	margin-top: 30px;
}

.customer-case-img img {
	width: 100%;
}

.case-more {
	width: 100px;
	height: 25px;
	float: right;
	margin-top: 8px;
	text-align: center;
	margin-right: -6px;
}

.case-more .see {
	background-color: #0086da;
	width: 75px;
	color: #fff;
	font-size: 15px;
	height: 25px;
	line-height: 25px;
}

.case-more .more {
	background-color: #05598e;
	width: 25px;
	height: 25px;
}

.case-more .more i {
	color: #fff;
}

.our-customer {
	padding-top: 30px;
}

.customer-content2 {
	margin-top: 10px;
	padding-bottom: 30px;
}

.customer-case-ul li:hover .customer-case-img img {
	transform: scale(1.4);
	transition: all 1s ease 0s;
	-webkit-transform: scale(1.4);
	-webkit-transform: all 1s ease 0s;
}

.case-content:hover .case-more .see {
	background-color: #05598e;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}


/*案例详情*/

.case-img {
	width: 100%;
	padding: 20px;
	background: #f3f3f3;
}

.case-inform img {
	width: 40%;
	margin-top: 20px;
}

.case-left {
	margin-top: 60px;
}


/*关于我们*/
.part-title-mar{padding-top: 30px;
padding-bottom: 25px;}
.company-intro {
	margin: 0 22%;
	text-align: center;
}

.company-intro p {
	margin-top: 15px;
	font-size: 15px;
}

.thought-all {
	width: 100px;
	height: 100px;
	background-color: #0086da;
	border-top: 10px solid #05598e;
	color: #ffffff;
	margin: 0 auto;
	position: relative;
}

.thought-all-none {
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #424242;
	opacity: 0;
}

.thought-all-none h5 {
	font-size: 16px;
	line-height: 100px;
	color: #0086da;
	display: none;
}

.company-thought {
	display: table;
	margin: 0 auto;
}

.company-thought li {
	float: left;
	text-align: center;
	margin: 0 10px;
}

.thought-all-none:hover {
	opacity: 0.9;
	-webkit-transition: all 0.4s linear 0s;
	-moz-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}

.thought-all-none:hover h5 {
	display: block;
}

.thought-all span {
	display: block;
}

.thought-all i {
	font-size: 35px;
}

.company-thought-all {
	width: 100%;
	margin-top: 40px;
	padding: 40px 0;
}

.office-space {
	margin: 0 5%;
}

.office-space img {
	width: 100%;
}

.office-space div {
	margin: 0;
	padding: 0;
}

.contact-us {
	padding: 30px 40px;
	text-align: center;
}

.contact-us div img {
	width: 80%;
	float: right;
}

.contact-add li {
	margin-bottom: 10px;
}

.contact-add div,
.contact-add li i {
	height: 35px;
	line-height: 35px;
}

.contact-add li div {
	position: relative;
}

.contact-add li i {
	background-color: #0086da;
	width: 35px;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 20px;
}

.contact-add div span {
	width: 270px;
	background-color: #fff;
	height: 35px;
	display: inline-block;
	padding-left: 45px;
	font-size: 14px;
	float: left;
	color: #666;
	font-weight: bold;
	text-align: left;
}

.contact-add-1 {
	font-size: 13px !important;
}

.office-space-title,
.contact-us-title {
	margin-top: 40px;
	margin-bottom: 10px;
}

.paper-plane {
	font-size: 42px !important;
	margin-top: -10px !important;
}

.mobile {
	font-size: 25px !important;
}


/*招贤纳士*/

.recruit-left,
.recruit-right {
	padding: 0 10px;
}

.daiyu {
	width: 100%;
	background-color: #0086da;
	padding: 30px 0;
}

.daiyu-title-ul {
	width: 20% !important;
	margin: 0 auto !important;
	background-color: transparent !important;
}

.daiyu-title-ul li {
	background-color: #006bae;
	margin: 0 10px;
}

.am-tabs-d2 .daiyu-title-ul> .am-active:after {
	display: none;
}

.daiyu-content {
	padding: 20px 20px 0 20px;
	width: 100%;
}

.daiyu-content-1 {
	width: 60%;
	margin: 0 auto;
	border: solid 2px #c5c5c5;
	padding: 20px 5%;
	color: #969696;
}

.money {
	color: #fff !important;
}

.user-secret {
	font-size: 45px !important;
	margin-top: -10px !important;
}


/*服务中心*/

.service-content h4 {
	font-size: 22px;
}

.service-content p {
	font-size: 14px;
	color: rgb(153, 153, 153);
	line-height: 22px;
}

.service-ul li {
	margin: 20px 0 ;
	border-bottom: 1px solid rgb(230, 230, 230);
	padding-bottom: 25px;

}

.service-img {
	text-align: center;
}

.service-img img {
	width: 70%;
}


.service-ul li:last-child {
	border-bottom: none;
}
.service-ul li:first-child{
	margin-top: 50px;
}
@media only screen and (max-width:1240px) {
	.product-img {
		width: 80%;
		margin-top: 25px;
	}
}

@media only screen and (max-width:1024px) {
	/*首页*/
	.hw-logo {
		margin-left: 10px;
	}
	.news-content-right img {
		width: 40%;
		margin-top: 20px;
	}
	.customer-content li div img {
		width: 70% !important;
	}
	.customer-content li {
		margin-top: 10px;
	}
	.news-content {
		width: 85%;
	}
	.news-right-title {
		font-size: 22px;
		margin-top: 20px;
		display: inline-block;
	}
	.news-right-time {
		font-size: 16px;
		margin-top: -1px;
	}
	/* 解决方案*/
	.solutions-tabs-ul {
		width: 70% !important;
	}
	.solutions-content-ul {
		width: 90%;
		margin: 0 auto;
	}
	.toppic-title {
		margin-left: 10px;
	}
	.toppic-progress {
		margin-right: 10px;
	}
	/*解决方案详情 */
	.solution-inform-content-all {
		background-color: #ffffff;
		width: 100%;
	}
	.solution-inform-content p {
		font-size: 16px;
	}
	/* 产品展示*/
	.product-img {
		width: 90%;
		margin-top: 25px;
	}
	.product-content {
		margin: 0 10%;
	}
	/*客户案例*/
	.customer-case li {
		text-align: center;
	}
	.case-content {
		left: 40%;
	}
	/*关于我们 */
	.contact-us div img {
		width: 80%;
	}
	/*招贤纳士*/
	.daiyu-title-ul {
		width: 35% !important;
	}
	.daiyu-content-1 {
		width: 80%;
	}
	/*服务中心*/
	.service-img img {
		width: 90%;
	}
	.service-content p {
		font-size: 15px;
	}
}

@media only screen and (max-width:915px) {
	.hw-logo {
		margin-left: 10px;
	}
	.product-img {
		width: 100%;
		margin-top: 25px;
	}
	.hw-menu li a {
		line-height: 25px;
	}
	.hw-menu li {
		height: 40px;
	}
	.hw-menu-active {
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	/*关于我们 */
	.contact-us div img {
		width: 95%;
	}
}

@media only screen and (max-width:768px) {
	.product-img {
		width: 100%;
		margin-top: 25px;
	}
	.product-content {
		margin: 0 5%;
	}
	.solution-circle {
		font-size: 45px;
		width: 130px;
		height: 130px;
		line-height: 110px;
		border: 10px solid #f0f0f0;
	}
}

@media only screen and (max-width:640px) {
	/*首页*/
	.solution-circle {
		font-size: 45px;
		width: 110px;
		height: 110px;
		line-height: 90px;
		border: 10px solid #f0f0f0;
	}
	.solutions-title {
		font-size: 15px;
	}
	.solutions-content li {
		margin-bottom: 10px;
	}
	.part-title-span {
		font-size: 17px;
	}
	.case-li:hover .case-word {
		display: none;
	}
	.case-li-mengban:hover {
		opacity: 0;
	}
	.part-all {
		margin-top: 20px;
	}
	.solutions-way {
		font-size: 13px;
	}
	.three-reason-content {
		width: 95%;
		margin-top: 15px;
	}
	.three-reason-img1,
	.three-reason-img1:hover,
	.three-reason-img2,
	.three-reason-img2:hover,
	.three-reason-img3,
	.three-reason-img3:hover {
		background-size: 100% 100%;
	}
	.three-reason-bg {
		width: 200px;
		margin-top: 20px;
	}
	.reason-title {
		font-size: 13px;
	}
	.three-reason-img1,
	.three-reason-img2,
	.three-reason-img3 {
		width: 80px;
		height: 80px;
		margin: 0 auto;
		border: none;
	}
	.case-img1 {
		width: 100%;
		margin-top: 10px;
	}
	.customer-case-content {
		margin-top: 0;
	}
	.customer-content li {
		margin-top: 0px;
	}
	.customer-content {
		margin-top: 0px;
	}
	.lan-bott {
		height: 65px;
		padding: 10px 10px;
	}
	.lan-bott .left {
		display: none;
	}
	.see-more {
		margin-top: 0px;
	}
	.news-img {
		width: 100%;
		overflow: hidden;
	}
	.news-content-ul {
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.news-content-ul li {
		margin-top: 20px;
	}
	.customer-content li div img {
		width: 80%;
	}
	.part-5-title {
		margin-top: 10px;
	}
	.news-content {
		margin-top: 10px;
	}
	.see-more {
		top: 0px;
	}
	.part-content {
		margin-top: 20px;
	}
	.customer-case {
		padding: 20px 0 0 0;
	}
	/*解决方案*/
	.solutions-tabs-ul {
		width: 90% !important;
	}
	.solutions-tabs-ul li {
		height: 55px !important;
		margin-top: 20px;
	}
	.solutions-content-ul {
		width: 100%;
		margin: 0 auto;
	}
	.solutions-tabs-ul li a span {
		display: none;
	}
	.toppic-title {
		padding-top: 40px;
	}
	.toppic-title-i {
		font-size: 26px;
	}
	.toppic-title-span {
		font-size: 18px;
	}
	.toppic-title p {
		font-size: 13px;
		padding-left: 23px;
	}
	.toppic-progress {
		padding: 4px 7px;
		margin-top: 50px;
		border-radius: 5px;
	}
	.toppic-progress span {
		font-size: 12px;
		padding: 0 3px;
	}
	.toppic-progress i {
		font-size: 13px;
	}
	.solutions-tabs-content {

  padding: 20px 5px 0 5px;

}
	/*解决方案详情*/
	.small-title {
		font-size: 13px;
	}
	.solution-inform-content-all {
		background-color: #ffffff;
		width: 100%;
		margin: 0 auto;
		padding: 0 0 15px 0;
	}
	.inform-content-p {
		font-size: 15px !important;
	}
	i.am-icon-file-text.file-text {
		font-size: 19px;
	}
	.words-title span {
		font-size: 17px;
	}
	.solution-inform {
		margin-top: 15px;
	}
	.solutions-tabs-ul li a i {
		display: block;
		margin-top: 10px;
	}
	.mobile-phone {
		margin-top: 7px !important;
	}
	.inform-content-p {
		margin-top: 0px !important;
	}
	.solution-inform-content {
		padding: 0;
	}
	.solutions-tabs-ul {
  padding-top: 10px !important;
}
	/* 产品展示*/
	.product-img {
		margin-bottom: 20px;
	}
	.product-content {
		margin: 0 10px;
	}
	.product-show-ul li {
  padding: 20px 0;
}
i.am-icon-dribbble{ display: none;}
	/*客户案例*/
	.case-content {
		left: 33%;
	}
	.briefcase {
		font-size: 40px !important;
		margin-top: -13px !important;
	}
	/*案例详情*/
	.case-img {
		margin-top: 20px;
	}
	.case-inform img {
		width: 70%;
		margin: 0 auto;
		display: inherit;}
		.customer-case-ul {
  margin-top: 5px;
	}
	.case-left {
  margin-top: 10px;
}
.product-content-left {
  padding: 0 20px;
}
i.am-icon-tasks{ display: none;}
.product-content-right {
  padding: 0 20px;

}
	/*关于我们*/
	.part-title-mar{
  padding-top: 10px;
  padding-bottom: 5px;
}
	.paper-plane {
		font-size: 30px !important;
		margin-top: -8px !important;
	}
	.company-intro {
		margin: 0 5%;
	}
	.thought-all {
		width: 80px;
		height: 80px;
	}
	.thought-all-none {
		width: 80px;
		height: 80px;
	}
	.company-thought li {
		margin: 0 5px;
	}
	.thought-all span {
		margin-top: 20px;
		color: #3C3C3C;
	}
	.office-space-title,
	.contact-us-title {
		margin-top: 30px;
		margin-bottom: 20px;
	}
	.company-thought {
		margin-bottom: 20px;
	}
	.contact-us div img {
		float: left;
		width: 100%;
	}
	.contact-us {
		padding: 20px 0;
		text-align: center;
	}
	.contact-add {
		margin-top: 20px;
	}
	.company-thought-all {
		width: 100%;
		margin-top: 20px;
		padding: 20px 0;
	}
	.office-space-title,
	.contact-us-title {
		margin-bottom: 10px;
	}
	/*招贤纳士*/
	.daiyu-title-ul {
		width: 70% !important;
	}
	.daiyu-content-1 {
		width: 100%;
	}
	.user-secret {
		font-size: 35px !important;
		margin-top: -10px !important;
	}
	.daiyu-title-ul {
		margin-top: 20px !important;
	}
	.product-img{ margin-top: -20px;}
	/*服务中心*/
	.service-img img {
		width: 75%;
		margin-top: 20px;
	}
	.service-ul {
		margin-top: 10px;
	}
	.service-ul li {
		margin: 10px 0;
	}
	.service-content h4 {
		font-size: 18px;
	}
	.service-content p {
		font-size: 14px;
	}
	.service-ul li:first-child {
  margin-top: 20px;
}
	/*新闻动态*/
	.news-content-all {
		margin-top: 0;
	}
	.newspaper-o {
		font-size: 40px !important;
	}
	.margin-t30 {
		margin-top: 20px !important;
	}
	.news-ul li{ margin-top: 25px;}
}



.clearfloat{*zoom:1;}
.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}
.clearfloat:after{ clear:both;}
.wrap {width: 1200px; height: auto; margin: 0 auto;}
/*垂直对齐*/
.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }
.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }
/*文字截取*/
.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}
/*图片*/
.pic {width: 100%; overflow: hidden;}
.pic img {width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.bgeee {background: #eee;}

/*top*/
#top {position: fixed; width: 100%; top: 0; height: 100px; line-height: 100px; background: #fff; z-index: 222; box-shadow: 0 0 20px 1px #c7c7ca;}
.logo {float: left; height: 100%; margin-right: 35px; font-size: 0;}
.logo img {vertical-align: middle;}
#nav {float: left;}
#nav ul li {float: left; width: 100px; margin-left: 1px; text-align: center;}
#nav ul li:first-child {width: 70px; margin-left: 0;}
#nav ul li > a {display: block; height: 100%;}
#nav ul li.active > a {color: #f9f9f9; background: #006b3e;}
#nav ul li > a:hover {color: #f9f9f9; background: #006b3e;}
.navDown {display: none;}
.navBtn {display: none;}
.topPhone {float: right; height: 36px; margin-top: 30px;}
.topPhone .pic {float: left; width: 34px; height: 34px; margin-top: 2px; margin-right: 8px;}
.topPhone .cont {float: right;}
.topPhone .cont h3 {font-size: 12px; line-height: 16px;}
.topPhone .cont p {font-size: 22px; color: #e83522; line-height: 22px;}

/*footer*/
#bottom {height: 65px; line-height: 65px; color: #fff; background: #666666; position: relative; z-index: 8;}
#bottom a {/*width: 120px;*/ /*text-align: center;*/ margin: 0 22px; color: #fff; }
#bottom a:hover {color: #e83522;}
#bottom em {margin-right: 16px;}
#footer {padding: 50px 0; color: #fff; background: #1a1a1a; position: relative; z-index: 8;}
#footer .left {float: left;}
.footerZx {width: 248px;}
.footerZxH {display: block; width: 136px; height: 38px; margin-bottom: 18px; line-height: 38px; text-align: center; font-size: 16px; border-radius: 19px; color: #fff; background: #e83522;}
.footerZxH:hover {background: #ca2615;}
.footerZxH span {display: inline-block; width: 31px; height: 100%; margin-right: 2px; font-size: 0; vertical-align: top;}
.footerZxH span img {vertical-align: middle;}
.footerZxPhone h3 {font-size: 14px; line-height: 20px;}
.footerZxPhone p {font-size: 24px; color: #e83522; line-height: 26px;}
.footerCopy {line-height: 26px; margin-top: 34px;}
.footerEwm {margin-left: 40px; padding: 0 50px; text-align: center; border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c;}
.footerEwm p {line-height: 38px; margin-top: 6px; color: #a0a0a0;}
.footerEwm .pic {width: 146px;}
#footer ul {float: right;}
#footer ul li {float: left; margin-left: 106px;}
#footer ul li:first-child {margin-left: 0;}
#footer ul li h3 {font-weight: 600; line-height: 24px; margin-bottom: 12px;}
#footer ul li p {line-height: 28px;}
#footer ul li p a {color: #a0a0a0;}
#footer ul li p a:hover {color: #e83522;}

.main {position: relative; z-index: 5; margin-top: 100px;}
/*banner*/
.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.banner {}
.banner {width: 100%;}
.banner img {display: block; width: 100%;}
.banner img.img2 {display: none;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.banner li a {display: block; width: 100%;}
.banner .bx-wrapper .bx-pager {bottom: 3.444%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a {width: 14px; height: 14px; border-radius: 50%; background: #006b3e;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #25aa2f;}

.homeAdvance {padding: 100px 0 100px 0; background: #f5f5f5;}
.homeAdvance .wrap {/*overflow: hidden;*/}
.homeAdvanceTit {text-align: center;}
.homeAdvanceTit h2 {line-height: 78px; font-size: 60px; color: #666666;}
.homeAdvanceTit h2 span {font-weight: 600; color: #006b3e;}
.homeAdvanceTit p {font-size: 18px; line-height: 36px; color: #666666;}
.homeAdvanceW {/*width: 1408px;*/   margin-left: auto; margin-right: auto; margin-top: 42px;}
.homeAdvanceW ul {float: left; margin-left: -69px;}
.homeAdvanceW ul li {width: 318px; height: 276px; margin-bottom: 11px; }
.homeAdvanceW .homeAdvanceList1 {margin-top: 231px; margin-left: 0;}
.homeAdvanceW .homeAdvanceList1 li {width: 452px; height: 392px;}
.homeAdvanceW .homeAdvanceList2 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList2 li {}
.homeAdvanceW .homeAdvanceList3 {}
.homeAdvanceW .homeAdvanceList3 li {}
.homeAdvanceW .homeAdvanceList4 {margin-top: 143px;}
.homeAdvanceW .homeAdvanceList4 li {}
.homeAdvanceCont {padding-top: 24px; box-sizing: border-box; background: url(../images/home_advance_bg.png) no-repeat center; background-size: 100%;}
.homeAdvanceCont h3 {height: 88px; margin-bottom: 8px; line-height: 88px; font-size: 30px; font-weight: 600; text-align: center; color: #006b3e;}
.homeAdvanceCont h3.homeAdvance01 {background: url(../images/home_advance_01.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance02 {background: url(../images/home_advance_02.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance03 {background: url(../images/home_advance_03.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont h3.homeAdvance04 {background: url(../images/home_advance_04.png) no-repeat center; background-size: auto 100%; }
.homeAdvanceCont p {padding: 0 32px 0 46px; line-height: 22px; color: #666666;}
.homeAdvanceCont .bg {}

.homeSp {padding-bottom: 100px; background: #eee;}
.homeSpH {height: 350px; color: #fff; background: url(../temp/sp_advance_im1.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpH .bg {width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; z-index: 0;}
.homeSpH .wrap {position: relative; z-index: 2;}
.homeSpH h2 {padding-top: 64px; font-size: 24px; font-weight: 600; line-height: 28px;}
.homeSpH h3 {font-size: 36px; font-weight: 600; line-height: 46px;}
.homeSpH h4 {font-size: 18px; line-height: 32px;}
.homeSpH p {width: 360px; color: #a7a7a7; line-height: 18px;}
.homeSpH .line {width: 56px; height: 1px; margin: 30px 0 46px 0; background: #fff;}
.homeSpT {}
.homeSpT .left {float: left; width: 50%; }
.homeSpT .right {float: right; width: 50%; height: 518px; /*margin-top: -118px;*/ position: relative; z-index: 22;}
.homeSpTW {position: absolute; width: 100%; height: 636px; left: 0; bottom: 0; background: #fff;}
.sliderHomeSpT {width: 100%; height: 100%;}
.sliderHomeSpT li {width: 100%; height: 100%;}
.homeSpTInner {width: 80%; margin: 0 auto;}
.homeSpTInner:first-child {padding-top: 60px; padding-bottom: 16px; margin-bottom: 48px; border-bottom: 1px solid #d2d2d2;}
.homeSpTInner h2 {height: 36px; margin-bottom: 16px; font-size: 30px; line-height: 36px;}
.homeSpTInner h2 span {display: inline-block; width: 32px; height: 100%; margin-right: 6px; font-size: 0; vertical-align: top;}
.homeSpTInner h2 span img {display: inline-block; vertical-align: middle;}
.homeSpTInner p {height: 148px; line-height: 24px; overflow: hidden;}
.homeSpTW .bx-wrapper .bx-pager {padding-left: 10%; bottom: 58px; text-align: left; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpTW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpTW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.homeSpTW .bx-wrapper {height: 100%;}
.homeSpTW .bx-wrapper .bx-controls-direction a {width: 50%; height: 50px; top: auto; margin-top: 0; bottom: -50px; background-color: #006b3e; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpTW .bx-wrapper .bx-controls-direction a:hover {background-color: #e83522; background-position: center;}
.homeSpTW .bx-wrapper .bx-prev {left: 0; background-image: url(../images/jt_zuo.png);  /*border-right: 1px solid #f5f5f5;*/}
.homeSpTW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you.png);}
.homeSpB {padding: 60px 90px 92px 90px; background: #fff; margin-top: 110px; position: relative;}
.homeSpB .bg {position: absolute; left: 32px; top: -50px;}
.homeSpBH {height: 200px; text-align: center; background: url(../temp/sp_advance_im4.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeSpBHCont {color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeSpBHCont h2 {font-size: 24px; line-height: 36px;}
.homeSpBHCont p {font-size: 30px; font-weight: 600; line-height: 35px;}
.homeSpBH a {position: absolute; width: 136px; height: 36px; line-height: 36px; border-radius: 18px; color: #fff; background: #e83522; left: 50%; bottom: -16px; transform: translateX(-50%);}
.homeSpBH a:hover {background: #CA2615;}
.homeSpBW {margin-top: 60px; position: relative;}
.sliderHomeSpB {/*border-bottom: 1px solid #dcdcdc;*/}
.sliderHomeSpB li {float: left; width: 20%; text-align: center;}
.sliderHomeSpB li a {display: inline-block; padding-bottom: 45px; text-align: center; font-size: 16px;  position: relative;}
.sliderHomeSpB li a:hover span {width: 100%;}
.sliderHomeSpB li a:hover {color: #006b3e;}
.sliderHomeSpB li .num {width: 52px; height: 52px; margin: 0 auto; line-height: 52px; color: #006b3e; background: url(../images/icon_bg.png) no-repeat center; background-size: 100%;}
.sliderHomeSpB li p {line-height: 34px;}
.sliderHomeSpB li span {width: 0; height: 1px; background: #006b3e; position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.homeSpBW .bx-viewport {/*padding-bottom: 4px;*/}
.homeSpBW .bx-wrapper .bx-pager {bottom: -60px; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a {width: 10px; height: 10px; border-radius: 50%; background: #d2d2d2;}
.homeSpBW .bx-wrapper .bx-pager.bx-default-pager a:hover, .homeSpBW .bx-wrapper .bx-pager.bx-default-pager a.active {background: #006b3e;}
.homeSpBW .bx-wrapper {height: 100%;}
.homeSpBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: auto; margin-top: 0; bottom: -62px; border: 1px solid #fff; /*background-color: #006b3e;*/ background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeSpBW .bx-wrapper .bx-controls-direction a:hover {/*background-color: #e83522;*/ border: 1px solid #eee; background-position: center;}
.homeSpBW .bx-wrapper .bx-prev {left: 450px; background-image: url(../images/jt_zuo1.png);}
.homeSpBW .bx-wrapper .bx-next {right: 450px; background-image: url(../images/jt_you1.png);}
.lineW {position: absolute; width: 100%; height: 1px; background: #dcdcdc; bottom: 0; left: 0; z-index: 22;}
.lineW span {display: block; width: 210px; height: 1px; background: #006b3e; -moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}

.homeZpc {/*height: 763px;*/ padding: 118px 0 130px 0;}
.homeZpc .wrap {/*padding-top: 118px;*/}
.homeZpc .left {float: left; width: 450px; height: 500px; position: relative;}
.homeZpc .left .pic {position: relative; width: 100%; height: 100%; left: 0; top: 0; z-index: 24;}
.homeZpc .left .picBg {position: absolute; width: 100%; height: 100%; background: #006b3e; left: 10px; top: 10px; z-index: 22;}
.homeZpc .right {float: right; width: 694px;}
.homeZpc .right h2 {font-size: 36px; font-weight: 600; color: #006b3e;}
.homeZpc .right .line {width: 188px; height: 1px; margin: 20px 0 0 -128px; background: #006b3e; position: relative; z-index: 24;}
.homeZpcCont {margin-top: 26px;}
.homeZpcCont p {line-height: 24px; margin-bottom: 30px;}
.homeZpcList {margin-top: 42px;}
.homeZpcList li {float: left; width: 100px; height: 100px; margin-right: 20px; text-align: center;}
.homeZpcList li a {display: block; width: 100%; height: 100%; color: #fff; background: #333333;}
.homeZpcList li a:hover {background: #006b3e;}
.homeZpcList li a:hover span {color: #006b3e;}
.homeZpcList li p {line-height: 20px; padding-top: 26px;}
.homeZpcList li span {display: inline-block; width: 16px; height: 16px; margin-top: 6px; line-height: 16px; border-radius: 50%; color: #333; background: #fff;}

.homeDzzx {padding-bottom: 86px; background: #eee;}
.homeDzzxH {height: 300px; text-align: center; color: #fff; background: url(../temp/zpc_bg.jpg) no-repeat center; background-size: auto 100%; position: relative;}
.homeDzzxH .bg {position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 2;}
.homeDzzxCont {position: relative; z-index: 5;}
.homeDzzxH h2 {font-size: 36px; line-height: 40px; margin: 0 0 34px 0; padding-top: 90px;}
.homeDzzxH h3 {}
.homeDzzxH h3 a {display: inline-block; width: 118px; height: 34px; margin: 0 10px; line-height: 34px; font-size: 16px; color: #fff; border: 1px solid #fff; border-radius: 6px;}
.homeDzzxH h3 a:first-child {background: #006b3e; border-color: #006b3e;}
.homeDzzxH h3 a:hover {background: #015331; border-color: #015331;}
.homeDzzx .wrap {margin-top: 100px;}
.homeDzzxT {}
.homeDzzxT .left {float: left; width: 662px;}
.homeDzzxT .left ul {}
.homeDzzxT .left ul li {float: left; width: 316px; margin-right: 30px;}
.homeDzzxT .left ul li:first-child {width: 100%; }
.homeDzzxT .left ul li:nth-child(2n+1) {margin-right: 0;}
.homeDzzxTH {position: relative; padding-right: 50px;}
.homeDzzxTH h2 {padding-top: 30px; font-size: 36px; font-weight: 600; color: #006B3E;}
.homeDzzxTH p {color: #666666;}
.homeDzzxTH .line {width: 40px; height: 1px; margin: 8px 0 28px 0; background: #006B3E;}
.homeDzzxMore {position: absolute; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 30px; color: #fff; background: #006B3E url(../images/jia_more.png) no-repeat center; top: 40px; right: 0; z-index: 22;}
.homeDzzxMore:hover {background-color: #015331;}
.homeDzzxT .right {float: right; width: 508px;}
.homeDzzxT .right ul {margin-top: 60px;}
.homeDzzxT ul li {position: relative; margin-bottom: 30px;}
.homeDzzxT ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxT ul li > a {display: block; width: 100%; height: 100%;}
.homeDzzxT ul li .bg {display: none; position: absolute; width: 100%; height: 100%; background: rgba(0,107,62,0.8); left: 0; top: 0; z-index: 22;}
.homeDzzxT ul li .bg .bgW {display: none; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.homeDzzxT ul li .bg .bgW h3 {font-size: 16px;}
.homeDzzxT ul li .bg .bgW a {display: inline-block; width: 34px; height: 34px; margin-top: 14px; line-height: 32px; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 50%;}
.homeDzzxT ul li .bg .bgW a:hover {color: #006B3E; background: #fff; /*border-color: #015331;*/}

.homeDzzxB {margin-top: 58px;}
.homeDzzxBH {position: relative;}
.homeDzzxBH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeDzzxBH .block {float: right; width: 142px; height: 50px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont {float: left; padding-right: 32px; background: #eee; position: relative; z-index: 22;}
.homeDzzxBHCont h3 {line-height: 42px; font-size: 30px; font-weight: 600; color: #006B3E;}
.homeDzzxBHCont p {line-height: 34px; font-size: 18px; color: #666;}
.homeDzzxBW {position: relative;}
.homeDzzxBW ul {width: 100%; padding-top: 52px;}
.homeDzzxBW ul li {float: left; width: 280px; margin-right: 24px; text-align: center;}
.homeDzzxBW ul li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.homeDzzxBW ul li:hover p {color: #006B3E;}
.homeDzzxBW ul li a {display: block;}
.homeDzzxBW ul li p {margin-top: 16px; height: 34px; line-height: 34px; font-size: 16px; color: #666;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 42px; height: 42px; top: -59px; margin-top: 0; background-color: #c2c2c2; background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.homeDzzxBW .bx-wrapper .bx-controls-direction a:hover {background-color: #006b3e; background-position: center;}
.homeDzzxBW .bx-wrapper .bx-prev {left: auto; right: 62px; background-image: url(../images/jt_zuo2.png);}
.homeDzzxBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

.homeNews {padding: 92px 0 60px 0; background: #fff;}
.homeNewsH {height: 52px; line-height: 46px; position: relative;}
.homeNewsH .line {width: 100%; height: 1px; background: #b5b5b5; position: absolute; top: 50%; left: 0; z-index: 20;}
.homeNewsH .left {float: left; position: relative; z-index: 22;}
.homeNewsH .left h3 {font-size: 0;}
.homeNewsH .left h3 span {display: inline-block; margin-top: 2px; line-height: 18px; font-size: 16px; font-weight: 600; color: #333; vertical-align: top;}
.homeNewsH .left h3 em {display: inline-block; padding-right: 20px; font-size: 50px; font-weight: 600; color: #006b3e; background: #fff;}
.homeNewsH .right {float: right; text-align: right; padding-left: 22px; line-height: 52px; font-size: 0; background: #fff; position: relative; z-index: 22;}
.homeNewsH .right a {display: inline-block; width: 112px; height: 36px; margin-left: 8px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #006b3e; vertical-align: middle;}
.homeNewsH .right a:first-child {margin-left: 0;}
.homeNewsH .right a:hover {background: #e83522;}
.homeNewsH .right a.on {background: #e83522;}
.homeNewsW {margin-top: 50px;}
.homeNewsInner {display: none;}
.homeNewsInner:first-child {display: block;}
.homeNewsInner ul {width: 47%;}
.homeNewsInner ul.left {float: left;}
.homeNewsInner ul.right {float: right;}
.homeNewsInner ul li {margin-bottom: 45px; border-bottom: 1px solid #dcdcdc;}
.homeNewsInner ul li:last-child {border-bottom: none;}
.homeNewsInner ul li:hover .homeNewsNum {color: #006B3E;}
.homeNewsInner ul li:hover .homeNewsContH h3 a {color: #006B3E;}
.homeNewsInner ul li:hover .homeNewsContH p {color: #006B3E;}
.homeNewsNum {float: left; width: 11.222%; font-size: 36px; line-height: 44px;}
.homeNewsCont {float: right; width: 88.666%;}
.homeNewsContH {padding-right: 68px; position: relative;}
.homeNewsContH h3 {line-height: 26px; font-size: 18px; font-weight: 600;}
.homeNewsContH p {line-height: 20px; font-size: 12px; color: #666;}
.homeNewsMore {position: absolute; width: 64px; height: 30px; line-height: 30px; text-align: right; top: 0; right: 0; z-index: 22;}
.homeNewsMore:hover {color: #006B3E;}
.homeNewsTxt {padding: 16px 0 46px 0;}
.homeNewsTxt p {line-height: 24px; color: #666;}

/***********关于我们*************/
.bannerBox {margin-top: 100px; height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.bannerAbout {background-image: url(../temp/banner_about.jpg); }
.bannerBox .bg {position: absolute; width: 100%; height: 213px; background: url(../images/banner_about_bg.png) no-repeat center bottom; background-size: auto 100%; left: 0; bottom: 0; z-index: 1;}
.aboutL {float: left; width: 23.356%; }
.aboutH {height: 150px; margin-top: -150px; text-align: center; color: #fff; background: #006b3e; position: relative; z-index: 22;}
.aboutH h3 {padding-top: 38px; line-height: 32px; font-size: 24px;}
.aboutH h2 {line-height: 40px; font-size: 30px; font-weight: 600;}
.aboutNav {background: #fff;}
.aboutNav li {height: 48px; line-height: 48px; font-size: 16px; border-bottom: 1px solid #dadada;}
.aboutNav li a {display: block; padding: 0 22px; position: relative;}
.aboutNav li:hover a {color: #006B3E; background: #f9f9f9;}
.aboutNav li:hover span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.aboutNav li.on {border-bottom: 1px solid #fff;}
.aboutNav li.on a {color: #006B3E; background: #f9f9f9;}
.aboutNav li.on span.jtAbout {background: url(../images/jt_about_a.png) no-repeat center; background-size: 8px;}
.jtAbout {position: absolute; width: 30px; height: 30px; background: url(../images/jt_about.png) no-repeat center; background-size: 8px; right: 16px; top: 50%; transform: translateY(-50%);}
.aboutLAd {margin: 15px 0;}
.aboutLAd:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutContact {padding: 0 0 30px 0; background: #fff;}
.aboutContactH {padding: 12px 0; border-bottom: 1px solid #dadada;}
.aboutContactH h2 {height: 20px; padding-left: 16px; line-height: 20px; font-size: 16px; border-left: 3px solid #006B3E;}
.aboutContact ul {margin-top: 28px;}
.aboutContact ul li {padding: 0 10px 0 14px; margin-bottom: 12px; line-height: 22px;}
.aboutContact ul li span,.aboutContact ul li em,.aboutContact ul li p {display: inline-block; }
.aboutContact ul li span {width: 22px; height: 22px; margin-right: 1px; font-size: 0; text-align: center; vertical-align: top;}
.aboutContact ul li span img {vertical-align: middle;}
.aboutContact ul li em {width: 46px; vertical-align: top;}
.aboutContact ul li p {width: 174px;}
.aboutEwm {text-align: center;}

.aboutR {float: right; width: 74%;}
.aboutRTop {font-size: 16px; color: #f9f9f9;}
.aboutRTop a {color: #f9f9f9;}
.aboutRTop a:hover {color: #006B3E;}
.aboutRTop p {margin-top: -42px; line-height: 22px; padding-left: 22px; background: url(../images/about_r_position.png) no-repeat left center; position: relative; z-index: 22;}
.aboutRH {margin-top: 62px; text-align: center;}
.aboutRH h2 {font-size: 36px; line-height: 46px;}
.aboutRH p {font-size: 16px; line-height: 26px;}
.aboutRW {margin-top: 52px;}
.aboutPic {float:left; box-sizing: border-box; width: 335px; height: auto; margin: 0 48px 24px 0; border: 10px solid #ddd;}
.aboutPic:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.aboutRW h3 {margin-top: 10px; margin-bottom: 32px; font-size: 36px; font-weight: 600; color: #006B3E;}
.aboutRW p {font-size: 18px; line-height: 30px; margin-bottom: 42px;}
.aboutRInner {padding: 30px 70px 30px 58px; margin-bottom: 60px; background: #fff;}
.aboutRInnerWrit {float: left; width: 302px;}
.aboutRInnerWrit h2 {font-size: 36px; line-height: 44px;}
.aboutRInnerWrit h3 {margin-bottom: 22px; font-size: 18px; color: #666; line-height: 24px;}
.aboutRInnerWrit p {color: #666; line-height: 24px;}
.aboutRInnerPic {float: right; width: 452px;}
.aboutRInnerPic img {width: 100%;}

/***********生产工艺*************/
.bannerProduct {background-image: url(../temp/banner_product.jpg);}
.productWhy {padding: 88px 0 74px 0; background: url(../temp/product_cont_bg.jpg) no-repeat center; background-size: cover; }
.productWhyH {text-align: center;}
.productWhyH h2 {line-height: 56px; font-size: 48px; font-weight: 600;}
.productWhyH h2 span {color: #006B3E;}
.productWhyH p {margin-top: -14px; font-size: 33px; color: #666; height: 70px; line-height: 70px;}
.productWhyH p span {display: inline-block; width: 126px; height: 100%; margin-right: 6px; vertical-align: top; background: url(../images/Why.png) no-repeat center; background-size: 100%;}
.productWhy .pic {margin-top: 50px;}
.productTab {position: relative;}
.productNext {width: 86px; height: 72px; position: absolute; left: 50%; transform: translateX(-50%); top: -42px;/* margin-top: -36px;*/ z-index: 22; cursor: pointer;}
.productNext span {width: 18px; height: 18px; background: url(../images/jt_product.png) no-repeat center; position: absolute; left: 50%; top: 36px; transform: translateX(-50%); animation:animation1 3s infinite; animation-timing-function: linear;}
@keyframes animation1{
	0% {top: 36px;}
	25% {top: 33px;}
	50% {top: 36px; }
	75% {top: 39px;}
	100% {top: 36px;}
}
.productNext1 {background: url(../images/product_next_btn_bg.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext2 {background: url(../images/product_next_btn_bg1.png) no-repeat center top; background-size: 100%; top: -42px;}
.productNext3 {background: url(../images/product_next_btn_bg2.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext3 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
@keyframes animation2{
	0% {top: 24px;}
	25% {top: 21px;}
	50% {top: 24px; }
	75% {top: 27px;}
	100% {top: 24px;}
}
.productNext4 {background: url(../images/product_next_btn_bg3.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext4 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}
.productNext5 {background: url(../images/product_next_btn_bg4.png) no-repeat center bottom; background-size: 100%; top: -30px;}
.productNext5 span {top: 24px; animation:animation2 3s infinite; animation-timing-function: linear;}


.productYf {padding: 74px 0 90px 0;}
.productYf h2 {font-size: 36px; text-align: center;}
.productYfList {margin-top: 54px;}
.productYfList li {float: left; width: 16.666%; text-align: center;}
.productYfList li a {display: inline-block;}
.productYfList li a:hover {color: #006B3E;}
.productYfList li a:hover span {background: url(../images/product_yf_bg_a.png) no-repeat center; background-size: 100%;}
.productYfList li a:hover span.icon1 em {background-image: url(../images/product_yf_icon1_a.png); background-size: 55px;}
.productYfList li a:hover span.icon2 em {background-image: url(../images/product_yf_icon2_a.png); background-size: 60px;}
.productYfList li a:hover span.icon3 em {background-image: url(../images/product_yf_icon3_a.png); background-size: 57px;}
.productYfList li a:hover span.icon4 em {background-image: url(../images/product_yf_icon4_a.png); background-size: 50px;}
.productYfList li a:hover span.icon5 em {background-image: url(../images/product_yf_icon5_a.png); background-size: 54px;}
.productYfList li a:hover span.icon6 em {background-image: url(../images/product_yf_icon6_a.png); background-size: 53px;}
.productYfList li span {display: inline-block; width: 134px; height: 146px; background: url(../images/product_yf_bg.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span em {display: inline-block; width: 100%; height: 100%; vertical-align: top; background-position: center; background-repeat: no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.productYfList li span.icon1 em {background-image: url(../images/product_yf_icon1.png); background-size: 55px;}
.productYfList li span.icon2 em {background-image: url(../images/product_yf_icon2.png); background-size: 60px;}
.productYfList li span.icon3 em {background-image: url(../images/product_yf_icon3.png); background-size: 57px;}
.productYfList li span.icon4 em {background-image: url(../images/product_yf_icon4.png); background-size: 50px;}
.productYfList li span.icon5 em {background-image: url(../images/product_yf_icon5.png); background-size: 54px;}
.productYfList li span.icon6 em {background-image: url(../images/product_yf_icon6.png); background-size: 53px;}
.productYfList li p {font-size: 18px; line-height: 30px; margin-top: 12px;}

.productCx {padding: 95px 0 65px 0; background: url(../temp/product_cx_bg.jpg) no-repeat center; background-size: cover;}
.productCxH {text-align: center;}
.productCxH h2 {font-size: 36px; margin-bottom: 12px;}
.productCxH p {font-size: 16px; color: #666; line-height: 26px;}
.productCxList {margin-top: 46px;}
.productCxList li {float: left; width: 23.5%; margin-left: 2%; text-align: center;}
.productCxList li:first-child {margin-left: 0;}
.productCxList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productCxList li:hover a {color: #006B3E;}
.productCxList li a {display: block;}
.productCxList li p {line-height: 48px; font-size: 16px;}

.productGy {padding: 94px 0 84px 0;}
.productGyList {margin-top: 40px}
.productGyList li {float: left; width: 31.666%; margin-left: 2.5%; text-align: center;}
.productGyList li:first-child {margin-left: 0;}
.productGyList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productGyList li:hover a {color: #006B3E;}
.productGyList li a {display: block;}
.productGyList li p {font-size: 16px; line-height: 48px;}

.productSp {padding: 98px 0 98px 0; background: #d3d3d3;}
.productSpW {height: 400px; position: relative; margin-top: 40px;}
.productSpVideo {width: 504px; height: 334px; position: absolute; top: 0; left: 68px;}
.productSpVideo .bg {width: 100%; height: 28%; background: #006B3E; position: absolute; left: -10px; bottom: -10px; z-index: 20;}
.productSpVideo .video-js {z-index: 25;}
.video-js .vjs-big-play-button {width: 80px; height: 80px; top: 50%; left: 50%; transform: translate(-50%,-50%); border: none; background: url(../images/video_btn_1.png) no-repeat center; background-size: 100%; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {content: "";}
.video-js:hover .vjs-big-play-button, .video-js .vjs-big-play-button:focus {background: url(../images/video_btn.png) no-repeat center; background-size: 100%;}
.productSpPic {position: absolute; width: 670px; right: 68px; bottom: 0;}
.productSpPic .pic {position: relative; z-index: 21;}
.productSpPic .bg {width: 60%; height: 27%; background: #006B3E; position: absolute; top: -10px; right: -10px; z-index: 20;}

.productJg {padding: 96px 0 36px 0;}
.productJgList {}
.productJgList li {margin-bottom: 12px;}
.productJgList li:nth-child(4n) {margin-left: 0;}

.productCh {padding: 64px 0 86px 0; background: url(../temp/product_ch_bg.jpg) no-repeat center; background-size: cover;}
.productGyList {margin-top: 44px;}
.productGyList li {}

.productAl {padding: 94px 0 100px 0; }
.productAlList {margin-top: 88px;}
.productAlList li {float: left; width: 23.875%; margin-left: 1.5%;}
.productAlList li:first-child {margin-left: 0;}
.productAlList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.productAlList li a {display: block; position: relative;}
.productAlList li h3 {position: absolute; width: 102px; height: 102px; line-height: 102px; text-align: center; font-size: 24px; color: #fff; background: #006B3E; border: 4px solid #fff; border-radius: 50%; left: 50%; top: 0; transform: translate(-50%,-50%); z-index: 22;}
.productAlList li .bg {display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; background: rgba(0,0,0,0.7); z-index: 20;}
.productAlList li .bg .writ {padding: 0 15px; position: absolute; left: 0; /*bottom: 15px;*/ bottom: -100px;}
.productAlList li .bg .writ p {max-height: 80px; line-height: 20px; overflow: hidden;}

/*************产品展示***********/
.bannerShow {background-image: url(../temp/banner_show.jpg);}
.showW {margin-bottom: 60px;}
.showList {/*width: 950px;*/ margin-top: 50px;}
.showList li {float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; text-align: center;}
.showList li:nth-child(3n){margin-right: 0;}
.showList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.showList li:hover p {color: #fff; background: #006B3E; }
.showList li a {display: block;}
.showList li p {background: #d9d9d9; line-height: 40px; font-size: 16px; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.page {width: 100%; height: 26px; margin:20px 0; text-align: right; line-height: 26px; color: #333333;}
.page em {display: inline-block; width: 50px; height: 100%; margin: 0 3px; text-align: center; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; vertical-align: top; cursor: pointer;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #006b3e;}
.page i {display: inline-block; width: 62px; height: 100%; margin: 0 3px; text-align: center; font-style: normal; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; cursor: pointer;}
.page i:hover {background: #f5f4f4;}
.page i.active {color: #fff; background: #006b3e;}
.page a {display: inline-block; width: 26px; height: 100%; margin: 0 3px; text-align: center; color: #202020; background: #fff; border: 1px solid #dcdcdc; border-radius: 2px; zoom: 1; *display:inline; float:none;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #006b3e;}

/***********产品展示-详情页*************/
.showDetailW {margin-top: 50px; margin-bottom: 60px;}
.showDetailMain {}
.showWap {float: left; width: 300px; height: 300px; position: relative;}
.showWap img.bg {width: 100%; height: 100%;}
.showPic {width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 44;}
.showSlider {width: 100%; height: 100%;}
.showSlider li {width: 100%; height: 100%; position: relative;}
.showPic .bx-wrapper {height: 100%;}
.showPic .bx-wrapper .bx-viewport {height: 100% !important;}
.showPic .bx-wrapper .bx-pager {bottom: 4px; text-align: right; box-sizing: border-box; padding-right: 18px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a {width: 12px; height: 12px; margin: 0 3px; border-radius: 0%; background: #bfbfbf; text-indent: 10000px;}
.showPic .bx-wrapper .bx-pager.bx-default-pager a:hover, .showPic .bx-wrapper .bx-pager.bx-default-pager a.active {background: #e83522;}
.showDetailMainCont {float: right; width: 560px; margin-top: 16px;}
.showDetailMainCont h2 {padding-bottom: 12px; line-height: 36px; font-size: 30px; font-weight: 600; color: #006B3E; border-bottom: 1px solid #bfbfbf;}
.showDetailMainCont h3 {height: 45px; padding-left: 15px; margin-top: 15px; line-height: 45px; font-size: 18px; background: #e1e1e1;}
.showDetailMainCont p {margin-top: 16px; line-height: 26px;}
.showDetailMainB {margin-top: 26px;}
.showDetailMainB a {float: left; width: 136px; height: 38px; margin-left: 20px; font-size: 16px; line-height: 38px; text-align: center; border: 1px solid #fff; border-radius: 4px;}
.showDetailMainB a:hover {background: #fff;}
.showDetailMainB a:first-child {margin-left: 0;}
.showDetailMainB a span {display: inline-block; width: 22px; height: 100%; margin-right: 6px; vertical-align: top; background-position: center; background-repeat: no-repeat;}
.showDetailMainB a.showDetailLqyp {color: #006b3e; border-color: #006b3e;}
.showDetailMainB a.showDetailLqyp span { background-image: url(../images/show_t_b1.png); }
.showDetailMainB a.showDetailZxzx {color: #0068b7; border-color: #0068b7;}
.showDetailMainB a.showDetailZxzx span { background-image: url(../images/show_t_b2.png); }
.showDetailMainB a.showDetailZxgm {color: #e83522; border-color: #e83522;}
.showDetailMainB a.showDetailZxgm span {background-image: url(../images/show_t_b3.png); }

.showDetailInner {margin-top: 30px;}
.showDetailInner h2 {height: 46px; margin-bottom: 30px; line-height: 46px; border-bottom: 1px solid #bfbfbf;}
.showDetailInner h2 span {display: inline-block; width: 148px; height: 100%; text-align: center; font-size: 24px; vertical-align: top; background: #eee; border: 1px solid #bfbfbf; border-bottom: 1px solid #eee;}
.showDetailInnerW {background: #fff;}
.showDetailInnerW .pic1 {margin-top: 15px;}

.showDetailBH .block {width: 70px;}
.showDetailH {padding-right: 15px;}
.showDetailH h3 {}
.showDetailH h3 span {display: inline-block; height: 24px; line-height: 22px; padding-left: 8px; font-size: 24px; color: #333; font-weight: normal; border-left: 3px solid #006B3E; vertical-align: middle;}

.showDetailBW {}
.showDetailBW {}
.showDetailBW .sliderShowDetail {padding-top: 20px;}
.showDetailBW .sliderShowDetail li {margin-right: 23px;}
.showDetailBW ul li p {margin-top: 8px;}
.showDetailBW .bx-wrapper .bx-controls-direction a {width: 24px; height: 24px; top: -37px; margin-top: 0; background-color: #999999; background-repeat: no-repeat; background-position: center; background-size: 10px; box-sizing: border-box;}
.showDetailBW .bx-wrapper .bx-controls-direction a:hover {background-color: #006b3e; background-position: center;}
.showDetailBW .bx-wrapper .bx-prev {left: auto; right: 32px; background-image: url(../images/jt_zuo2.png);}
.showDetailBW .bx-wrapper .bx-next {right: 0; background-image: url(../images/jt_you2.png);}

/************资讯中心************/
.bannerNews {background-image: url(../temp/banner_news.jpg);}
.newsW {margin-top: 50px;}
.newsList {}
.newsList li {padding: 20px 0; border-bottom: 1px solid #d2d2d2;}
.newsList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.newsList li .pic {float: left; width: 250px;}
.newsInner {float: right; width: 606px; }
.newsInner h2 {font-size: 18px; line-height: 26px; font-weight: 600;}
.newsInner h2 a:hover {color: #006B3E;}
.newsInner h3 {font-size: 12px; color: #999; line-height: 20px;}
.newsInner p {margin-top: 8px; line-height: 26px; color: #666;}
.newsInner a.more {display: block; width: 116px; height: 32px; margin-top: 18px; line-height: 32px; text-align: center; color: #006b3e; border: 1px solid #006b3e;}
.newsInner a.more:hover {color: #fff; background: #006B3E;}
.newsW .page {margin-top: 30px; margin-bottom: 60px;}

/************资讯中心-详情页************/
.newsDetailW {margin-top: 70px; padding: 0 25px;}
.newsDetailH {text-align: center;}
.newsDetailH h2 {font-size: 30px; font-weight: 600; margin-bottom: 15px;}
.newsDetailH p {color: #666;}
.newsDetailCont { margin-top: 28px;}
.newsDetailCont p {margin-bottom: 30px; font-size: 16px; color: #666; line-height: 38px;}
.newsDetailCont p span {font-weight: 600; color: #333;}

.jump {padding: 12px 0; border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.jump p {line-height: 36px;}
.jump p a {color: #666;}
.jump p a:hover {color: #006B3E;}
.jump p a span {font-size: 18px; font-weight: 600;}

.newsLink {height: 34px; line-height: 34px; margin-top: 20px; margin-bottom: 60px;}
.newsLink span {margin-right: 8px; color: #666;}
.newsLink a {display: inline-block; width: 34px; height: 34px; margin-right: 20px; vertical-align: top; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: 100%;}
.newsLink a.linkWeibo {background-image: url(../images/news_link_weibo.png);}
.newsLink a.linkWeixin {background-image: url(../images/news_link_weixin.png); background-position: center 4px;}
.newsLink a.linkPeng {background-image: url(../images/news_link_peng.png); background-position: center 2px;}

/************常见问题************/
.bannerIssue {background-image: url(../temp/banner_issue.jpg);}
.issueW {margin-top: 50px; margin-bottom: 60px;}
.issueList {margin-bottom: 30px;}
.issueList li {padding-left: 20px; margin-bottom: 20px; background: #fff;}
.issueList li:hover {box-shadow: 0 0 20px 0 #c6c6c6;}
.issueList li:first-child .issueInner {display: block;}
.issueList li h2 {height: 48px; padding-right: 45px; line-height: 48px; font-size: 16px; position: relative; cursor: pointer;}
.issueList li h2 em {color: #006B3E;}
.issueList li h2 span {position: absolute; width: 40px; height: 40px; top: 50%; right: 12px; transform: translateY(-50%); background: url(../images/issue_btn_jia.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.issueList li h2 span.on {background: url(../images/issue_btn.png) no-repeat center;}
.issueInner {display: none; padding: 22px 30px 20px 0; line-height: 32px; border-top: 1px solid #d2d2d2;}
.issueInner span {float: left; width: 30px; font-size: 16px; color: #006B3E;}
.issueCont {float: right; width: calc(100% - 32px);}
.issueCont p {margin-top: 18px;}
.issueCont p:first-child {margin-top: 0;}
.issueCont p a:hover {color: #006B3E;}

/*************样品领取***********/
.sample {padding: 160px 0 158px 0; background: url(img/申请.lpg) no-repeat center; background-size: cover;}
.sampleW {width: 828px; margin: 0 auto;}
.sampleH {text-align: center; margin-bottom: 84px;}
.sampleH h2 {font-size: 36px; font-weight: 600;}
.sampleH .line {width: 90px; height: 4px; margin: 12px auto 0; background: #006B3E;}
.formInner {margin-bottom: 20px;}
.formInner .left {float: left;}
.formInner .right {float: right;}
.formW {width: 100%; height: 40px; line-height: 40px; font-size: 0; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formW p {display: inline-block; padding-left: 14px; margin-right: 6px; vertical-align: middle; font-size: 16px; color: #999;}
.formW p span {color: #e93c3c;}
.formW input {width: calc(100% - 72px); font-size: 14px; vertical-align: middle;}
.formW input.formTel::-webkit-inner-spin-button,
.formW input.formTel::-webkit-outer-spin-button {-webkit-appearance: none;}
.formW input.formTel{-moz-appearance: textfield;}
.formText .formW {width: 100%; height: 236px; padding: 15px 15px; box-sizing: border-box;}
.formText .formW textarea {width: 100%; height: 100%; font-size: 16px; line-height: 26px;}
.formYzmInner {height: 40px; line-height: 40px; margin-bottom: 10px;}
.formYzmInner .formYzmW {float: left; width: 160px; height: 100%; margin-right: 15px; background: #fff; border: 1px solid #bfbfbf; border-radius: 4px;}
.formYzmInner .formYzmW input {width: 78px;}
.formYzmInner a {float: left; width: 154px; margin-right: 15px; font-size: 0; overflow: hidden;}
.formYzmInner a img {width: 100%; vertical-align: middle;}
.formYzmInner h4 {float: left; font-size: 16px;}
.hint {height: 20px; padding-left: 15px; line-height: 20px;}
.hint p {display: none; font-size: 14px; color: #CA2615;}
.formB {margin-top: 10px;}
.formB button {width: 220px; height: 40px; font-size: 16px; text-align: center; line-height: 40px; color: #fff; border-radius: 4px; cursor: pointer; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.formB button.formSure {margin-right: 20px; background: #263fd2;}
.formB button.formSure:hover {background: #263fd2;}
.formB button.formReturn {background: #333;}
.formB button.formReturn:hover {background: #000;}

/*************联系我们***********/
.bannerContact {background-image: url(../temp/banner_contact.jpg);}
.contactList {padding-left: 90px; margin-top: 50px; margin-bottom: 50px;}
.contactList li {float: left; width: 32.333%; margin-right: 1%;}
.contactList li span {width: 46px; height: 46px; float: left; line-height: 46px; font-size: 0; text-align: center;}
.contactList li span img {vertical-align: middle;}
.contactC {float: right; width: calc(100% - 52px);}
.contactC h3 {color: #666; line-height: 20px;}
.contactC p {font-size: 24px; line-height: 26px;}
.contactC p em {font-size: 20px;}

.contactMap {height: 556px;}
#map {width: 100%; height: 100%;}

.muen {display: none; position: absolute; width: 36px; height: 36px; box-sizing: border-box; padding: 10px 6px; background: #006b3e; border-radius: 6px; right: 15px; top: 50%; transform: translateY(-50%); z-index: 99;}
.muen span {display: block; width: 100%; height: 3px; margin-top: 4px; background: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.muen span:first-child {margin-top: 0;}
.muen.on span.muenX {margin-top: 6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.muen.on span.muenY {display: none;}
.muen.on span.muenZ {margin-top: -3px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

.wapBottom {display: none; position: fixed; width: 100%; height: 40px; line-height: 40px; background: rgba(0,0,0,0.8); bottom: 0; left: 0; z-index: 222;}
.wapBottom ul {}
.wapBottom ul li {float: left; width: 25%; text-align: center; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.2);}
.wapBottom ul li:first-child {border: none;}
.wapBottom ul li a {display: block; width: 100%; height: 100%; color: #fff; font-size: 14px;}

.BtnL {display: none; width: 30px; height: 30px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); z-index: 22; background: url(../images/btn_l_11.png) no-repeat center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.BtnL.on {background: url(../images/btn_l_1.png) no-repeat center;}

.wapBg {position: fixed; width: 100%; height: 100%; background: url(../temp/bgbgbg.jpg) no-repeat center; bottom: 0; left: 0; z-index: -2;}

.homeAdvanceWW {display: none; margin: 30px 0;}
.homeAdvanceWW img {width: 100%;}

.showPic .bx-wrapper .bx-pager {width: 60px; left: auto; right: 0;}

.banner .bx-wrapper .bx-controls-direction a {display: none; width: 46px; height: 52px; top: 50%; transform: translateY(-50%); background-color: rgba(0,0,0,.3); background-repeat: no-repeat; background-position: center; box-sizing: border-box;}
.banner .bx-wrapper .bx-controls-direction a:hover {background-color: rgba(0,0,0,0.5); background-position: center;}
.banner .bx-wrapper .bx-prev {left: 40px; background-image: url(../images/jt_zuo2.png);  /*border-right: 1px solid #f5f5f5;*/}
.banner .bx-wrapper .bx-next {right:40px; background-image: url(../images/jt_you2.png);}
.banner:hover .bx-wrapper .bx-controls-direction a {display: block;}

.homeAdvanceM {display: none; margin-top: 20px;}
.homeAdvanceM ul {}
.homeAdvanceM ul li {float: left; width: 49%; text-align: center; margin-right: 2%; margin-bottom: 15px; padding: 12px 12px; background-color: #e1e1e1; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
.homeAdvanceM ul li:nth-child(2n) {margin-right: 0;}
.homeAdvanceM ul li h3 {font-size: 20px; font-weight: 600; color: #006b3e;}
.homeAdvanceM ul li p {line-height: 26px; color: #444;}
.homeAdvanceM ul li .homeAdvanceTxt {height: 104px; margin-top: 8px; padding: 0 10px; }
.homeAdvanceM ul li.bg1 {background-image: url(../images/home_advance_01.png);}
.homeAdvanceM ul li.bg2 {background-image: url(../images/home_advance_02.png);}
.homeAdvanceM ul li.bg3 {background-image: url(../images/home_advance_03.png);}
.homeAdvanceM ul li.bg4 {background-image: url(../images/home_advance_04.png);}

.navNext {width: 100%; height: 40px; line-height: 40px; position: fixed; background: #f2f2f2; top: -40px; left: 0; z-index: 66; box-shadow: 0 0 10px 1px #c7c7ca; /*border-bottom: 1px solid #b9b7b2;*/}
.navNextW {text-align: center;}
.navNextW ul {width: 800px; margin-left: 184px;}
.navNextW ul li {display: inline-block; color: #444; margin: 0 20px; cursor: pointer;}
.navNextW ul li.on {color: #006B3E;}

.productWap {display: none; margin-top: 20px; }
.productWap ul {}
.productWap ul li {float: left; /*width: 23.5%;*/ width: 49%; height: 118px; /*height: 150px;*/ padding: 12px 12px; margin-right: 2%; margin-bottom: 15px; box-sizing: border-box; background: #fbf8f4; box-shadow: 0 0 8px 0 #C6C6C6;   /*background: url(../images/product_wap_bg.png) no-repeat center; background-size: 100% 100%;*/}
.productWap ul li:nth-child(2n) {margin-right: 0;}
/*.productWap ul li:nth-child(4n) {margin-right: 0;}*/
.productWap ul li h3 {text-align: center; font-size: 18px;}
.productWap ul li p {color: #444;}
.productWap ul li .line {width: 30px; height: 2px; margin: 8px auto 10px; background: #006B3E;}

.vjs-poster {background-size: cover;}


@media (max-width: 420px) {
	.homeAdvanceM ul li h3 {font-size: 18px;}
	.homeAdvanceM ul li p {font-size: 13px; line-height: 22px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 135px;  padding: 0 8px;}

	.productWap ul li {/*height: 168px;*/ height: 122px; padding: 10px 10px;}
	.productWap ul li h3 {font-size: 16px;}
	.productWap ul li .line {width: 24px;margin: 6px auto 8px;}
	.productWap ul li p {font-size: 13px;}

}
@media (max-width: 380px) {
	.homeAdvanceM ul li h3 {font-size: 16px;}
	.homeAdvanceM ul li p {font-size: 12px; line-height: 20px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 120px; margin-top: 4px; padding: 0;}
	.homeAdvanceM ul li {background-size: auto 38%;}

	.productWap ul li {height: 108px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 15px;}
	.productWap ul li .line {width: 22px;margin: 4px auto 6px;}
	.productWap ul li p {font-size: 12px;}

}
@media (max-width: 320px) {
	.homeAdvanceM ul li h3 {font-size: 15px;}
	.homeAdvanceM ul li p {font-size: 10px; line-height: 18px;}
	.homeAdvanceM ul li .homeAdvanceTxt {height: 126px; margin-top: 4px; }
	.homeAdvanceM ul li {background-size: auto 42%;}


	.productWap ul li {height: 120px; padding: 8px 8px;}
	.productWap ul li h3 {font-size: 14px;}
	.productWap ul li .line {width: 20px;margin: 3px auto 6px;}
	.productWap ul li p {font-size: 10px;}

}

@media (max-width: 1200px) {
	/*.wrap {width: 1000px;}*/
	.wrap {width: 100%; padding: 0 20px; box-sizing: border-box;}
	.logo {margin-right: 20px;}
	.logo img {width: 130px;}
	#nav ul li {width: 84px;}
	#nav ul li:first-child {width: 64px;}
	.topPhone .pic {margin-right: 4px;}
	.topPhone .cont p {font-size: 20px;}
	.homeAdvance {padding: 86px 0 86px 0;}
	.homeAdvanceTit h2 {font-size: 56px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 372px; height: 338px;}
	.homeAdvanceW ul {margin-left: -58px;}
	.homeAdvanceW ul li {width: 266px;height: 231px;margin-bottom: 8px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 193px;}
	.homeAdvanceW .homeAdvanceList2 {margin-top: 120px;}
	.homeAdvanceW .homeAdvanceList4 {margin-top: 120px;}
	.homeAdvanceCont h3 {height: 60px; line-height: 60px; font-size: 24px;}
	.homeAdvanceCont { padding-top: 20px;}
	.homeAdvanceCont p {font-size: 13px; line-height: 20px;}
	.homeSpH {height: 330px;}
	.homeSpH h2 {padding-top: 52px;}
	.homeSpH h3 {font-size: 32px;}
	.homeSpT .right {height: 432px;}
	.homeSpTW {height: 560px;}
	.homeSpTW .bx-wrapper .bx-pager {bottom: 16px;}
	.homeSpTW .bx-wrapper .bx-pager {padding-top: 50px;}
	.homeSpTInner h2 {font-size: 28px;}
	.homeSpB {padding: 50px 80px 92px 80px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 350px}
	.homeSpBW .bx-wrapper .bx-next {right: 350px;}
	.lineW span {width: 190px;}
	.homeSp {padding-bottom: 90px;}
	.homeZpc {padding: 90px 0 100px 0;}
	.homeZpc .left {width: 30%; height: auto;}
	.homeZpc .right {width: 66%;}
	.homeZpc .right h2 {font-size: 32px;}
	.homeZpc .right .line {margin: 15px 0 0 -88px;}
	.homeZpcCont {margin-top: 16px;}
	.homeZpcCont p {line-height: 22px; margin-bottom: 22px;}
	.homeZpcList {margin-top: 40px;}
	.homeDzzxH {height: 280px;}
	.homeDzzxH h2 {font-size: 34px; padding-top: 86px;}
	.homeDzzx .wrap {margin-top: 80px;}
	.homeDzzxT .right {width: 43%;}
	.homeDzzxT .left {width: 55%;}
	.homeDzzxT .left ul li {width: 49%; margin-right: 2%;}
	.homeDzzxT ul li {margin-bottom: 20px;}
	.homeDzzxTH h2 {padding-top: 14px; font-size: 34px;}
	.homeDzzxTH .line {margin-bottom: 16px;}
	.homeDzzxMore {top: 16px;}
	.homeDzzxT .right ul {margin-top: 30px;}
	.homeDzzx {padding-bottom: 60px;}
	.homeDzzxBW ul {padding-top: 40px;}
	.homeNews {padding: 80px 0 40px 0;}
	.homeNewsTxt {padding: 10px 0 30px 0;}
	.homeNewsInner ul li {margin-bottom: 30px;}

	#footer {padding: 40px 0;}
	.footerEwm {margin-left: 20px; padding: 0 36px;}
	.footerEwm .pic {width: 136px;}
	#footer ul li {margin-left: 80px;}

	.aboutH {height: 126px; margin-top: -126px;}
	.aboutH h3 {font-size: 22px; padding-top: 28px;}
	.aboutH h2 {font-size: 28px; line-height: 36px;}

	.aboutRTop p {margin-top: -32px;}
	.aboutContact ul li {padding: 0 10px 0 8px;}
	.aboutContact ul li p {width: calc(100% - 82px);}
	.aboutRH {margin-top: 52px;}
	.aboutRH h2 {font-size: 34px;}
	.aboutRW {margin-top: 36px;}
	.aboutPic {margin: 0 25px 16px 0;}
	.aboutRW h3 {font-size: 32px; line-height: 40px;margin-bottom: 22px;}
	.aboutRW p {font-size: 16px; margin-bottom: 20px;}
	.aboutRInner {padding: 20px 30px 20px 30px;}
	.aboutRInnerWrit {width: 290px;}
	.aboutRInnerWrit h2 {font-size: 34px;}
	.aboutRInnerWrit h3 {margin-bottom: 16px;}
	.aboutRInnerPic {width: 382px;}
	.aboutPic {width: 298px;}

	.bannerBox {height: 350px;}
	.bannerBox .bg {height: 186px;}

	.contactC p {font-size: 22px;}
	.contactC p em {font-size: 18px;}
	.contactList {margin: 40px 0;}
	.contactMap {height: 500px;}
	.newsList li .pic {width: 210px;}
	.newsInner {width: calc(100% - 228px);}
	.newsInner p {margin-top: 4px;line-height: 22px;}
	.newsInner a.more {margin-top: 12px;}
	.newsW {margin-top: 30px;}
	.newsDetailW {margin-top: 52px; padding: 0 20px;}
	.newsDetailH h2 {font-size: 28px; margin-bottom: 10px;}
	.newsDetailCont {margin-top: 20px;}
	.newsDetailCont p {margin-bottom: 20px;line-height: 36px;}
	.jump p {line-height: 34px;}
	.newsLink {margin-top: 14px;}
	.productWhy {padding: 68px 0 62px 0;}
	.productYf {padding: 60px 0 80px 0;}
	.productWhyH h2 {font-size: 46px;}
	.productWhyH p {font-size: 32px;}
	.productWhy .pic {margin-top: 40px;}
	.productYf h2 {font-size: 34px;}
	.productCxH h2 {font-size: 34px; margin-bottom: 8px;}
	.productYfList {margin-top: 42px;}
	.productCx {padding: 78px 0 56px 0;}
	.productCxList {margin-top: 40px;}
	.productGy {padding: 82px 0 72px 0;}
	.productGyList {margin-top: 36px;}
	.productSp {padding: 82px 0 82px 0;}
	.productJg {padding: 82px 0 32px 0;}
	.productCh {padding: 64px 0 60px 0;}
	.productAl {padding: 82px 0 80px 0;}
	.productAlList li .bg .writ {padding: 0 10px;}
	.sampleW {width: 770px;}
	.sample {padding: 100px 0 138px 0;}
	.sampleH {margin-bottom: 68px;}
	.showList {margin-top: 44px;}

	.showWap {width: 250px; height: 250px;}
	.showDetailMainCont {width: calc(100% - 270px);}
	.showDetailMainCont {margin-top: 4px;}
	.showDetailMainCont h2 {font-size: 26px; padding-bottom: 6px; line-height: 32px;}
	.showDetailMainCont h3 {height: 42px; line-height: 42px;}
	.showDetailMainCont p {margin-top: 12px;}
	.showDetailMainB {margin-top: 20px;}
	.showDetailInner h2 span {font-size: 22px;}
	.showDetailInner h2 {margin-bottom: 24px;}
	.homeDzzxB {margin-top: 46px;}
	.showDetailBW .sliderShowDetail li {margin-right: 18px;}

	#bottom a {margin: 0 20px;}
	#bottom em {margin-right: 5px;}

	.homeAdvanceW {width: 1000px;}

	.navNextW ul {margin-left: 78px;}
	.navNextW ul li {margin: 0 14px;}
}

@media (max-width: 1024px) {
	/*.wrap {width: 960px;}*/
	#top {height: 90px; line-height: 90px;}
	.logo img {width: 122px;}
	.topPhone {margin-top: 25px;}
	#nav ul li {width: 80px;}
	#nav ul li:first-child {width: 60px;}
	.homeAdvance {padding: 76px 0 76px 0;}
	.homeAdvanceTit h2 {font-size: 52px; line-height: 70px;}

	.homeAdvanceW ul li {width: 256px; height: 222px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 365px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 115px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 184px;}
	.homeAdvanceCont {padding-top: 18px;}
	.homeAdvanceCont h3 {height: 58px; line-height: 58px; font-size: 23px;}
	.homeSpT .right {height: 415px;}
	.homeSpTW {height: 524px;}
	.homeSpTInner:first-child {padding-top: 32px; margin-bottom: 34px;}
	.homeSpTInner h2 {font-size: 26px;}
	.homeSpTInner h2 span {margin-right: 0; }
	.homeSpTInner h2 span img {width: 30px;}
	.homeSpH {height: 320px;}
	.homeSpH h3 {font-size: 30px;line-height: 42px;}
	.homeSpH h2 {font-size: 22px;}
	.homeSpH .line {margin-bottom: 40px;}
	.homeSpB {padding: 50px 70px 86px 70px;}
	.homeSpB .bg {width: 400px; top: -46px;}
	.homeSpB .bg img {width: 100%;}
	.sliderHomeSpB li a {padding-bottom: 34px;}
	.homeSp {padding-bottom: 80px;}
	.homeZpc {padding: 80px 0 90px 0;}
	/*.homeZpc .right {width: 560px;}
	.homeZpc .left {width: 372px;}*/
	.homeDzzxH h2 {font-size: 32px;}
	/*.homeDzzxT .right {width: 420px;}*/
	/*.homeDzzxT .left {width: 524px;}*/
	.homeDzzxTH h2 {font-size: 32px;}
	.homeDzzxBW ul li {margin-right: 20px;}
	.homeDzzxB {margin-top: 40px;}
	.homeNews {padding: 70px 0 30px 0;}
	.homeNewsH .left h3 em {font-size: 46px;}

	.footerEwm {padding: 0 30px; margin-left: 12px;}
	.footerEwm .pic {width: 130px;}
	#footer ul li {margin-left: 72px;}
	#bottom a {margin: 0 16px;}
	#bottom em {margin-right: 0;}
	#bottom {height: 60px; line-height: 60px;}
	#footer {padding: 30px 0;}
	.footerCopy {margin-top: 24px;}
	.footerZxH {margin-bottom: 12px;}

	.bannerBox {height: 300px;}
	.aboutH {height: 116px; margin-top: -116px;}
	.aboutH h2 {font-size: 26px; line-height: 34px;}
	.aboutH h3 {font-size: 20px; line-height: 26px;}
	.aboutContact ul li {padding: 0 8px 0 4px;}
	.aboutContact ul li span {width: 20px; height: 20px; margin-right: 0;}
	.aboutContact ul li p {width: calc(100% - 76px);}
	.aboutEwm img {width: 100px;}
	.aboutRH {margin-top: 46px; padding: 0 10px;}
	.aboutRH h2 {font-size: 32px;  line-height: 42px;}
	.aboutPic {width: 288px;}
	.aboutRW h3 {font-size: 30px; margin-bottom: 16px;}
	.aboutRInner {padding: 20px 20px 20px 20px;}
	.aboutRInnerWrit h2 {font-size: 32px;}
	.aboutRInnerWrit h3 {font-size: 16px;}
	.aboutRInnerPic {width: 374px;}
	.contactList li span {width: 42px; height: 42px;}
	.contactList li span.icon1 img {width: 34px;}
	.contactList li span.icon2 img {width: 40px;}
	.contactList li span.icon3 img {width: 26px;}
	.contactList {padding-left: 60px;}
	.contactMap {height: 450px;}

	.issueCont p {margin-top: 12px;}
	.issueInner {padding: 16px 26px 15px 0; line-height: 30px;}
	.newsList li .pic {width: 200px;}
	.newsInner {width: calc(100% - 215px);}
	.newsDetailH h2 {font-size: 26px;}
	.newsLink a {margin-right: 15px;}
	.productWhyH h2 {font-size: 44px;}
	.productWhyH p {font-size: 30px;}
	.productWhyH p span {width: 120px;}
	.productYfList li span {width: 124px; height: 140px;}
	.productYfList li p {font-size: 16px; margin-top: 10px;}
	.productSpVideo {width: 480px; height: 310px;}
	.productSpPic {width: 596px;}
	.video-js .vjs-big-play-button {width: 70px; height: 70px;}
	.productAlList li h3 {width: 92px; height: 92px; line-height: 92px; font-size: 22px;}
	.showWap {width: 238px; height: 238px;}
	.showDetailMainCont {width: calc(100% - 258px);}
	.showPic .bx-wrapper .bx-pager {padding-right: 10px;}
	.showDetailMainB a {width: 130px; margin-left: 10px;}

	.main,.bannerBox {margin-top: 90px;}

	.homeAdvanceW {width: 960px;}

	.navNext {/*top: 90px;*/}
	.navNextW ul {margin-left: 56px;}
	.navNextW ul li {margin: 0 10px;}
}

@media (max-width: 992px) {
	body {overflow-x: hidden;}
	/*.wrap {width: 750px;}*/
	#top {height: 70px; line-height: 70px; width: 100%; position: fixed; top: 0; left: 0;}
	#top .wrap {width: 96%;}
	.topPhone {display: none;}
	.muen {display: block;}

	#nav {width: 200px; height: 100%; padding: 70px 0 40px 0; position: fixed; left: -200px; top: 0; z-index: 66; box-sizing: border-box;}
	#nav ul {width: 100%; height: 100%; background: #fff;}
	#nav ul li {width: 100%; height: auto; margin: 0; line-height: 48px; font-size: 16px; text-align: left; /*border-bottom: 1px solid #DADADA;*/ border-bottom: none; box-sizing: border-box; position: relative;}
	#nav ul li > a {padding: 0 40px 0 15px; border-bottom: 1px solid #DADADA;}
	#nav ul li:first-child {width: 100%;}
	#nav ul li .navBtn {display: block; position: absolute; width: 50px; height: 50px; background: url(../images/jt_about.png) no-repeat center; right: 0; top: 0; z-index: 66; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; cursor: pointer;}
	#nav ul li .navBtn.on {-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
	#nav ul li .navDown {}
	#nav ul li .navDown a {display: block; height: 45px; padding: 0 15px 0 22px; line-height: 45px; font-size: 15px; background: #F5F5F5; border-bottom: 1px solid #E1E1E1;}
	#nav ul li .navDown a:hover {color: #fff; background: #25AA2F;}
	#nav ul li .navDown a.on {color: #fff; background: #25AA2F;}

	.logo {position: relative; z-index: 222;}
	.main {margin-top: 70px;}

	.wapBottom {display: block;}

	.homeAdvance {padding: 60px 0 60px 0;}
	.homeAdvanceTit h2 {font-size: 48px; line-height: 62px;}
	.homeAdvanceW ul li {width: 208px; height: 181px;margin-bottom: 5px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 268px; }
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 93px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 162px;}
	.homeAdvanceW ul {margin-left: -48px;}
	.homeAdvanceCont p {font-size: 12px; line-height: 18px; padding: 0 27px 0 40px;}
	.homeAdvanceCont h3 {height: 46px; line-height: 46px; font-size: 18px;margin-bottom: 4px;}
	.homeAdvanceCont {padding-top: 8px;}
	.homeAdvan{margin-top: 30px;}
	.homeSpH {height: auto; padding: 0 0 40px 0;}
	.homeSpTInner h2 {font-size: 22px;}
	.homeSpTInner {width: 88%;}
	.homeSpH h3 {font-size: 28px; line-height: 38px;}
	.homeSpH .line {margin: 24px 0 30px 0;}
	.homeSpB {padding: 40px 50px 80px 50px;}
	.homeSpBW .bx-wrapper .bx-next {right: 244px;}
	.homeSpBW .bx-wrapper .bx-prev {left: 244px;}
	.lineW span {width: 170px;}
	.homeSpBW {margin-top: 50px;}
	.sliderHomeSpB li a {padding-bottom: 20px;}
	.homeSp {padding-bottom: 60px;}
	.homeZpc {padding: 60px 0 70px 0;}
	/*.homeZpc .left {width: 280px;}
	.homeZpc .right {width: 442px;}*/
	.homeZpc .right h2 {font-size: 28px;}
	.homeZpc .right .line {margin: 10px 0 0 -76px;}
	.homeDzzxH {height: 248px;}
	.homeDzzxH h2 {font-size: 28px; padding-top: 78px; margin-bottom: 24px;}
	/*.homeDzzxT .right {width: 322px;}
	.homeDzzxT .left {width: 416px;}*/
	.homeDzzxTH h2 {font-size: 28px;}
	.homeDzzxMore {width: 40px; height: 40px;}
	.homeDzzxB {margin-top: 30px;}
	.homeDzzxBHCont h3 {font-size: 26px; line-height: 36px;}
	.homeDzzxBHCont p {font-size: 16px; line-height: 30px;}
	.homeDzzxBHCont {padding-right: 15px;}
	.homeDzzxBH .block {width: 124px;}
	.homeNews {padding: 50px 0 20px 0;}
	.homeNewsH .left h3 em {font-size: 40px; padding-right: 15px;}
	.homeNewsNum {font-size: 32px; width: 42px;}
	.homeNewsCont {width: calc(100% - 46px);}
	.homeNewsInner ul li {margin-bottom: 20px;}
	.homeNewsTxt {padding: 8px 0 20px 0;}
	#bottom a {margin: 0 6px;}
	.footerZx {width: 218px;}
	.footerEwm {padding: 0 20px; margin-left: 10px;}
	.footerEwm .pic {width: 120px;}
	#footer {padding-bottom: 50px;}
	#footer ul li {margin-left: 30px;}
	.footerCopy {margin-top: 18px;}

	.bannerBox {height: 230px; margin-top: 70px;}
	.bannerBox .bg {height: 96px; background-size: 100% 100%;}
	.aboutLAd {display: none;}
	.aboutContact {display: none;}

	.aboutL {width: 100%; height: 60px; margin-top: 15px; background: #006B3E; position: relative;}
	.aboutH {width: 160px;height: 100%; margin: 0; margin-left: 20px; text-align: left;}
	.aboutH h3 {font-size: 14px;line-height: 22px; padding-top: 5px;}
	.aboutH h2 {font-size: 20px; line-height: 22px;}
	.BtnL {display: block;}
	.aboutNav {display: none; position: absolute; width: 100%; z-index: 66;}
	.aboutNav li {height: 44px; line-height: 44px;}

	.aboutR {width: 100%; margin-top: 15px;}
	.aboutRTop p {margin: 0; font-size: 14px; background: url(../images/about_r_position_wap.png) no-repeat left center;}
	.aboutRTop {color: #333;}
	.aboutRTop a {color: #333;}
	.aboutRH {margin-top: 22px;}
	.aboutRH h2 {font-size: 28px; line-height: 34px;}
	.aboutRH p {font-size: 14px; line-height: 22px;}
	.aboutPic {width: 242px;}
	.aboutRW h3 {font-size: 26px; line-height: 32px; margin-top: 8px; margin-bottom: 12px;}
	.aboutRW p {font-size: 14px; line-height: 24px; margin-bottom: 16px;}
	.aboutRInner {margin-top: 20px;}
	.aboutRInnerWrit h2 {font-size: 28px; line-height: 32px;}
	.aboutRInnerWrit h3 {font-size: 14px;}
	.contactList {padding-left: 15px; margin: 30px 0;}
	.contactC h3 {line-height: 18px;}
	.contactC p {font-size: 20px; line-height: 22px;}
	.contactC p em {font-size: 16px;}
	.contactList li span {width: 38px; height: 38px; line-height: 38px;}
	.contactList li span.icon1 img {width: 32px;}
	.contactList li span.icon2 img {width: 38px;}
	.contactList li span.icon3 img {width: 24px;}
	.contactC {width: calc(100% - 44px);}
	.contactMap {height: 400px;}
	.issueW,.newsW ,.newsDetailW{margin-top: 20px;}
	.newsInner {/*width: 528px;*/}
	.newsDetailH h2 {font-size: 22px; margin-bottom: 4px;}
	.newsDetailCont p {line-height: 32px; margin-bottom: 16px; font-size: 15px;}
	.jump p a span {font-size: 16px;}

	.productWhyH h2 {font-size: 38px; line-height: 40px;}
	.productWhyH p {font-size: 27px; line-height: 68px;}
	.productWhyH p span {width: 110px; height: 68px; margin-right: 0;}
	.productWhy {padding: 58px 0 58px 0;}
	.productWhy .pic {margin-top: 25px;}
	.productYfList li span {width: 110px; height: 124px;}
	.productYfList li p {line-height: 24px; font-size: 15px;}
	.productYfList,.productCxList,.productGyList,.showList,.showDetailW {margin-top: 30px;}
	.productCx {padding: 66px 0 46px 0;}
	.productCxH h2 {font-size: 28px;}
	.productCxH p,.showList li p {font-size: 15px;}
	.productGy {padding: 70px 0 60px 0;}
	.productAlList {margin-top: 80px;}
	.productAlList li h3 {width: 80px; height: 80px; line-height: 80px; font-size: 18px;}
	.sampleW {width: 696px;}
	.sample {padding: 118px 0 114px 0}
	.sampleH h2 {font-size: 30px;}
	.sampleH {margin-bottom: 52px;}
	.showDetailMainCont {}
	.showDetailMainCont h2 {font-size: 22px; line-height: 26px;}
	.showDetailMainCont h3 {height: 40px; line-height: 40px; margin-top: 12px; font-size: 16px;}
	.showDetailMainCont p {font-size: 13px;}
	.showDetailMainB a {width: 120px; font-size: 15px;}
	.showDetailInner h2 span {width: 136px; font-size: 20px;}
	.showDetailBW .sliderShowDetail {padding-top: 10px;}

	.main,.bannerBox {margin-top: 70px;}

	.homeAdvanceW {width: 960px;}
	#bottom {display: none;}

	.navNext {display: none;}

	.productSp {padding: 82px 0 160px 0;}
	.productSpPic {bottom: -80px;}

	.banner img.img1 {display: none;}
	.banner img.img2 {display: block;}

}

@media (max-width: 768px) {
	.wrap {padding: 0 15px;}
	.homeAdvance {padding: 40px 0 30px 0;}
	.homeAdvanceTit h2 {font-size: 30px; line-height: 32px; margin-bottom: 6px;}
	.homeAdvanceTit p {font-size: 14px; line-height: 20px;}
	/*.homeAdvanceW ul {width: 28.666%;}
	.homeAdvanceW .homeAdvanceList1 {width: 33%;}
	.homeAdvanceW ul li,.homeAdvanceW .homeAdvanceList1 li {width: 100%;}
	.homeAdvanceW ul {margin-left: -6.888%;}*/
	/*.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 17.555%;}*/
	.homeAdvance {overflow-x: hidden;}
	.homeAdvanceTit {padding: 0 10px;}
	.homeAdvanceWap {width: 100%; height: 390px; padding-bottom: 6px; margin-top: 30px; overflow-x: auto; position: relative;}
	.homeAdvanceWap::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0);
		border-left: 1px solid rgba(0, 0, 0, 0);
	}
	.homeAdvanceWap::-webkit-scrollbar {
		width: 2px;
		height: 2px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.homeAdvanceWap::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0.5);
		background-clip: padding-box;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		min-height: 2px;
	}
	.homeAdvanceWap::-webkit-scrollbar-thumb:hover {
		background-color: rgba(0, 0, 0, 0.6);
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.homeAdvanceW {width: 640px; margin: 0 auto 0; /*position: absolute; top: 0; left: 50%; transform: translateX(-50%);*/}
	.homeAdvanceW ul li {margin-bottom: 1px; width: 176px; height: 153px;}
	.homeAdvanceW ul {margin-left: -42px;}
	.homeAdvanceW .homeAdvanceList2, .homeAdvanceW .homeAdvanceList4 {margin-top: 78px;}
	.homeAdvanceW .homeAdvanceList1 {margin-top: 130px;}
	.homeAdvanceW .homeAdvanceList1 li {width: 238px; height: 206px;}
	.homeAdvanceCont {padding-top: 6px;}
	.homeAdvanceCont h3 {height: 36px; line-height: 36px; font-size: 15px;}
	.homeAdvanceCont p {font-size: 10px; line-height: 16px; padding: 0 13px 0 27px;}

	.homeSpH h2 {padding-top: 28px; font-size: 18px; line-height: 22px;}
	.homeSpH h3 {font-size: 22px; line-height: 32px;}
	.homeSpH .line {margin: 10px 0 15px 0;}
	.homeSpH h4 {font-size: 16px; line-height: 28px;}
	.homeSpH p {font-size: 12px; line-height: 16px;}
	.homeSpT .left {width: 100%; margin: 15px 0;}
	.homeSpT .right {width: 100%; height: auto;}
	.homeSpTW {position: relative;}
	.homeSpTInner h2 {font-size: 18px; margin-bottom: 10px;}
	.homeSpTInner h2 span {width: 24px;}
	.homeSpTInner h2 span img {width: 24px;}
	.homeSpTW {height: 500px;}
	.homeSpTInner:first-child {margin-bottom: 22px;}
	.homeSpB .bg {width: 50%;top: -5%;}
	.homeSpB {padding: 20px 12px 58px 12px;}
	.homeSpBH {height: 152px;}
	.homeSpBHCont h2 {font-size: 18px; line-height: 24px;}
	.homeSpBHCont p {font-size: 20px; line-height: 26px;}
	.homeSpBW .bx-wrapper .bx-next {right: 26%;}
	.homeSpBW .bx-wrapper .bx-prev {left: 26%;}
	.lineW span {width: 20%;}
	.homeSpBW .bx-wrapper .bx-pager {bottom: -42px;}
	.homeSpBW .bx-wrapper .bx-controls-direction a {bottom: -45px;}
	.homeSp {padding-bottom: 40px;}
	.homeZpc .left {width: 96%; margin-bottom: 20px;}
	.homeZpc .right {width: 100%;}
	.homeZpc .right .line {width: 110px; margin: 6px 0 0 0px;}
	.homeZpc .right h2 {font-size: 20px;}
	.homeZpc .right h2 {margin-top: 12px;}
	.homeZpcCont p {margin-bottom: 14px;}
	.homeZpcList {margin-top: 20px;}
	.homeZpcList li {width: 80px; height: 80px; margin-right: 10px;}
	.homeZpcList li p {font-size: 12px; padding-top: 18px;}
	.homeZpc {padding: 46px 0 55px 0;}
	.homeDzzxH {height: 200px;}
	.homeDzzxH h2 {font-size: 18px; line-height: 28px; padding-top: 60px;margin-bottom: 14px;}
	.homeDzzxH h3 a {width: 110px; font-size: 14px;}

	.homeDzzxT .right,.homeDzzxT .left {width: 100%;}
	.homeDzzx .wrap {margin-top: 30px;}
	.homeDzzxTH h2,.homeDzzxBHCont h3 {font-size: 18px;}
	.homeDzzxTH .line {margin-bottom: 10px;}
	.homeDzzxT .right ul,.homeDzzxB {margin-top: 20px;}
	.homeDzzxT ul li {margin-bottom: 12px;}
	.homeDzzxBHCont h3 {line-height: 28px;}
	.homeDzzxBHCont p {font-size: 14px; line-height: 22px;}
	.homeDzzxBHCont {width: 312px;}
	.homeDzzxBH .line,.homeDzzxBH .block {display: none;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px; top: -42px;}
	.homeDzzxBW .bx-wrapper .bx-prev {right: 40px;}
	.homeDzzxBW ul {padding-top: 20px;}
	.homeDzzxBW ul li {margin-right: 10px;}
	.homeDzzxBW ul li p {margin-top: 4px; font-size: 14px;}
	.homeDzzx {padding-bottom: 30px;}
	.homeNewsH {/*height: auto;*/}
	.homeNewsH .left h3 em {font-size: 24px; padding-right: 10px;}
	.homeNewsH .left h3 span { font-size: 14px;margin-top: 6px;}
	.homeNewsH .right {width: 100%;margin-top: -20px;}
	.homeNewsH .right a {width: 74px; height: 32px; line-height: 32px; font-size: 14px; }
	.homeNewsInner ul {width: 100%;}
	#bottom {height: auto; padding: 10px 0 10px 60px; line-height: 26px; font-size: 12px; position: relative; z-index: 22;}
	#bottom em {position: absolute; left: 10px; top: 10px;}
	#bottom a {display: inline-block;}
	.footerZx {width: 100%; text-align: center;}
	#footer {z-index: 22;}
	#footer .footerEwm {display: none; float: right; margin: 0; width: 44%; border: none; box-sizing: border-box; text-align: center;}
	.footerEwm .pic {width: 100%;}
	.footerEwm .pic img {display: inline-block; width: 110px; max-width: 100%;}
	#footer ul {display: none; width: 100%; margin-top: 16px; /*border-top: 1px solid #7c7c7c;*/ }
	#footer ul li {width: 24.25%; margin: 0; margin-left: 1%; font-size: 12px;}
	.footerZxH {display: none; width: 106px; font-size: 14px;}
	.footerZxH span {width: 18px;}
	.footerZxH span img {width: 100%;}
	.footerZxPhone p {font-size: 18px;}
	.footerCopy {margin-top: 8px; line-height: 22px; font-size: 12px;}
	.footerEwm p {font-size: 12px; line-height: 30px;}

	.bannerBox {height: 122px;}
	.bannerBox .bg {height: 48px;}

	.aboutH h3 {font-size: 13px; line-height: 18px; padding-top: 6px;}
	.aboutH h2 {font-size: 18px; line-height: 20px;}
	.aboutL {height: 52px;}
	.BtnL {right: 12px;}
	.aboutNav li {font-size: 14px;}
	.aboutRH h2,.aboutRInnerWrit h2 {font-size: 18px; line-height: 30px;}
	.aboutRH p {font-size: 13px; line-height: 18px;}
	.aboutRH {margin-top: 16px;}
	.aboutPic {width: 44%; margin: 0 15px 15px 0;}
	.aboutRW h3 {font-size: 16px; line-height: 24px; margin: 4px 0 8px 0;}
	.aboutRW p {font-size: 13px;}
	.aboutRInnerWrit {width: 100%;}
	.aboutRInnerPic {width: 100%; margin-top: 10px;}
	.aboutRInnerWrit h3 {font-size: 13px; line-height: 15px; margin-bottom: 10px;}
	.aboutRInner {padding: 15px 10px 15px 10px;}
	.contactList {padding-left: 0;}
	.contactList li span {width: 30px; height: 30px; line-height: 30px;}
	.contactList li span.icon1 img {width: 24px;}
	.contactList li span.icon2 img {width: 26px;}
	.contactList li span.icon3 img {width: 20px;}
	.contactC {width: calc(100% - 34px);}
	.contactList li {width: 100%; margin: 0; margin-bottom: 15px;}
	.contactC h3 {font-size: 12px; line-height: 15px;}
	.contactC p {font-size: 14px; line-height: 16px;}
	.contactC p em {font-size: 13px;}
	.contactMap {height: 260px;}
	.issueList li {padding-left: 10px; margin-bottom: 12px;}
	.issueInner {line-height: 26px; font-size: 13px;}
	.issueList li h2 {font-size: 14px;}
	.aboutRTop p {font-size: 12px;}
	.newsList li .pic {width: 130px;}
	.newsInner {width: calc(100% - 140px);}
	.newsW {margin-top: 10px;}
	.newsInner h2 {font-size: 15px; line-height: 18px;}
	.newsInner p {font-size: 12px; line-height: 18px;}
	.newsInner a.more {width: 78px; height: 28px; line-height: 28px; font-size: 12px;}
	.newsList li {padding: 15px 0;}
	.newsDetailH h2 {font-size: 18px; margin-bottom: 2px;}
	.newsDetailH p {font-size: 12px;}
	.newsDetailCont p {font-size: 14px; line-height: 24px; margin-bottom: 10px;}
	.newsDetailW {padding: 0 10px;}
	.jump p {line-height: 28px;}
	.jump p a span {font-size: 14px;}
	.newsLink a {margin-right: 6px;}

	.productNext {transform: scale(0.66); margin-left: -40px;}
	.productNext1 {top: -40px;}
	.productNext2 {top: -38px;}
	.productNext3 {top: -33px;}
	.productNext4,.productNext5 {top: -32px;}

	.productWhyH h2 {font-size: 22px; line-height: 36px;}
	.productWhyH p {height: auto; font-size: 15px; line-height: 40px;}
	.productWhyH p span {width: 66px; height: 40px;}
	.productYf h2,.productCxH h2 {font-size: 22px;}
	.productYfList li {width: 50%; margin-bottom: 10px;}
	.productYfList li p {margin-top: 4px;}
	.productCxH p, .showList li p {font-size: 12px; line-height: 20px;}
	.productCxList li p {font-size: 12px; line-height: 32px;}
	.productYfList, .productCxList, .productGyList, .showList, .showDetailW {margin-top: 20px;}
	.productCxList li {width: 48%; margin-left: 2%; margin-bottom: 10px;}
	.productCxList li:nth-child(2n+1){margin-left: 0;}
	.productGyList li {width: 32.666%; margin-left: 1%;}
	.productSpVideo {width: 100%; height: 250px; left: 0;}
	.productSpPic {width: 90%; right: auto; left: -10px;}
	/*.productSp {overflow-x: hidden;}*/
	.productSpVideo .bg {display: none;}
	.productSpPic .bg {top: auto; bottom: -10px; height: 48%;}
	.productSpW {height: 346px; margin-top: 20px;}
	.productGyList li {/*width: 49%; */margin-bottom: 10px;}
	/*.productJgList li:nth-child(4n) {margin-left: 2%;}*/
	.productJgList li:nth-child(2n+1) {margin-left: 0;}
	.productGyList li p {font-size: 14px; line-height: 34px;}
	.productAlList li {width: 49%; margin-left: 2%; margin-bottom: 36px;}
	.productAlList li:nth-child(2n+1) {margin-left: 0;}
	.productAlList li h3 {width: 50px; height: 50px; line-height: 50px; font-size: 15px;}
	.productAl {padding: 82px 0 30px 0;}
	.sampleW {width: 88%;}
	.formW {width: 100%; height: 36px; line-height: 36px;}
	.formW:first-child {margin-bottom: 15px;}
	.formInner {margin-bottom: 15px;}
	.formW p {font-size: 14px; padding-left: 10px;}
	.formW input {width: calc(100% - 58px);}
	.formText .formW textarea {font-size: 14px; line-height: 24px;}
	.formText .formW {height: 180px; padding: 10px 10px;}
	.formYzmInner {height: 36px; line-height: 36px;}
	.formYzmInner .formYzmW {width: 136px; margin-right: 10px;}
	.formYzmInner h4 {font-size: 14px;}
	.formYzmInner .formYzmW input {width: calc(100% - 68px);}
	.formYzmInner a {width: 136px;}
	.hint {margin-top: 38px;}
	/*.formB {margin-top: 20px;}*/
	.formB button {width: 36%; font-size: 14px;}
	.formB button.formSure {margin-right: 4%;}
	.sample {padding: 110px 0 76px 0;}
	.sampleH h2 {font-size: 22px;}
	.sampleH {margin-bottom: 40px;}

	.showList li {width: 49%; margin-bottom: 15px;}
	.showList li:nth-child(3n) {margin-right: 2%;}
	.showList li:nth-child(2n) {margin-right: 0; }
	.showList li p {line-height: 30px;}

	/*.showPic {width: 100%;}*/
	.showWap {position: relative; width: 100%; height: auto;}
	.showWap .showPic {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 22; overflow: hidden;}
	.showWap img.bg {position: relative; width: 100%; height: auto; z-index: 0;}
	.showDetailMainCont {width: 100%; margin-top: 20px;}
	.showDetailMainCont h2 {font-size: 18px;}
	.showDetailMainB a {width: 96px; font-size: 14px; margin-left: 6px;}
	.showDetailMainB a span {margin-right: 2px;}
	.showDetailBW .sliderShowDetail li {margin-right: 10px;}
	.showDetailBW .sliderShowDetail {margin-top: 15px;}
	.homeDzzxBW .bx-wrapper .bx-controls-direction a {top: -25px;}
	.showDetailH h3 span {font-size: 20px;}
	.showDetailW {margin-bottom: 40px;}

	.footerWap {position: relative; z-index: 222;}
	#bottom , #footer{z-index: 222;}
	#footer {padding-top: 5px;}

	.homeAdvanceW {display: none;}
	.homeAdvanceWW {display: block;}

	.bx-wrapper img {width: 100%;}

	.homeAdvanceM {display: block;}

	.footerZxPhone {display: none;}

	.productJgList li {width: 49%; margin-right: 1%;}
	.productJgList li:nth-child(2n) {margin-right: 0;}
	.productJgList li:nth-child(4n) {margin-left: 1%;}
	.banner .bx-wrapper .bx-controls-direction a {display: block; width: 26px; height: 30px; margin-top: 0; background-size: 12px;}
	.banner .bx-wrapper .bx-prev {left: 15px;}
	.banner .bx-wrapper .bx-next {right: 15px;}

	.productWhy .pic {display: none;}
	.productWap {display: block;}
	.productSp {padding: 82px 0 82px 0;}
	/*.productSpPic {bottom: -80px;}*/
	.productSpW {height: auto;}
	.productSpVideo {position: relative; margin-bottom: 20px;}
	.productSpPic {position: relative; width: 100%; left: 0; bottom: 0;}
	.productSpPic .bg {width: 74%;}

}


@media (max-width: 768px) {
	.meau-sev .cndns-right-box .box-border {width: 218px; height: 172px; padding: 12px;}
	.sev-t:after,#zixunUl:after {display: block; clear: both; content: ""; overflow: hidden;}
	.cndns-right-box .box-border .sev-t span {font-size: 38px; margin-right: 8px;}
	.cndns-right-box .box-border .sev-t p {font-size: 18px;}
	.cndns-right-box .box-border .sev-t p i {font-size: 12px;}
	.cndns-right-box .box-border .sev-b h4 {font-size: 12px; padding-bottom: 6px;}
	.cndns-right-box .box-border .sev-b li {width: 48%; margin-right: 2%;}
	.cndns-right-box .box-border .sev-b li a {font-size: 12px;}
	.cndns-right-box .box-border {padding: 12px;}
	.cndns-right-box .box-border .sev-t span {font-size: 36px; line-height: 42px;}
	.cndns-right-box .box-border .sev-t p {line-height: 20px; width: 100%;}
	.cndns-right-box .box-border .sev-t p {max-width: 100%;}
	.meau-code .cndns-right-box .box-border i {margin-top: 12px;}

}


body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "微软雅黑";}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #f08300;color: #fff;}
::-moz-selection {background: #f08300;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0;}
li{ list-style-type: none;}
a {color: #333;}
a:hover {color: #009aff; text-decoration: none;}
p {line-height: 22px}
.container{
	width: 0px;
	height: 0px;
	background: #FFFFFF;
}

/*优胜空间 */
.contactusdiyou {position: fixed; right: -230px; bottom: 0px; _position: absolute; width: 230px; height: 100%; background: #263fd2; z-index: 99999999999;  _margin-bottom:0px; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); transition:all .5s ease; }
.contactusdiyou .hoverbtn{width:30px; height:129px; padding-top:20px; cursor: pointer; position:absolute; top:50%; margin-top:-66px;left:-30px; font-size:14px; color:#fff; background:#263fd2; -webkit-border-radius: 3px 0px  0px 3px; -moz-border-radius: 3px 0px  0px 3px; -o-border-radius: 3px 0px  0px 3px;      border-radius: 3px 0px  0px 3px; -moz-box-shadow: -4px 4px 4px -4px #000; -webkit-box-shadow: -4px 4px 4px -4px #000; box-shadow: -4px 4px 4px -4px #000;} .contactusdiyou .hoverbtn span{width:30px; height:19px;line-height: 19px; text-align: center; overflow:hidden; float:left;}
.contactusdiyou .hoverbtn .hoverimg{width:13px; height:9px; margin:10px 0px 0px 10px; float:left; display:inline;background-repeat: no-repeat;}
.hoverimg2{background:url(../img/大于.png) no-repeat; }
.contactusdiyou .conter{width:186px; height:560px; margin-left:22px;   position:absolute; top:55%;*margin-top:-140px;margin-top:-280px;}
.contactusdiyou .conter .con1{ border-bottom:1px solid #6a6a6a; padding-bottom:22px;}
.contactusdiyou .conter .con1 dl dt{width:31px; height:31px; float:left;    position: relative;
	top: 32px;}
.contactusdiyou  dl .f1{width:142px; height:36px;line-height: 36px; float:right; font-size:18px;_font-size: 14px;*font-size: 15px; color:#fff;vertical-align: top; font-weight: bold;}
.contactusdiyou  dl .f2{ width:142px; float:right; font-size:12px; color:#fff; height:30px;line-height: 30px; float:right;}
.kefuQQ a{ background-color: #263fd2;  width:70px; height:20px; display:inline-block; vertical-align:middle;}
.kefuQQ a:hover{ background-color: #263fd2;   }
.contactusdiyou .conter .con1 dl dd .ph_num{ font:18px 'Microsoft yahei';*font-size: 16px;_font-size: 16px; color:#fff; height:25px;}

.contactusdiyou .qqcall{padding:22px 0px;border-bottom:1px solid #6a6a6a;}
.contactusdiyou .qqcall dl dt{width:31px; height:31px; float:left; position: relative;
	top: 32px;}

.contactusdiyou .weixincall{float:right;padding:22px 0; border-bottom:1px solid #6a6a6a;}
.contactusdiyou .weixincall dl dt{width:31px; height:31px; float:left; position: relative;
	top: 32px;}


.contactusdiyou .weixincall .f3{float: right;width:73px; height:auto; margin-right:69px; display:inline;}
.contactusdiyou .weixincall .f3 img{width: 73px;height: auto;}
.contactusdiyou .dytimer{    float: right; width: 160px; height: 40px; padding: 16px 0px 15px 0px; /* background: #007b77; */ margin: 20px 0px 0px 0px;} .contactusdiyou .dytimer span{display:block; height:20px; line-height:20px; font-size:14px; color:#fff;} .diyou{_position: absolute; _bottom: auto;_margin-bottom:0px; z-index:99999999999; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} .diyoumask { position:fixed; left: 0; top: 0; z-index: 100000; width:100%; height:100%; opacity:0.3;filter:alpha(Opacity=30); background:#000; display:none;} .fn_cle:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /***联系我们***/



/* 必要布局样式css */
.footer-box {
	background: #222132;
	overflow: hidden;
	width: 100%;
	color: #888;
	padding: 30px 0 35px;
}

.footer-container {
	width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.footer-service {
	margin-right: -26px;
	margin-bottom: 38px;
	padding-left: 69px;
}

.footer-service-item {
	float: left;
	height: 60px;
	width: 240px;
	margin-right: 26px;
}

.footer-service-item i {
	width: 50px;
	height: 45px;
	float: left;
	margin: 17px 17px 0 29px;
	opacity: .8;
	-webkit-transform: scale(.6);
	-moz-transform: scale(.6);
	transform: scale(.6);
}

.footer-service-item span {
	font-size: 16px;
	color: #ccc;
	float: left;
	margin-top: 29px;
}

.footer-icon-001 i {
	background: url(../img/icon-footer01.png) no-repeat center center;
	background-size: contain;
}

.footer-icon-002 i {
	background: url(../img/icon-footer02.png) no-repeat center center;
	background-size: contain;
}

.footer-icon-003 i {
	background: url(../img/icon-footer03.png) no-repeat center center;
	background-size: contain;
}

.footer-icon-004 i {
	background: url(../img/icon-footer04.png) no-repeat center center;
	background-size: contain;
}

.footer-line {
	height: 0;
	display: block;
	clear: both;
	border-bottom: 1px solid #393854;
}

.footer-links {
	padding-top: 40px;
	padding-left: 69px;
}

.footer-article-item {
	width: 209px;
	height: 226px;
	float: left;
	margin-right: 23px;
	line-height: 2;
	font-size: 14px;
}

.footer-article-item dt {
	color: #ccc;
	font-size: 16px;
	margin-bottom: 10px;
	line-height: 2;
	font-weight: 300;
}

.footer-article-item dd {
	line-height: 2;
}

.footer-article-item dd a {
	color: #888;
	transition: all .1s;
}

.footer-article-item dd a:hover {
	color: #fff;
}

.footer-contact-item {
	width: 145px;
	float: left;
}

.footer-contact-item h3 {
	font-size: 16px;
	color: #ccc;
	line-height: 2;
	margin-bottom: 10px;
	font-weight: 400;
}

.footer-contact-item p {
	font-size: 22px;
	color: #fff;
	font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	margin-bottom: 15px;
}

.footer-ewm {
	float: left;
	width: 110px;
	margin-right: 18px;
	text-align: center;
}

.footer-ewm img {
	width: 110px;
	height: 110px;
	display: block;
	border: none;
}

.footer-ewm p {
	font-size: 14px;
	color: #ccc;
	margin-top: 12px;
}

.footer-friend {
	width: 1050px;
	height: 20px;
	line-height: 20px;
	margin: 30px auto;
}

.footer-friend-title {
	float: left;
	color: #ccc;
	font-size: 14px;
}

.footer-friend-title-list {
	float: left;
}

.footer-friend-title-list li {
	float: left;
}

.footer-friend-title-list li a {
	color: #888;
	transition: all .1s;
	display: inline-block;
	padding: 0 10px;
	font-size: 14px;
}

.footer-friend-title-list li a:hover {
	color: #fff;
}

.footer-friend-more {
	color: #ccc;
	transition: all .1s;
	float: left;
	font-size: 14px;
}

.footer-copyright {
	line-height: 20px;
	font-size: 14px;
	text-align: center;
}

.footer-copyright p {
	margin-bottom: 9px;
	font-size: 14px;
	color: #888;
}


.pro_tmzdsy {
	margin-top: 3%;
}
.wrap {
	width: 1200px;
	margin: 0 auto;
}


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

user agent stylesheet
ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.pro_tmzdsy li {
	width: 13%;
	margin: 0 2% 2% 0;
	float: left;
	display: list-item;
	text-align: -webkit-match-parent;
}

@media screen and (min-width: 540px) {
	.clearfix::after, .clearfix::before {
		display: table;
		content: " ";
	}
	*, ::after, ::before {
		box-sizing: border-box;
	}
	.clearfix:after {
		clear: both;
	}
	.clearfix::after, .clearfix::before {
		display: table;
		content: " ";
	}
}

@media screen and (min-width: 393px) and (max-width: 413px){
	tml {
		font-size: 54.58px;
	}
}
h
html {
	font-size: 44.44px;
}