@charset "utf-8";
*{
box-sizing: border-box;
-webkit-transition:all 0.3s ease 0s;
-moz-transition:all 0.3s ease 0s;
-o-transition:all 0.3s ease 0s;
-ms-transition:all 0.3s ease 0s;
transition:all 0.3s ease 0s;
}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr,span{margin:0;padding:0;}
body{min-width: 1400px;font-size:12px;font-family: "Microsoft YaHei" ! important;color:#262626;background:#fff;margin:0 auto;padding:0px;}
a{text-decoration:none;color:#235aa7;outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{border:0px;vertical-align: middle;}
li{list-style: none;}
.pt10{padding-top: 10px;}
.pl10{padding-left: 10px;}
.pr10{padding-right: 10px;}
.pb10{padding-bottom: 10px;}
.pn5{padding: 5px;}
.pt5{padding-top: 5px;}
.pl5{padding-left: 5px;}
.pr5{padding-right: 5px;}
.pb5{padding-bottom: 5px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.ml10{margin-left: 10px;}
.mr10{margin-right: 10px;}
.mb10{margin-bottom: 10px;}
.mn5{margin: 5px;}
.mt5{margin-top: 5px;}
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.wrap {
width: 1400px;
margin: 0 auto;
}

.wrap2 {
width: 1600px;
margin: 0 auto;
}

.fl {
float: left;
}

.fr {
float: right;
}

.header {
width: 100%;
height: 80px;
padding: 22px 0;
position: relative;
z-index: 22;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.16);
}
.header.hFixed{position: fixed;left: 0;top: 0;width: 100%;background: rgba(44,171,111, 0.8);z-index: 9999;}
.nhead {
position: relative;
background: #FFFFFF;
z-index: 99;
}

.logo {
float: left;
}

.logo img {
height: 36px;
float: left;
}

.search {
float: right;
position: relative;

height: 38px;
padding: 1px 16px;
}

.search .keyword {
float: right;
background: rgba(255, 255, 255, 0.2);


height: 32px;
line-height: 32px;
border: 0 none;
border-radius: 4px 4px 4px 4px;
font-size: 16px;
color: #fff;
width: 167px;
padding: 0 15px;

}

.search:hover .keyword {

}

.search .keyword:focus {
outline: 0;
border: 0px solid #123456;
}

.search .tjbtn {
width: 32px;
height: 32px;
float: right;
background: url(../images/sobtn.png) no-repeat center center;
border: 0 none;
color: #000;
cursor: pointer;
font-size: 0;
}

.nhead .search .keyword {
background: rgba(44, 171, 111, 0.2);
color: #262626;
}

.nhead .search .tjbtn {
background: url(../images/sobtnon.png) no-repeat center center;

}


.nav {
height: 36px;
float: left;
margin-left: 20px;
}

.nav ul {
float: left;
}

.nav ul li {
float: left;
position: relative;
}

.nav ul li h3 {
float: left;
}

.nav ul li h3 a {
height: 44px;
font-size: 20px;
color: #ffffff;
line-height: 36px;
font-weight: normal;
margin: 0 30px;
float: left;
}

.nav ul li:hover h3 a {
border-bottom: 2px solid #ffffff;
}

.nav ul li.on h3 a {
border-bottom: 2px solid #ffffff;
}

.nav ul li dl {
width: 100%;
height: auto;
float: left;
position: absolute;
overflow: hidden;
z-index: 2;
top: 44px;
display: none;
padding-top: 10px;
padding-bottom: 10px;
background: rgba(44,171,111, 0.8);
}

.nav ul li:hover dl {
display: block;
}

.nav ul li dl dd {
width: 100%;
height: 40px;
line-height: 40px;
float: left;
}

.nav ul li dl dd a {
width: 100%;
text-align: center;
float: left;
font-size: 16px;
color: #ffffff;
line-height: 40px;
}

.nav ul li dl dd a:hover {
color: #262626;
background: #ffffff;
}



.nav a.gohome {
display: none;
}

.nav a.gohome i {
display: none;
}

.nav a.gonav i {
display: none;
}

.nhead .nav ul li h3 a {
color: #262626;
}

.nhead .nav ul li dl {
background: #fff;
}

.nhead .nav ul li dl dd a {
color: #262626;
}

.nhead .nav ul li:hover h3 a {
color: #2CAB6F;
border-bottom: 2px solid #2CAB6F;
}

.nhead .nav ul li.on h3 a {
color: #2CAB6F;
border-bottom: 2px solid #2CAB6F;
}

.banner {
width: 100%;
overflow: hidden;
position: relative;
z-index: 0;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
bottom: 20px;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
width: 30px;
height: 4px;
background: #FFFFFF;
border-radius: 50px 50px 50px 50px;
opacity: 0.5;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 60px;
height: 4px;
background: #FFFFFF;
border-radius: 50px 50px 50px 50px;
opacity: 1;
}

.banner .swiper-slide {
position: relative;

}

.banner .swiper-slide img {
width: 100%;
}

.banner .text {
width: 1400px;
float: left;
position: absolute;
left: 50%;
margin-left: -700px;
top: 50%;
transform: translateY(-50%);
}

.banner .text span {
width: 100%;
float: left;
font-weight: 500;
font-size: 70px;
color: #FFFFFF;
line-height: 93px;
}

.banner .text p {
width: 100%;
float: left;
font-weight: 400;
font-size: 36px;
color: #FFFFFF;
line-height: 48px;
opacity: 0.8;
margin-top: 24px;
margin-bottom: 60px;
}

.banner .text a {
width: 162px;
height: 42px;
border-radius: 24px 24px 24px 24px;
border: 1px solid #ffffff;
display: inline-block;
line-height: 40px;
text-align: center;
float: left;

font-size: 16px;
color: #ffffff;
text-transform: uppercase;
}

.banner .text a:after {
content: "";
width: 10px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-left: 16px;
background: url(../images/yjton.png) no-repeat center center;
}

.banner .text a:hover {
background: #2CAB6F;
color: #fff;
}

.banner .text a:hover:after {
background: url(../images/yjton.png) no-repeat center center;
}

.main {
width: 100%;
overflow: hidden;
}

.h2tit {
width: 100%;
height: auto;
float: left;
text-transform: uppercase;
margin-top: 80px;
margin-bottom: 60px;
}

.h2tit h2 {
width: 100%;
height: 48px;
line-height: 48px;
float: left;
font-size: 36px;
font-weight: 500;
color: #2CAB6F;
text-align: center;
margin-top: -32px;
}

.h2tit span {
width: 100%;
height: 48px;
line-height: 48px;
text-align: center;
font-size: 36px;
font-weight: 400;
color: rgba(38, 38, 38, 0.06);
float: left;
}

.lang {
float: right;
}

.lang a {
line-height: 36px;
height: 36px;
float: left;
font-size: 18px;
color: #fff;
margin-left: 10px;
}

.nhead .lang a {
color: #2CAB6F;
}

.iproqhq {
width: 100%;
height: auto;
float: left;
position: relative;
overflow: hidden;
padding: 0 60px;
margin-bottom: 24px;
}

.iproqh {
width: 100%;
height: auto;
float: left;
position: relative;
overflow: hidden;
padding-left: 2px;
padding-right: 2px;
}

.iproqh .swiper-slide {
height: auto;
float: left;
position: relative;
border-radius: 24px 0px 24px 0px;
overflow: hidden;


}

.iproqh .swiper-slide .picbox {
width: 100%;
height: 0;
padding-bottom: 138%;
position: relative;
float: left;
overflow: hidden;
}

.iproqh .swiper-slide .picbox img {
width: 100%;
height: 100%;
float: left;
position: absolute;
left: 0;
top: 0;
}

.iproqh .swiper-slide:hover .picbox img {}

.iproqh .swiper-slide .info {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;

}

.iproqh .swiper-slide .info h3 {
width: 86%;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
height: 52px;
float: left;
font-size: 24px;
font-weight: 400;
color: #262626;
line-height: 52px;
margin-top: 36px;
margin-bottom: 16px;
text-indent: 24px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}

.iproqh .swiper-slide .info p {
width: 100%;
float: left;
font-size: 16px;
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
line-height: 46px;

padding-left: 24px;
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: none;

}

.iproqh .swiper-slide .info span {
width: 100%;
float: left;
font-size: 12px;
font-weight: 400;
color: #666666;
line-height: 16px;
margin-bottom: 36px;
text-align: left;
padding-left: 24px;

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: block;
}

.iproqh .swiper-slide .zz {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
float: left;
background: rgba(0, 0, 0, 0.65);
display: none;

}

.iproqh .swiper-slide a:hover .info span {
color: rgba(255, 255, 255, 0.65);

}

.iproqh .swiper-slide a:hover .info p {
display: block;
}

.iproqh .swiper-slide a:hover .zz {
display: block;
}

.iproqh .swiper-wrapper {}

.iproqhq .swiper-button-next {
width: 42px;
height: 42px;
overflow: hidden;
line-height: 99px;
top: 50%;
margin-top: -21px;
background: url(../images/rightlb.png) no-repeat center center/ 100% 100%;
outline: 0;
}

.iproqhq .swiper-button-prev {
overflow: hidden;
line-height: 99px;
width: 42px;
height: 42px;
top: 50%;
margin-top: -21px;
background: url(../images/leftlb.png) no-repeat center center/ 100% 100%;
outline: 0;
}

.iproqhq .swiper-button-next:hover {
background: url(../images/rightlbon.png) no-repeat center center/ 100% 100%;
}

.iproqhq .swiper-button-prev:hover {
background: url(../images/leftlbon.png) no-repeat center center/ 100% 100%;
}

.iproqhq .swiper-button-next:after,
.iproqhq .swiper-container-rtl .swiper-button-prev:after {
display: none;
}

.iproqhq .swiper-button-prev:after,
.iproqhq .swiper-container-rtl .swiper-button-next:after {
display: none;
}

.center {
width: 100%;
height: auto;
float: left;
text-align: center;
margin-top: 24px;
margin-bottom: 80px;
}

.center a.more {
width: 166px;
height: 48px;
border-radius: 24px 24px 24px 24px;
border: 1px solid #2CAB6F;
display: inline-block;
line-height: 46px;
text-align: center;
font-size: 16px;
color: #2CAB6F;
text-transform: uppercase;

}

.center a.more:hover {
background: #2CAB6F;
color: #fff;
}

.iapplication {
width: 100%;
overflow: hidden;
background: url(../images/iappbg.jpg) no-repeat center center / 100% 100%;
}

.iappqh {
width: 100%;
height: auto;
float: left;
background: #FFFFFF;
padding: 48px 80px 0;
}

.iappqh .tab-hd {
width: 100%;
height: auto;
float: left;
}

.iappqh .tab-hd ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}

.iappqh .tab-hd ul li {
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
cursor: pointer;

}

.iappqh .tab-hd ul li i {
width: 60px;
height: 60px;
float: left;
}

.iappqh .tab-hd ul li i.iappqh1 {
background: url(../images/iappqh1.png) no-repeat center center / 100% 100%;
}

.iappqh .tab-hd ul li i.iappqh2 {
background: url(../images/iappqh2.png) no-repeat center center / 100% 100%;
}

.iappqh .tab-hd ul li i.iappqh3 {
background: url(../images/iappqh3.png) no-repeat center center / 100% 100%;
}

.iappqh .tab-hd ul li i.iappqh4 {
background: url(../images/iappqh4.png) no-repeat center center / 100% 100%;
}

.iappqh .tab-hd ul li i.iappqh5 {
background: url(../images/iappqh5.png) no-repeat center center / 100% 100%;
}

.iappqh .tab-hd ul li i.iappqh6 {
background: url(../images/iappqh6.png) no-repeat center center / 100% 100%;
}

.iappqh .tab-hd ul li span {
width: 100%;
height: 43px;
float: left;
margin-top: 5px;
font-size: 18px;
}

.iappqh .tab-hd ul li.on {
color: #2CAB6F;
}

.iappqh .tab-hd ul li.on span {
border-bottom: 3px solid #2CAB6F;
}

.iappqh .tab-bd {
width: 100%;
height: auto;
float: left;
margin-top: 36px;
}

.iappqhcon {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}

.iappqhcon .picbox {
width: 570px;
height: auto;
border-radius: 10px 10px 10px 10px;
margin-bottom: 36px;
overflow: hidden;

float: left;
}

.iappqhcon .picbox img {
width: 100%;

float: left;
}

.iappqhcon .info {
width: 570px;
height: auto;
float: right;
display: flex;
flex-direction: column;
justify-content: center;
}

.iappqhcon .info h3 {
width: 100%;
height: auto;
float: left;
font-size: 24px;
color: #262626;
}

.iappqhcon .info p {
width: 100%;
height: auto;
float: left;
font-size: 16px;
color: #262626;
line-height: 30px;
margin-top: 37px;
margin-bottom: 80px;
}

.iappqhcon .info a.more {
width: 166px;
height: 48px;
border-radius: 24px 24px 24px 24px;
border: 1px solid #2CAB6F;
display: inline-block;
line-height: 46px;
text-align: center;
float: left;

font-size: 16px;
color: #2CAB6F;
text-transform: uppercase;
}

.iappqhcon .info a.more:after {
content: "";
width: 10px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-left: 16px;
background: url(../images/yjt.png) no-repeat center center;
}

.iappqhcon .info a.more:hover {
background: #2CAB6F;
color: #fff;
}

.iappqhcon .info a.more:hover:after {
background: url(../images/yjton.png) no-repeat center center;
}

.iabout {
width: 100%;
height: 766px;
overflow: hidden;
background: url(../images/iaboutbg.jpg) no-repeat center center / 100% 100%;
position: relative;
}


.iabout .h2tit h2 {
text-align: left;
}

.iabout .h2tit span {
text-align: left;
}

.iaboutcon {
width: 720px;
height: auto;
float: left;

}

.iaboutinfo {
width: 100%;
height: auto;
float: left;
}

.iaboutinfo h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #262626;
line-height: 36px;
}

