/**重置样式**/
@charset "utf-8";
* {
box-sizing: border-box;
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-touch-callout: none;
}

*:focus {
outline: none;
}

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
height: 100%;
}

body {
margin: 0;
font-size: 14px;
line-height: 1.5;
font-family: "微软雅黑", microsoft yahei;
color: #333;
background-color: #FFFFFF;
}

body,
div,
span,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
padding: 0;
margin: 0;
}

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

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a:active,
a:hover {
outline: 0;
}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

mark {
color: #000;
background: #ff0;
}

small {
font-size: 80%;
}

sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
}

img {
border: 0;
vertical-align: middle;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}

hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

pre {
overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}

button {
overflow: visible;
}

[role='button']:focus {
outline: 0;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}

input {
line-height: normal;
outline: none;
}

input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

input[type="text"] {
-webkit-appearance: none;
}

input[type="checkbox"] {
-webkit-appearance: checkbox;
}

input[type="radio"] {
-webkit-appearance: radio;
}

fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}

legend {
padding: 0;
border: 0;
}

textarea {
overflow: auto;
outline: none;
-webkit-appearance: none;
}

optgroup {
font-weight: bold;
}

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

td,
th {
padding: 0;
}

.jieju{width:100%;height: 673px;background: #F7F7F7;}
.cloud{width:1320px;margin:0 auto;padding-top: 70px;}
.itemChineseName{width:100%;text-align: center;font-size: 36px;color:#333333;}
.itemEnName{font-size: 16px;text-align: center;margin:5px 0px;}
.itemChineseName span{color:#53A800;}

.product{width:100%;height: 990px;background:#E9EFF6;}
.product_center{width:1320px;margin:0 auto;padding-top: 65px;}
.product_ul{width:100%;margin-top: 40px;}
.product_ul li{width:591px;height: 290px;float: left;margin-right:14px;border:1px solid #eee;background: #fff;padding:30px;margin-bottom: 10px;}
.product_ul li:nth-child(2n){margin-right: 0px;}
.product_ul li img{width:590px;height: 195px;transition: all 0.6s;}
.product_ul li:hover a{text-decoration:none;}
.product_ul li b{font-size: 24px;color:#62AE26;}
.product_ul li p{font-size: 16px;color:#666666;margin-top: 10px;}
.product_ulimg{width:590px;height:165px;overflow: hidden;margin-bottom: 15px;}
.product_ul li:hover{background:#53A800;}
.product_ul li:hover a b{color:#fff;}
.product_ul li:hover a p{color:#fff;}
.product_ul li:hover img{transform: scale(1.1);}
.active {
padding: 0 !important;
}
}
.clearfix:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
zoom: 1;
}
.main {
margin: 1%;
}
.title {
font-size: 24px;
margin-bottom: 15px;
color: #fff;
}
.w-imgText {
position: relative;
overflow: visible;
}
.w-imgText ul,
.w-imgText li {
list-style: none;
padding: 0;
margin: 0;
}
.w-imgText .item {
position: relative;
}
.w-imgText .item>a {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.w-imgText .swiperBox {
overflow: hidden;
padding-right: 4%;
}
.w-imgText .imTB {
overflow: hidden;
}
.w-imgText .img {
width: 50%;
}
.w-imgText .textB .text_x {
margin-top: 1% !important;
}
.w-imgText .textB {
position: absolute;
left: 50%;
right: 0;
top: 0;
bottom: 0;
padding: 15px 4%;
line-height: 1.7;
}
.w-imgText .textB .bg_x {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0;
}
.w-imgText .textB .text_x {
position: relative;
z-index: 1;
max-height: 100%;
overflow: hidden;
padding: 10px;
background-color: rgba(255, 255, 255, .1);
margin-top: 10%;
}
.w-imgText .textB .text_x .tt_h {
font-size: 20px;
color: #fff;
font-weight: bold;
line-height: 1.5;
margin-bottom: 0.5em;
}
.w-imgText .textB .text_x p {
color: #fff;
}
.w-imgText .textB .text_x .btn {
margin-top: 1em;
line-height: 2.5;
padding: 0 3em;
display: inline-block;
border: 1px solid #bbb;
color: #fff;
}
.w-imgText .textB .text_x .btn a {
color: #fff;
}
.w-imgText .igt_page {
position: absolute;
z-index: 10;
left: auto;
width: auto;
right: 0;
top: -65px;
font-size: 20px;
color: #fff;
}
.newItemsh {
display: none;
color: #fff;
font-size: 16px;
}
.w-imgText .igt_page span.on {
color: #fff;
font-size: 200%;
}
.igt_page_text {
margin-top: 25px;
}
.igt_page_text ul,
.igt_page_text li {
list-style: none;
padding: 0;
margin: 0;
}
.igt_page_text li {
float: left;
text-align: center;
overflow: hidden;
opacity: 0.5;
cursor: pointer;
}
.igt_page_text li:hover,
.igt_page_text li.on {
opacity: 1;
}
.igt_page_text li .item_span {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 0 1em 0 0;
position: relative;
}
.igt_page_text li .item_span:before,
.igt_page_text li .item_span:after {
content: '';
position: absolute;
height: 1px;
width: 600px;
top: 50%;
background: #e3e7ed;
}
.igt_page_text li .item_span:before {
right: 100%;
}
.igt_page_text li .item_span:after {
left: 100%;
}
.igt_page_text li .item_span>div {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
}
.igt_page_text li .item_span .num {
width: 1.5em;
color: #f4f6f9;
visibility: hidden;
font-size: 60px;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.igt_page_text li .item_span .tit {
margin-left: 0.5em;
font-size: 14px;
color: #fff;
}
.igt_page_text li:hover .item_span .num,
.igt_page_text li.on .item_span .num {
visibility: visible;
}
.igt_page_text li .item_span .adore {
display: block;
width: 1em;
height: 1em;
background: #e0e0e0;
border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
top: 50%;
margin-top: -0.5em;
left: 63px;
}
.igt_page_text li.on .item_span .adore {
background: #f60;
}

section {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
transform-style: preserve-3d;
width: 100%;
margin-top: 50px;
}

section .card {
position: relative;
width: 310px;
height: 410px;margin-right:26px;
transform-style: preserve-3d;
perspective: 1000px;
margin-bottom: 40px;
border: none;
background-color: transparent;
float: left;
}

section .card:nth-child(4){margin-right: 0px;}
section .card .box {
position: absolute;
top: 0;
left: 0;
width: 310px;
height: 350px;
transform-style: preserve-3d;
transition: 1s ease;
}

.asda{text-align: center;font-size: 16px;color:#666;margin-top: 370px;}
.asda a{color:#666;}
.card:hover .asda a{color:#53A800;font-weight: 600;}
section .card:hover .box {
transform: rotateY(180deg);
}

section .card .box .imgBx {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

section .card .box .imgBx img {
position: absolute;
top: 0;
left: 0;
width: 310px;
height: 350px;
object-fit: cover;
}

section .card .box .contentBx {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/*background: #333;*/
backface-visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
transform-style: preserve-3d;
transform: rotateY(180deg);
}

section .card .box .contentBx div {
transform-style: preserve-3d;
padding: 20px;
background: linear-gradient(45deg, #145a08, #c8f50f);
transform: translateZ(100px);
}

section .card .box .contentBx div h2 {
color: #fff;
font-size: 20px;
letter-spacing: 1px;
}

section .card .box .contentBx div p {
color: #fff;
font-size: 16px;
}

.case{width:100%;height: 820px;background: #fff;}
.case_center{width:1320px;margin:0 auto;padding-top: 60px;}
.case_center h1{font-size: 36px;color:#333;text-align: center;margin-bottom:10px;}
.case_center p{font-size: 16px;color:#666666;text-align: center;}
.case_ul{width:100%;height: 450px;margin-top:55px;}
.case_ul li{width:25%;height: 450px;float: left;position: relative;overflow: hidden;}
.case_ul li img{width:100%;height: 450px;transition: all 0.6s;}
.case_ul li:hover img{transform: scale(1.1);}
.case_ul li p{font-size:18px;color:#fff;font-weight: 600;width:100%;text-indent: 25px;position: absolute;bottom:25px;text-align: left;}

.case_more{
	width:140px;
	height: 45px;
	background: #53A800;
	border-radius: 20px;
	display: block;
	margin:0 auto;
	margin-top: 65px;
	font-size: 16px;color:#fff;line-height: 45px;text-align: center;
}
.case_more:hover{text-decoration: none;color:#fff;}

/*about*/
.about{width:100%;height: 850px;background: #F7F7F7;}
.about_center{width:1320px;padding-top: 45px;margin:0 auto;}
.about_center .h1{font-size: 36px;color:#333;text-align: center;}
.about_center p{font-size: 16px;color:#333;text-align: center;margin:10px 0px;}

.about_content{width:100%;height: 610px;margin-top: 25px;}
.about_fl{width:640px;float: left;}
.about_fl .tie{width:100%;height:50px;font-size: 18px;color:#53A800;border-bottom:1px solid #DCDCDC;line-height: 50px;font-weight: 600;text-indent: 35px;background: url(../img/news_ic1.png)no-repeat left center;}
.about_fl .tie span{float: right;font-size: 14px;color:#999;font-weight: 300;}


.about_one{width:100%;height: 183px;border-bottom: 1px solid #DDDDDD;padding:27px 0px;}
.about_one img{width:256px;height: 128px;float: left;}
.about_flnei{width:360px;height: 128px;float: right;padding:15px 0px;}
.about_flnei b{font-size: 18px;color:#53A800;font-weight: 600;}
.about_flnei p{font-size: 14px;color:#666;text-align: left;}

.about_two{width:100%;margin-top: 20px;}
.about_two li{width:100%;height: 33px;line-height: 33px;}
.about_two li a{color:#666;}
.about_two li span{float: right;font-size: 14px;color:#666666;}
.about_two li a:hover{text-decoration: none;color:#53A800;font-weight: 600;}

.about_fr{width:640px;float: right;}
.about_fr .tie{width:100%;height:50px;font-size: 18px;color:#53A800;border-bottom:1px solid #DCDCDC;line-height: 50px;font-weight: 600;text-indent: 35px;background: url(../img/news_ic2.png)no-repeat left center;}
.about_fr .tie span{float: right;font-size: 14px;color:#999;font-weight: 300;}

.about_fr a:hover{text-decoration: none;}
.about_fr_content{width:100%;height: 538px;background: #fff;box-shadow: 0px 2px 3px 3px #E1E1E1;margin-top: 26px;}
.about_fr_content img{width:100%;height: 300px;}
.about_fr_content p{width:100%;height: 238px;padding:26px 26px;font-size: 16px;color:#666666;margin:0px 0px;text-align: left;line-height: 30px;}
.about_fr_content p a{color:#666;font-size: 14px;}
.about_fr_content p span{color:#53A800;}
/*.about_fr_content p:hover{text-decoration: none;}*/

.hezuo{width:100%;height: 756px;}
.hezuo_center{width:1320px;margin:0 auto;padding-top: 45px;}
.hezuo_center .h1{font-size: 36px;color:#333;text-align: center;}
.hezuo_center p{font-size: 16px;color:#333;text-align: center;margin:10px 0px;}

.hezuo_ul{width:100%;height: 510px;margin-top: 45px;}
.hezuo_ul ul li{width:255px;height: 160px;border:1px solid #eee;float: left;margin-right: 8px;margin-bottom: 10px;}
.hezuo_ul ul li:nth-child(5n){margin-right: 0px;}
.hezuo_ul ul li img{width:255px;height: 160px;margin-bottom: 10px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition:1s;
}

.hezuo_ul ul li img:hover{transform:rotateY(360deg);}
.footer{width:100%;height: 538px;background: #333333;}
.footer_center{width:1320px;margin:0  auto;padding-top: 90px;height: 457px;}
.footer_nav{width:900px;float: left;}

.footer_naav1{width:85px;float: left;text-align: center;margin-right: 140px;}
.footer_naav1:nth-child(4){margin-right: 0px;}
.footer_naav1 b{font-size: 20px;color:#fff;}

.footer_naav1 ul{margin-top: 38px;}
.footer_naav1 ul li{font-size: 16px;color:#ADADAD;margin-bottom: 15px;}
.footer_naav1 ul li a{font-size: 16px;color:#adadad;}

.footer_lx{width:400px;float:right;}
.footer_lx .p1{font-size: 16px;color:#D0D0D0;margin-bottom: 25px;text-indent: 30px;}
.footer_lx .p1:nth-child(1){background: url(../img/phone.png)no-repeat 0px 0px;}
.footer_lx .p1:nth-child(2){background: url(../img/phone.png)no-repeat 0px 0px;}
.footer_lx .p1:nth-child(3){background: url(../img/telphone.png)no-repeat 0px 0px;}
.footer_lx .p1:nth-child(4){background: url(../img/address.png)no-repeat 0px 0px;}

.footer_lxewm{width:100%;height: 140px;}
.footer_ewm1{width:105px;height: 140px;float: left;margin-right: 20px;}
.footer_ewm1 img{width:105px;height: 105px;}
.footer_ewm1 p{font-size: 14px;color:#ADADAD;text-align: center;line-height: 35px;}

.footer_bottom{width:100%;height: 65px;border-top:1px solid #484848;}
.footer_bottom p{text-align: center;line-height: 65px;color:#ADADAD;}