.iaboutinfo>div  {
max-width: 620px;
height: auto;
max-height:150px;
overflow:hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
margin-top: 30px;
margin-bottom: 30px;
line-height: 30px;
}

.iaboutinfo a.more {
width: 166px;
height: 48px;
border-radius: 24px 24px 24px 24px;
border: 1px solid #2CAB6F;
display: inline-block;
line-height: 46px;
text-align: center;
float: left;

font-size: 16px;
color: #2CAB6F;
text-transform: uppercase;
}

.iaboutinfo a.more:after {
content: "";
width: 10px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-left: 16px;
background: url(../images/yjt.png) no-repeat center center;
}

.iaboutinfo a.more:hover {
background: #2CAB6F;
color: #fff;
}

.iaboutinfo a.more:hover:after {
background: url(../images/yjton.png) no-repeat center center;
}

.iaboutpic {
width: 940px;
height: auto;
float: left;
position: absolute;
left: 50%;
top: 0;
}

.iaboutpic img {
width: 100%;
height: auto;
float: left;
}

.num-figure2 {
width: 957px;
height: 150px;
box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 10px 10px;
text-align: center;
position: absolute;
bottom: 100px;
background: #fff;
float: left;
left: 50%;
margin-left: -720px;
}

.num-figure2>ul {
width: 100%;
display: flex;
justify-content: space-between;
padding: 36px 48px;
align-items: center;
}

.num-figure2 li {
list-style: none;
}

.num-figure2 li.line {
width: 1px;
float: left;
height: 78px;
background: #e5e5e5;
}

.num-figure2 .OEM-ico {
float: left;

}

.num-figure2 .num-change {
padding: 0;
}

.num-figure2 .num-change li:first-child {
width: 100%;
height: 48px;

font-size: 16px;
color: #262626;
line-height: 36px;
margin: 0 auto;

}

.num-figure2 .num-change li:first-child span {
font-weight: bold;
margin-right: 10px;
font-size: 36px;
color: #2CAB6F;
}

.num-figure2 .OEM-ico a {
text-decoration: none;
}



.num-figure2 .num-change li:nth-child(2) {
color: #4c4c4c;
font-size: 16px;
margin-top: 2px;
}

.num-figure2 .OEM-ico:hover .num-change li:nth-child(2) {}

.inews {
width: 100%;
overflow: hidden;
}

.inewsqh {
width: 100%;
height: auto;
margin-bottom: 80px;
overflow: hidden;
}

.inewsqh .tab-hd {
width: 100%;
height: auto;
margin-bottom: 37px;
float: left;
border-bottom: 1px solid #E8E8E8;

}

.inewsqh .tab-hd ul {
height: auto;
float: left;
}

.inewsqh .tab-hd ul li {
font-size: 20px;
color: #262626;
margin-right: 80px;
height: 44px;
line-height: 27px;
float: left;
cursor: pointer;

}

.inewsqh .tab-hd ul li.on {
color: #2CAB6F;
border-bottom: 3px solid #2CAB6F;
}

.inewsqh .tab-hd a.more {
height: 48px;
line-height: 48px;
font-size: 16px;
color: #666666;
float: right;
padding-right: 36px;
background: url(../images/moreyjt.png) no-repeat right center;
}


.inewsqh .tab-bd {
width: 100%;
height: auto;
float: left;
}
.inewsqh .tab-hd{clear:both;}

.inewsqh .tab-pal {
width: 100%;
height: auto;

}

.inewstt {
width: 640px;
height: auto;
float: left;
position: relative;

}

.inewstt .picbox {
width: 100%;
height: auto;
float: left;

}

.inewstt .picbox img {
width: 100%;

float: left;
}

.inewstt h3 {
width: 100%;
height: 60px;
line-height: 60px;
float: left;
position: absolute;
bottom: 0;
left: 0;
padding: 0 36px;
z-index: 1;
background: rgba(38, 38, 38, 0.7);
color: #fff;
font-size: 16px;
}

.inewstt h3 span {
float: right;
font-size: 12px;
color: rgba(255, 255, 255, 0.65);
font-weight: normal;

}

.inewslist {
width: 724px;
height: auto;
float: right;

}

.inewslist ul {
width: 100%;
height: auto;

}

.inewslist ul li {
width: 100%;
height: auto;
padding: 24px;
}

.inewslist ul li h3 {
width: 100%;
height: auto;
font-size: 16px;
color: #666666;
line-height: 22px;
height: 22px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.inewslist ul li span {
width: 100%;
height: 16px;
font-size: 12px;
color: #999999;
margin-top: 10px;
display: block;
}

.inewslist ul li:hover {
background: #2CAB6F;
}

.inewslist ul li:hover h3 {
color: #fff;
}

.inewslist ul li:hover span {
color: #fff;
}

.footer {
width: 100%;
padding-top: 60px;
overflow: hidden;
background: #F2F2F2;
}

.main {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}

.ftlogo {
height: 48px;
float: left;
width: 100%;
margin-bottom: 60px;
}

.ftlogo img {
height: 48px;
float: left;
}

.ftcontact {
width: 550px;
height: auto;
float: left;
}

.ftcontact dl {
width: 100%;
height: auto;
float: left;

}

.ftcontact dl dt {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 30px;
}

.ftcontact dl dd {
width: 100%;

float: left;
line-height: 24px;
font-weight: 400;
font-size: 14px;
color: #262626;
margin-bottom: 24px;
}

.ftcontact dl dd i {
width: 24px;
height: 24px;
float: left;
margin-right: 16px;
}

.ftcontact dl dd i.fttop1 {
background: url(../images/fttop1.png) no-repeat center center / 100% 100%;
}

.ftcontact dl dd i.fttop2 {
background: url(../images/fttop2.png) no-repeat center center / 100% 100%;
}

.ftcontact dl dd i.fttop3 {
background: url(../images/fttop3.png) no-repeat center center / 100% 100%;
}

.ftnav {
width: 540px;
height: auto;
float: left;
}

.ftnav dl {
width: 100%;
height: auto;
float: left;
}

.ftnav dl dt {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 30px;
}

.ftnav dl dd {
width: 50%;
height: 24px;
float: left;
line-height: 24px;
font-weight: 400;
font-size: 14px;
color: #262626;
margin-bottom: 24px;
}

.ftnav dl dd a {
width: 100%;
height: 24px;
float: left;
line-height: 24px;
font-weight: 400;
font-size: 14px;
color: #262626;
margin-bottom: 24px;
}

.ftnav dl dd a:hover {
color: #2CAB6F;
}

.ftewm {
height: auto;
float: right;
}

.ftewm .ftewmpic {
width: 145px;
height: auto;
margin-left: 36px;
}

.ftewm .ftewmpic img {
width: 100%;
height: auto;
float: left;
}

.ftewm .ftewmpic span {
width: 100%;
height: auto;
float: left;
margin-top: 16px;
line-height: 18px;
color: #666666;
font-size: 14px;
text-align: center;

}

.copyright {
width: 100%;
height: auto;
float: left;
border-top: 1px solid #DEDEDE;
padding: 24px 0;
font-size: 14px;
color: #999999;
text-align: center;
margin-top: 12px;
}

.copyright a {
color: #999999;
}

.nbanner {
width: 100%;
overflow: hidden;
position: relative;

}

.nbanner img {
width: 100%;
height: auto;
float: left;
}

.nbanner .text {
width: 1400px;
float: left;
position: absolute;
left: 50%;
margin-left: -700px;
text-align: center;
top: 50%;
transform: translateY(-50%);
}

.nbanner .text span {
width: 100%;
float: left;
font-weight: 500;
font-size: 50px;
color: #262626;
line-height: 66px;
}

.nbanner .text p {
width: 100%;
float: left;
font-weight: 400;
font-size: 20px;
color: #666666;
line-height: 30px;
margin-top: 24px;
margin-bottom: 60px;
}

.nbanner .text a {
width: 162px;
height: 42px;
border-radius: 24px 24px 24px 24px;
border: 1px solid #2CAB6F;
display: inline-block;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #2CAB6F;
text-transform: uppercase;
}

.nbanner .text a:after {
content: "";
width: 10px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-left: 16px;
background: url(../images/yjt.png) no-repeat center center;
}

.nbanner .text a:hover {
background: #2CAB6F;
color: #fff;
}

.nbanner .text a:hover:after {
background: url(../images/yjton.png) no-repeat center center;
}


.position {
width: 100%;
height: auto;
float: left;
margin: 25px 0 40px 0;
font-size: 14px;
font-weight: 400;
color: #666666;
line-height: 22px;
}

.position span {
float: left;
font-size: 14px;
font-weight: 400;
color: #666666;
line-height: 22px;
}

.position a.sy {
width: 20px;
margin-top: -2px;
height: 18px;
display: inline-block;
vertical-align: middle;

background: url(../images/isy.png) no-repeat center center;

}

.position a {
display: inline-block;
font-size: 14px;
font-weight: 400;
color: #666666;
line-height: 22px;
}

.position a:hover {
color: #2CAB6F;
}


.pleft {
width: 296px;
background: #FBFBFB;
float: left;
padding: 12px 12px;
}

.pright {
width: 1244px;
float: right;

}

.sidebar {
width: 100%;
height: auto;
float: left;
}

.sidebar * {
-webkit-transition: all 0s ease 0s;
-moz-transition: all 0s ease 0s;
-o-transition: all 0s ease 0s;
-ms-transition: all 0s ease 0s;
transition: all 0s ease 0s;
}

.sidebar ul {
width: 100%;
height: auto;
float: left;
}

.sidebar ul li {
width: 100%;
height: auto;
float: left;
padding: 24px 20px;
border-bottom: 1px solid #E8E8E8;
}

.sidebar ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 600;
font-size: 18px;
line-height: 20px;
color: #262626;
cursor: pointer;

}
.sidebar ul li h3 a{color:#262626;}

.sidebar ul li h3 i {
width: 20px;
height: 20px;
margin-right: 24px;
float: left;
background: url(../images/iside.png) no-repeat center center;
}

.sidebar ul li.on h3 i {
background: url(../images/isideon.png) no-repeat center center;
}

.sidebar ul li.on h3 {
color: #2CAB6F;
}

.sidebar ul li .subside {
width: 100%;
height: auto;
float: left;
display: none;
margin-top: 12px;
}

.sidebar ul li .subside a {
width: 100%;
height: auto;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 22px;
float: left;
margin: 12px 0;
text-indent: 60px;
}

.sidebar ul li .subside a:hover {
color: #2CAB6F;
}

.r_info {
width: 100%;
height: auto;
float: left;
background: #F8F8F8;
padding: 36px;
margin-bottom: 36px;
}

.r_info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 22px;
}

.pro_list {
width: 100%;
height: auto;
float: left;
margin-bottom: 2%;
}

.pro_list ul {
width: 100%;
height: auto;
float: left;
}

.pro_list ul li {
width: 32%;
height: auto;
float: left;
margin-right: 2%;
margin-bottom: 2%;
border-bottom: 1px solid #E8E8E8;
}

.pro_list ul li:nth-child(3n) {
margin-right: 0
}

.pro_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 75%;
float: right;
position: relative;
overflow: hidden;
}

.pro_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

.pro_list ul li:hover .picbox img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}

.pro_list ul li .info {
width: 100%;
height: auto;
float: left;
padding: 24px 0;
}
.pro_list ul li .info h2 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #262626;
line-height: 30px;
}

.pro_list ul li .info i {
width: 64px;
height: 30px;
background: #FFFFFF;
border-radius: 15px 15px 15px 15px;
border: 1px solid #2CAB6F;
float: right;
line-height: 28px;
text-align: center;
font-weight: 400;
font-size: 16px;
color: #2CAB6F;
font-style: normal;

}

.pro_banner {
width: 100%;
overflow: hidden;
position: relative;

}

.pro_banner img {
width: 100%;
height: auto;
float: left;
}

.pro_banner .text {
width: 1600px;
float: left;
position: absolute;
left: 50%;
margin-left: -700px;
text-align: left;
top: 50%;
transform: translateY(-50%);
}

.pro_banner .text span {
width: 100%;
float: left;
font-weight: 500;
font-size: 50px;
color: #262626;
line-height: 66px;
}

.pro_banner .text p {
width: 100%;
float: left;
font-weight: 400;
font-size: 20px;
color: #666666;
line-height: 32px;
margin-top: 24px;

}
.pro_banner .text p:last-of-type{margin-bottom: 60px;}

.pro_banner .text a {
width: 162px;
height: 42px;
border-radius: 24px 24px 24px 24px;
border: 1px solid #2CAB6F;
display: inline-block;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #2CAB6F;
text-transform: uppercase;
}

.pro_banner .text a:after {
content: "";
width: 10px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-left: 16px;
background: url(../images/yjt.png) no-repeat center center;
}

.pro_banner .text a:hover {
background: #2CAB6F;
color: #fff;
}

.pro_banner .text a:hover:after {
background: url(../images/yjton.png) no-repeat center center;
}

.pro_left {
width: 1120px;
height: auto;
float: left;
}

.pro_right {
width: 400px;
float: right;

}

.pro_tit {
width: 100%;
height: auto;
float: left;
text-transform: uppercase;
margin-top: 36px;
margin-bottom: 24px;
}

.pro_tit h2 {
width: 100%;
height: 48px;
line-height: 48px;
float: left;
font-size: 36px;
font-weight: 500;
color: #262626;
text-align: left;
margin-top: -32px;
}

.pro_tit h2 i {
color: #2CAB6F;
font-style: normal;
}

.pro_tit span {
width: 100%;
height: 48px;
line-height: 48px;
text-align: left;
font-size: 36px;
font-weight: 400;
color: rgba(38, 38, 38, 0.06);
float: left;
}

.pro_con {
width: 100%;
height: auto;
float: left;
}

.pro_con p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
}

.proimglist {
width: 100%;
height: auto;
float: left;
}

.proimglist li {
width: 23.5%;
height: auto;
float: left;
margin-right: 2%;
}
.proimglist li:nth-of-type(4n){margin-right:0;}

.proimglist img:last-child {
margin-right: 0;
}

.pro_tx {
width: 100%;
height: auto;
float: left;
}

.pro_tx ul {
width: 100%;
height: auto;
float: left;
}

.pro_tx ul li {
width: calc(100% - 334px);
float: left;
margin: 12px 0 24px;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
}

.pro_tx ul li:nth-child(2n+1) {
width: 334px;
}

.pro_tx ul li i {
width: 30px;
height: 30px;
float: left;
margin-right: 10px;
}

.pro_tx ul li i.protx1 {
background: url(../images/protx1.png) no-repeat center center;
}

.pro_tx ul li i.protx2 {
background: url(../images/protx2.png) no-repeat center center;
}

.pro_tx ul li i.protx3 {
background: url(../images/protx3.png) no-repeat center center;
}

.pro_tx ul li i.protx4 {
background: url(../images/protx4.png) no-repeat center center;
}

.pro_tx ul li i.protx5 {
background: url(../images/protx5.png) no-repeat center center;
}

.pro_tx ul li i.protx6 {
background: url(../images/protx6.png) no-repeat center center;
}

.pro_gg {
width: 100%;
height: auto;
float: left;
}

.pro_gg i {
width: 326px;
height: 54px;
background: #FFFFFF;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
float: left;
font-style: normal;
line-height: 52px;
padding: 0px 36px;
margin-right: 11px;
font-weight: 400;
font-size: 16px;
color: #666666;
}

.pro_jc {
width: 100%;
height: auto;
float: left;
}

.pro_jc ul {
width: 100%;
height: auto;
float: left;
}

.pro_jc ul li {
width: 23.5%;
height: auto;
float: left;
margin-right: 2%;
}

.pro_jc ul li:last-child {
margin-right: 0;
}

.pro_jc ul li .picbox {
width: 100%;
height: auto;
float: left;
}

.pro_jc ul li .picbox img {
width: 100%;
height: auto;
float: left;
}

.pro_jc ul li span {
width: 100%;
line-height: 48px;
float: left;
height: 48px;
background: #2CAB6F;
border-radius: 0px 0px 0px 0px;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
text-align: center;
margin-top: 24px;
}


.pro_yy {
width: 100%;
height: auto;
float: left;
margin-bottom: 60px;
}

.pro_yy ul {
width: 100%;
height: auto;
float: left;
}

.pro_yy ul li {
width: 49%;
height: auto;
float: left;
position: relative;
margin-right: 2%;
margin-bottom: 2%;
overflow: hidden;
cursor: pointer;

}

.pro_yy ul li:nth-child(2n) {
margin-right: 0;
}

.pro_yy ul li .picbox {
width: 100%;
height: auto;
float: left;
position: relative;

}
.pro_yy ul li .picbox .litpic{padding-bottom:50%;}
.pro_yy ul li .picbox img {
width: 100%;
object-fit: cover;
}

.pro_yy ul li .picbox span {
font-weight: 600;
font-size: 24px;
color: #FFFFFF;
line-height: 32px;
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
text-align: center;
font-style: normal;

}

.pro_yy ul li .info {
width: 100%;
height: 100%;
float: left;
position: absolute;
bottom: -100%;
left: 0;
background: #2CAB6F;
padding: 0px 36px 0 36px;
display: flex;
flex-direction: column;
justify-content: center;
}

.pro_yy ul li:hover .info {
bottom: 0;
}

.pro_yy ul li .info span {
width: 100%;
height: auto;
float: left;
font-weight: 600;
font-size: 16px;
color: #FFFFFF;
margin-bottom: 16px;
}

.pro_yy ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
line-height: 24px;
}

.pro_side {
width: 100%;
height: auto;
margin-bottom: 80px;
float: left;
}

.pro_side a {
width: 100%;
height: 72px;
line-height: 72px;
font-weight: 400;
font-size: 18px;
color: #262626;
text-align: center;
float: left;
border-right: 1px solid #ffffff;

}

.pro_side a.current {
background: #F8F8F8;
color: #2CAB6F;
border-right: 1px solid #2CAB6F;
}

.pro_side a:hover {
background: #F8F8F8;
color: #2CAB6F;
border-right: 1px solid #2CAB6F;
}

.lcontact {
width: 100%;
height: auto;
float: left;
background: #F8F8F8;
}

.lcontact img {
width: 100%;
height: auto;
float: left;
}

.lcontact .info {
width: 100%;
height: auto;
float: left;
background: #F8F8F8;
padding: 36px;
}

.lcontact .info span {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 22px;
color: #262626;
line-height: 24px;
margin-bottom: 24px;
}

.lcontact .info a {
width: 100%;
height: auto;
float: left;
height: 48px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #2CAB6F;
line-height: 46px;
text-align: center;
font-weight: 400;
font-size: 16px;
color: #2CAB6F;
}

.lcontact .info a:hover {
background: #2CAB6F;
color: #fff;
}

.lcontact .info p {
width: 100%;
height: 24px;
float: left;
line-height: 24px;
font-weight: 400;
font-size: 14px;
color: #262626;
margin-bottom: 24px;
}

.lcontact .info p i {
width: 24px;
height: 24px;
float: left;
margin-right: 16px;
}

.lcontact .info p i.lctop1 {
background: url(../images/fttop1.png) no-repeat center center / 100% 100%;
}

.lcontact .info p i.lctop2 {
background: url(../images/fttop2.png) no-repeat center center / 100% 100%;
}


.tac {
text-align: center;
}

.tac span {
text-align: center;
}

.tac h2 {
text-align: center;
}



.yybanner {
width: 100%;
overflow: hidden;
position: relative;

}

.yybanner img {
width: 100%;
height: auto;
float: left;
}

.yybanner .text {
width: 1600px;
float: left;
position: absolute;
left: 50%;
margin-left: -800px;
text-align: center;
top: 50%;
transform: translateY(-50%);
}

.yybanner .text span {
width: 100%;
float: left;
font-weight: 500;
font-size: 50px;
color: #fff;
line-height: 66px;
}

.yybanner .text p {
width: 100%;
float: left;
font-weight: 400;
font-size: 20px;
color: #fff;
line-height: 32px;
margin-top: 24px;
margin-bottom: 60px;
}

.yybanner .text ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-direction: row;
justify-content: space-between;
}

.yybanner .text ul li {

float: left;
display: flex;
flex-direction: column;
align-items: center;
}

.yybanner .text ul li img {
width: 80px;
height: auto;
float: left;
}

.yybanner .text ul li span {
font-weight: 400;
font-size: 26px;
color: #FFFFFF;
margin-top: 16px;
float: left;
}

.mt0 {
margin-top: 0;
}

.jyrz {
width: 100%;
overflow: hidden;
padding-top: 44px;
padding-bottom: 80px;
background: url(../images/jyrzbg.png) no-repeat center center / 100% 100%;
}

.yycj_list {
width: 100%;
height: auto;
float: left;
margin-top: 12px;
margin-bottom: 80px;
}

.yycj_list ul {
width: 100%;
height: auto;
float: left;
}

.yycj_list ul li {
width: 23.5%;
height: 260px;
float: left;
margin-right: 2%;
margin-bottom: 2%;
position: relative;
background: #f8f8f8;
}
.yycj_list ul li img{position: absolute;bottom:0;right:0;height:130px;}

.yycj_list ul li:nth-child(4) {
margin-right: 0;
}

.yycj_list ul li .info {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 36px;

}

.yycj_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 600;
font-size: 24px;
color: #262626;
line-height: 30px;
}

.yycj_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 16px;
}

.yyys {
width: 100%;
overflow: hidden;
background: url(../images/yyysbg.png) no-repeat center center / 100% 100%;
}

.yyyscon {
width: 100%;
margin: 150px auto;
height: auto;
float: left;
}

.yyyscon p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 34px;
}

.cptj {
width: 100%;
overflow: hidden;
padding-top: 46px;
}

.cptjitem {
width: 49%;
height: auto;
padding: 16px;
background: #FFFFFF;
box-shadow: 0px 3px 20px 1px rgba(0, 0, 0, 0.1);
}

.cptjitem .picbox {
width: 316px;
height: auto;
float: left;
}

.cptjitem .picbox img {
width: 100%;
float: left;
}

.cptjitem .info {
width: calc(100% - 340px);
height: auto;
float: right;

}

.cptjitem .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #262626;
line-height: 36px;
margin-top: 10px;
margin-bottom: 10px;
height: 36px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.cptjitem .info p {
width: 100%;
height: 90px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 30px;
margin-bottom: 24px;
}

.cptjitem .info a.more {
width: 166px;
height: 48px;
border-radius: 24px 24px 24px 24px;
border: 1px solid #2CAB6F;
display: inline-block;
line-height: 46px;
text-align: center;
float: left;

font-size: 16px;
color: #2CAB6F;
text-transform: uppercase;
}

.cptjitem .info a.more:after {
content: "";
width: 10px;
height: 12px;
display: inline-block;
vertical-align: middle;
margin-top: -2px;
margin-left: 16px;
background: url(../images/yjt.png) no-repeat center center;
}

.cptjitem .info a.more:hover {
background: #2CAB6F;
color: #fff;
}

.cptjitem .info a.more:hover:after {
background: url(../images/yjton.png) no-repeat center center;
}

.cptjitem ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-direction: row;
justify-content: space-between;
margin-top: 36px;
padding: 0 55px;
margin-bottom: 20px;
}

.cptjitem ul li {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
align-items: center;
float: left;
}

.cptjitem ul li i {
width: 48px;
height: 48px;
}

.cptjitem ul li i.cptjitem1 {
background: url(../images/cptjitem1.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem2 {
background: url(../images/cptjitem2.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem3 {
background: url(../images/cptjitem3.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem4 {
background: url(../images/cptjitem4.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem5 {
background: url(../images/cptjitem5.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem6 {
background: url(../images/cptjitem6.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem7 {
background: url(../images/cptjitem7.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem8 {
background: url(../images/cptjitem8.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem9 {
background: url(../images/cptjitem9.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li i.cptjitem10 {
background: url(../images/cptjitem10.png) no-repeat center center / 100% 100%;
}

.cptjitem ul li span {
font-weight: 400;
font-size: 16px;
color: #ACACAC;
line-height: 22px;
float: left;
margin-top: 10px;
text-align: center;
}

.gsys {
width: 100%;
overflow: hidden;
}

.gsyslist {
width: 100%;
height: auto;
float: left;
position: relative;
margin-top: 36px;
margin-bottom: 80px;
}

.gsysitem {
width: 651px;
height: auto;
float: left;
height: 358px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.gsysitem span {
width: 100%;
text-align: center;
height: auto;
float: left;
font-weight: 600;
font-size: 22px;
color: #262626;
}

.gsysitem p {
max-width: 336px;
height: auto;
text-align: center;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
margin-top: 24px;
}

.gsysl {
background: url(../images/leftbg.png) no-repeat center center;
float: left;
}

.gsysr {
background: url(../images/rightbg.png) no-repeat center center;
float: right;
}

.gsysm {
width: 466px;
height: 406px;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 50%;
margin-left: -233px;
padding: 0 133px;
background: url(../images/midbg.png) no-repeat center center;

}

.gsysm span {
color: #fff;
}

.gsysm p {
color: #fff;
}