@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;}
.fl{float: left;}
.fr{float: right;}
h3{white-space: nowrap;text-overflow:ellipsis; overflow:hidden; display:block; }
.wrap {
width: 1400px;
margin: 0 auto;
}
.header {
width: 100%;
height: 80px;
padding: 10px 0;
position: relative;
z-index: 22;
background: #FFFFFF;
}
.logo {
float: left;
}
.logo img {
height: 60px;
float: left;
}
.search {
float: left;
position: relative;
width: 400px;
height: 38px;
border-radius: 19px 19px 19px 19px;
border: 1px solid #00693E;
margin-top: 11px;
overflow: hidden;
margin-left: 157px;
}
.search .keyword {
float: left;
padding-left: 24px;
height: 36px;
line-height: 36px;
border: 0 none;
font-size: 16px;
color: #262626;
}
.search .keyword:focus {
outline: 0;
border: 0px solid #123456;
}
.search .tjbtn {
width: 36px;
height: 36px;
float: right;
background: url(../images/sobtn.png) no-repeat center center;
border: 0 none;
color: #000;
cursor: pointer;
font-size: 0;
margin-right: 12px;
}
.lang {
height: 38px;
border-radius: 19px 19px 19px 19px;
border: 1px solid #E8E8E8;
margin-top: 11px;
float: right;
padding: 5px 16px;
}
.lang ul {
float: left;

}
.lang ul li {
width: 80px;
height: 28px;
line-height: 28px;
float: left;
color: #333333;
font-size: 14px;
position: relative;
cursor: pointer;
}
.lang .il1 {
width: 28px;
height: 28px;
float: left;
background: url(../images/lcn.png) no-repeat center center;
}
.lang ul li .xjt {
background: url(../images/lxjt.png) no-repeat center center;
float: right;
width: 14px;
height: 8px;
margin-top: 10px;
}
.lang ul li .this {
float: left;
width: 100%;
text-align: left;
font-weight: bold;padding-left: 10px;
}
.lang ul li dl {
width: 100%;
height: auto;
float: left;
display: none;
position: absolute;
left: 0;
top: 24px;
background: #fff;padding-left: 10px;
}
.lang ul li dl a {
width: 100%;
color: #262626;
display: inline-block;
float: left;
line-height: 34px;
}
.lang ul li dl a:hover {}
.lang ul li:hover dl {
display: block;
}
.lang ul li dl dd {
width: 100%;
height: auto;
float: left;
}
.htel {
float: left;
font-weight: normal;
font-size: 36px;
color: #00693E;
line-height: 36px;
font-weight: bold;
margin-top: 10px;
font-style: italic;
margin-left: 155px;
}
.htel i {
float: left;
width: 32px;
height: 32px;
background: url(../images/htel.png) no-repeat center center;
margin-right: 24px;
margin-top: 4px;
}
.nav {
width: 100%;
height: 40px;
background: #00693E;
}
.nav ul {
float: left;
width: 100%;
display: flex;
justify-content: space-between;
}
.nav ul li {
float: left;
position: relative;
}
.nav ul li h3 {
float: left;
}
.nav ul li h3 a {
height: 40px;
font-size: 20px;
color: #ffffff;
line-height: 40px;
font-weight: normal;
margin: 0 30px;
float: left;
opacity: 0.65;
}
.nav ul li:hover h3 a {
opacity: 1;
}
.nav ul li.on h3 a {
opacity: 1;
}
.nav ul li dl {
width: 100%;
height: auto;
float: left;
position: absolute;
overflow: hidden;
z-index: 2;
top: 40px;
display: none;
padding-top: 10px;
padding-bottom: 10px;
background: #00693E;
}
.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;
}
.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: #00693E;
color: #fff;
}
.banner .text a:hover:after {
background: url(../images/yjton.png) no-repeat center center;
}
.h2tit {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
border-bottom: 1px solid #E8E8E8;
}
.h2tit h2 {
font-weight: 500;
font-size: 36px;
color: #262626;
line-height: 50px;
float: left;
}
.h2tit h2 i {
color: #00693E;
font-style: normal;
}
.h2tit .fl p {
font-weight: 400;
font-size: 14px;
color: #E8E8E8;
line-height: 20px;
margin-bottom: 16px;
text-transform: uppercase;
}
.h2tit a.more {
width: 142px;
height: 34px;
border-radius: 17px;
border: 1px solid #E8E8E8;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 32px;
text-align: center;
float: right;
margin-top: 9px;
}
.h2tit a.more:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.h2tit a.more:hover {
color: #fff;
background: #00693E;
}
.h2tit a.more:hover:after {
background: url(../images/amoreon.png) no-repeat center center / 100% 100%;
}
.tac {
text-align: center;
}
.main {
width: 100%;
overflow: hidden;
}
.ijjfa,
.ipro,
.icase,
.ihzbb,
.inews,
.iabout {
width: 100%;
overflow: hidden;
}
.bgf6 {
background: #f6f6f6;
}
.pt80 {
padding-top: 80px;
}
.pb80 {
padding-bottom: 80px;
}
.pb46 {
padding-bottom: 46px;
}
.ijjfa_list {
width: 100%;
height: auto;
float: left;
}
.ijjfa_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
}
.ijjfa_list ul li {
margin-right: 10px;
height: auto;
float: left;
position: relative;
}
.ijjfa_list ul li:last-child {
margin-right: 0;
}
.ijjfa_list ul li .picbox {
width: 100%;
height: auto;
float: left;
}
.ijjfa_list ul li .picbox img {
width: 100%;
height: auto;
float: left;
}
.ijjfa_list ul li .zz {
width: 100%;
height: 100%;
float: left;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70%, #000000 100%);
position: absolute;
top: 0;
left: 0;
}
.ijjfa_list ul li .info {
width: 100%;
height: 100%;
float: left;
padding: 36px 24px;
position: absolute;
left: 0;
display: flex;
flex-direction: column;
justify-content: end;
}
.ijjfa_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
line-height: 35px;
text-align: center;
}
.ijjfa_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #FFFFFF;
line-height: 30px;
text-align: center;
display: none;
margin-top: 24px;
}
.ijjfa_list ul li:hover .info {
justify-content: center;
}
.ijjfa_list ul li:hover .info p {
display: block;
}
.ijjfa_list ul li:hover .zz {
background: #000;
opacity: 0.45;
}
.iproqh {
width: 100%;
height: auto;
float: left;
}
.iproqh .tab-hd {
width: 260px;
float: left;
background: #00693E;
border-radius: 10px 10px 10px 10px;
}
.iproqh .tab-hd ul {
width: 100%;
height: auto;
float: left;
padding: 34px;
}
.iproqh .tab-hd ul li {
width: 100%;
height: 35px;
float: left;
font-weight: 400;
font-size: 24px;
color: #FFFFFF;
line-height: 35px;
margin-bottom: 24px;
padding: 0 24px;
cursor: pointer;
border-radius: 18px 18px 18px 18px;
}
.iproqh .tab-hd ul li:last-child {
margin-bottom: 0;
}
.iproqh .tab-hd ul li.on {
color: #00693E;
background: #FFFFFF;
border-radius: 18px 18px 18px 18px;
}
.iproqh .tab-bd {
width: calc(100% - 284px);
height: 100%;
float: right;
}
.mr80 {
margin-right: 80px;
}
.ipronqh {
width: 100%;
height: 516px;
float: left;
position: relative;
}
.ipronqh .swiper {
width: 100%;
height: 100%;
}
.ipronqh .swipercon {
width: 100%;
overflow: hidden;
height: 100%;
}
.ipronqh .swiper-slide {
background: #FFFFFF;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
border-radius: 10px 10px 10px 10px;
overflow: hidden;
width: 100%;
height: 100%;
}
.ipronqh .swiper-slide a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
}
.ipronqh .swiper-slide .picbox {
width: 100%;
height: 0;
padding-bottom: 68.69%;
float: right;
position: relative;
overflow: hidden;
}
.ipronqh .swiper-slide .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ipronqh .swiper-slide a: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);
}
.ipronqh .swiper-slide .info {
width: 100%;
display: flex;
flex-direction: column;
z-index: 1;
justify-content: center;
text-align: center;
align-items: center;
padding: 26px 36px;
}
.ipronqh .swiper-slide .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: #333333;
line-height: 29px;
}
.ipronqh .swiper-slide a:hover .info h3 {
color: #00693E;
}
.ipronqh .swiper-slide .info p {
width: 100%;
height: 90px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #000000;
opacity: 0.8;
line-height: 30px;
margin-top: 16px;
margin-bottom: 36px;
}
.ipronqh .swiper-slide .info i {
width: 168px;
height: 38px;
border-radius: 19px;
border: 1px solid #999999;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 32px;
text-align: center;
float: right;
margin-top: 9px;
font-style: normal;
}
.ipronqh .swiper-slide .info i.more:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.ipronqh .swiper-slide .info i.more.more:hover {
color: #fff;
background: #00693E;
}
.ipronqh .swiper-slide .info i.more.more:hover:after {
background: url(../images/amoreon.png) no-repeat center center / 100% 100%;
}
.ipronqh .swiper-button-next {
overflow: hidden;
width: 34px;
height: 34px;
top: -92px;
right: 0;
background: url(../images/jtr.png) no-repeat center center;
}
.ipronqh .swiper-button-prev {
overflow: hidden;
width: 34px;
height: 34px;
top: -92px;
background: url(../images/jtl.png) no-repeat center center;
right: 40px;
left: auto;
}
.ipronqh .swiper-button-next:hover {
background: url(../images/jtron.png) no-repeat center center;
}
.ipronqh .swiper-button-prev:hover {
background: url(../images/jtlon.png) no-repeat center center;
}
.ipronqh .swiper-button-next:after,
.ipronqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.ipronqh .swiper-button-prev:after,
.ipronqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.ihzbb_list {
width: 100%;
height: auto;
float: left;
}
.ihzbb_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ihzbb_list ul li {
width: 260px;
height: 100px;
float: left;
margin-bottom: 25px;
overflow: hidden;
}
.ihzbb_list ul li img {
max-width: 100%;
max-height: 100%;
float: left;
}
.ihzbb_list ul li:hover 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);
}
.icaseqhq {
width: 100%;
height: auto;
float: left;
position: relative;
overflow: hidden;
padding: 0 60px;
}
.icaseqh {
width: 100%;
height: auto;
float: left;
position: relative;
overflow: hidden;
padding-left: 2px;
}
.icaseqh .swiper-slide {
width: 251px;
height: auto;
margin: 0 0;
float: left;
position: relative;
background: #FFFFFF;
}
.icaseqh .swiper-slide .picbox {
width: 100%;
height: 0;
padding-bottom: 115.57%;
position: relative;
float: left;
overflow: hidden;
border: 1px solid #E8E8E8;
}
.icaseqh .swiper-slide .picbox img {
width: 100%;
height: 100%;
float: left;
position: absolute;
left: 0;
top: 0;
}
.icaseqh .swiper-slide: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);
}
.icaseqh .swiper-slide .info {
width: calc(100% - 32px);
display: flex;
flex-direction: column;
z-index: 1;
justify-content: center;
text-align: center;
align-items: center;
padding: 11px 36px;
position: absolute;
bottom: 16px;
left: 16px;
background: rgba(255, 255, 255, 0.65);
border-radius: 10px 10px 10px 10px;
}
.icaseqh .swiper-slide a:hover .info {
padding: 36px;
}
.icaseqh .swiper-slide .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #262626;
line-height: 29px;
}
.icaseqh .swiper-slide a:hover .info h3 {
color: #00693E;
}
.icaseqh .swiper-slide .info p {
width: 100%;
height: 90px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 18px;
color: #000000;
line-height: 30px;
margin-top: 16px;
margin-bottom: 24px;
display: none;
}
.icaseqh .swiper-slide .info i {
width: 168px;
height: 38px;
border-radius: 19px;
border: 1px solid #999999;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 32px;
text-align: center;
float: right;
margin-top: 9px;
font-style: normal;
display: none;
}
.icaseqh .swiper-slide a:hover .info p {
display: block;
}
.icaseqh .swiper-slide a:hover .info i {
display: block;
}
.icaseqh .swiper-slide .info i.more:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.icaseqh .swiper-slide .info i.more.more:hover {
color: #fff;
background: #00693E;
}
.icaseqh .swiper-slide .info i.more.more:hover:after {
background: url(../images/amoreon.png) no-repeat center center / 100% 100%;
}
.icaseqh .swiper-wrapper {}
.icaseqhq .swiper-button-next {
width: 36px;
height: 36px;
overflow: hidden;
margin-top: -36px;
line-height: 99px;
background: url(../images/jtr.png) no-repeat center center/ 100% 100%;
}
.icaseqhq .swiper-button-prev {
overflow: hidden;
line-height: 99px;
width: 36px;
margin-top: -36px;
height: 36px;
background: url(../images/jtl.png) no-repeat center center/ 100% 100%;
}
.icaseqhq .swiper-button-next:hover {
background: url(../images/jtron.png) no-repeat center center;
}
.icaseqhq .swiper-button-prev:hover {
background: url(../images/jtlon.png) no-repeat center center;
}
.icaseqhq .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.icaseqhq .swiper-button-prev:after,
.icaseqhq .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.iabout {
width: 100%;
overflow: hidden;
background: url(../images/aboutbg.png) no-repeat center top;
}
.iabout .h2tit h2 {
color: #fff;
}
.iaboutcon {
width: 100%;
float: left;
display: flex;
justify-content: space-between;
margin-top: 44px;
}
.iaboutcon .iaboutvideo {
width: 731px;
height: 393px;
float: left;
overflow: hidden;
}
.iaboutcon .iaboutvideo video {
width: 100%;
height: auto;
float: left;
}
.iabout .info {
width: 570px;
height: auto;
float: right;
display: flex;
flex-direction: column;
justify-content: center;
}
.iabout .info h3 {
width: 100%;
height: auto;
float: left;
font-size: 24px;
color: #ffffff;
margin-bottom: 24px;
font-weight: 500;
}
.iabout .info p {
width: 100%;
height: auto;
float: left;
font-size: 16px;
color: #ffffff;
line-height: 30px;
margin-top: 5px;
margin-bottom: 5px;
opacity: 0.8;
}
.iabout .info a.more {
width: 192px;
height: 38px;
border-radius: 30px 30px 30px 30px;
border: 1px solid #FFFFFF;
display: inline-block;
line-height: 36px;
text-align: center;
float: left;
margin-top: 50px;
font-size: 16px;
color: #FFFFFF;
text-transform: uppercase;
}
.iabout .info a.more:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amoreon.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.iabout .info a.more:hover {
background: #E8E8E8;
color: #262626;
}
.iabout .info a.more:hover:after {
background: url(../images/amore.png) no-repeat center center;
}

.inewsqh {
width: 100%;
float: left;
position: relative;
}
.inewsqh .swiper {
width: 100%;
height: 100%;
}
.inewsqh .swipercon {
width: 100%;
overflow: hidden;
height: 100%;
}
.inewsqh .swiper-slide {
width: 100%;
overflow: hidden;
height: 100%;
}
.inewsqh .swiper-button-next {
overflow: hidden;
width: 34px;
height: 34px;
top: -92px;
right: 0;
background: url(../images/jtr.png) no-repeat center center;
}
.inewsqh .swiper-button-prev {
overflow: hidden;
width: 34px;
height: 34px;
top: -92px;
background: url(../images/jtl.png) no-repeat center center;
right: 40px;
left: auto;
}
.inewsqh .swiper-button-next:hover {
background: url(../images/jtron.png) no-repeat center center;
}
.inewsqh .swiper-button-prev:hover {
background: url(../images/jtlon.png) no-repeat center center;
}
.inewsqh .swiper-button-next:after,
.inewsqh .swiper-container-rtl .swiper-button-prev:after {
display: none;
}
.inewsqh .swiper-button-prev:after,
.inewsqh .swiper-container-rtl .swiper-button-next:after {
display: none;
}
.inews_list {
width: 100%;
height: auto;
float: left;
}
.inews_list ul {
width: 100%;
height: auto;
float: left;
}
.inews_list ul li {
width: 49%;
height: auto;
float: left;
margin-right: 2%;
background: #F8F8F8;
overflow: hidden;
margin-bottom: 2%;
}
.inews_list ul li:nth-child(2n) {
margin-right: 0
}
.inews_list ul li .picbox {
width: 340px;
height: 234px;
float: left;
position: relative;
overflow: hidden;
}
.inews_list ul li .picbox img {
width: 100%;
height: 100%;
}
.inews_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);
}
.inews_list ul li .info {
width: calc(100% - 340px);
height: auto;
float: right;
padding: 36px 24px;
background: #F2F2F2;
}
.inews_list ul li .info h3 {
width: 100%;
height: 26px;
overflow: hidden;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
}
.inews_list ul li .info p {
width: 100%;
height: 72px;
float: left;
overflow: hidden;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 24px;
margin-top: 15px;
margin-bottom: 15px;
}
.inews_list ul li .info span {
width: 100%;
height: 36px;
float: left;
font-weight: 400;
font-size: 14px;
color: #C2C2C2;
line-height: 36px;
}
.inews_list ul li .info i {
width: 36px;
height: 36px;
border-radius: 36px;
float: right;
background: url(../images/pro_listico.png) no-repeat center center;
}
.inews_list ul li:hover .info h3 {
color: #159948;
}
.inews_list ul li:hover .info i {
background: url(../images/pro_listicoon.png) no-repeat center center;
}
.shouquan {
width: 100%;
height: 100%;
}
.sqbox {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
}
.sqbox .sqhead {
width: 100%;
height: auto;
float: left;
margin-top: 24px;
position: absolute;
top: 0;
}
.sqbox .sqhead a {
margin-right: 48px;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
}
.sqbox .sqform {
display: flex;
flex-direction: column;
justify-content: center;
}
.sqbox .sqlogo {
display: flex;
justify-content: center;
}
.sqbox .sqlogo img {
width: 330px;
height: 144px;
float: left;
}
.sqbox .sqitem {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
margin-bottom: 36px;
display: flex;
justify-content: space-between;
position: relative;
}
.sqbox .sqitem .keyword {
width: 530px;
height: 48px;
background: #FFFFFF;
border-radius: 6px 6px 6px 6px;
border: 1px solid #00693E;
line-height: 46px;
float: left;
font-weight: 400;
font-size: 16px;
color: #A8A8A8;
margin-right: 4px;
padding-left: 50px;
}
.sqbox .sqitem i {
width: 16px;
height: 16px;
float: left;
position: absolute;
top: 50%;
left: 24px;
margin-top: -8px;
background: url(../images/isqitem.png) no-repeat center center / 100% 100%;
}
.sqbox .sqitem .keyword:focus {
outline: none;
}
.sqbox .sqitem .tjbtn {
width: 152px;
height: 48px;
background: #00693E;
border: 1px solid #00693E;
text-align: center;
color: #fff;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 46px;
border-radius: 6px 6px 6px 6px;
}
.sqbox .sqform p {
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 22px;
text-align: center;
}
.sqbox .sqcpyright {
width: 100%;
height: auto;
float: left;
font-size: 14px;
color: #FFFFFF;
text-align: center;
height: 40px;
line-height: 40px;
background: #00693E;
position: absolute;
bottom: 0;
}
.sqbox .sqcpyright a {
color: #fff;
}
.footer {
width: 100%;
overflow: hidden;
background: #E8E8E8;
}
.main {
width: 100%;
overflow: hidden;
}
.flink{
    width: 100%;
overflow: hidden;
background: #E8E8E8;

}
.ftlinks {
float: left;
width: 100%;
border-bottom: 1px solid #C8C8C8;
padding: 36px 0;
}
.ftlinks h3 {
font-size: 16px;
color: #262626;
line-height: 24px;
float: left;
font-weight: 400;
}
.ftlinks a {
font-size: 16px;
color: #262626;
line-height: 24px;
opacity: 0.8;
margin-right: 10px;
float: left;
}
.ftcontact {
width: 300px;
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: 20px;
color: #262626;
line-height: 30px;
}
.ftcontact dl dd {
width: 100%;
height: 36px;
float: left;
line-height: 36px;
font-weight: 400;
font-size: 18px;
color: #262626;
margin-bottom: 24px;
}
.ftcontact dl dd i {
width: 36px;
height: 36px;
float: left;
margin-right: 24px;
}
.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%;
}
.ftcontact dl dd i.fttop4 {
background: url(../images/fttop4.png) no-repeat center center / 100% 100%;
}
.ftmid {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 24px;
margin-top: 48px;
}
.ftnav {
width: 560px;
float: left;
display: flex;
justify-content: space-between;
}
.ftnav dl {
height: auto;
float: left;
}
.ftnav dl dt {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
font-weight: 500;
font-size: 20px;
color: #030720;
line-height: 30px;
}
.ftnav dl dd {
width: 100%;
float: left;
line-height: 24px;
font-weight: 400;
font-size: 18px;
color: #262626;
margin-bottom: 24px;
}
.ftnav dl dd a {
width: 100%;
float: left;
line-height: 24px;
font-weight: 400;
font-size: 18px;
color: #030720;
//opacity: 0.8;
}
.ftnav dl dd a:hover {
color: #00693E;
}
.ftewm {
height: auto;
float: right;
width: 320px;
display: flex;
justify-content: space-between;
}
.ftewm .ftewmpic {
width: 140px;
height: auto;
float: right;
}
.ftewm .ftewmpic:first-child {
margin-right: 20px;
}
.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: #262626;
opacity: 0.8;
font-size: 12px;
text-align: center;
}
.copyright {
width: 100%;
height: auto;
float: left;
font-size: 14px;
color: #FFFFFF;
text-align: center;
line-height: 40px;
background: #00693E;
}
.copyright a {
color: #FFFFFF;
}
.nbanner {
width: 100%;
overflow: hidden;
position: relative;
}
.nbanner img {
width: 100%;
height: auto;
float: left;
}
.position {
width: 100%;
height: auto;
font-size: 14px;
font-weight: 400;
color: #999;
line-height: 20px;
position: absolute;
bottom: 24px;
}
.position a {
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 0 10px;
color: #999999;
}
.position a:last-child {
color: #00693E
}
.position a:hover {
color: #00693E;
}
.jjfa_sidebar {
width: 100%;
height: auto;
float: left;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
}
.jjfa_sidebar ul {
width: 100%;
height: auto;
float: left;
}
.jjfa_sidebar ul li {
float: left;
margin-top: 15px;
margin-right: 90px;
margin-bottom: 16px;
}
.jjfa_sidebar ul li a {
float: left;
font-weight: 400;
font-size: 20px;
color: #262626;
line-height: 29px;
position: relative;
}
.jjfa_sidebar ul li.on a {
color: #00693E;
}
.jjfa_sidebar ul li.on a:after {
content: '';
width: 80px;
height: 2px;
background: #00693E;
border-radius: 0px 0px 0px 0px;
display: block;
position: absolute;
left: 50%;
margin-left: -40px;
bottom: -15px;
}
.jjfa_sidebar ul li a:hover {
color: #00693E;
}
.jjfa_list {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
}
.jjfa_list ul {
width: 100%;
height: auto;
float: left;
}
.jjfa_list ul li {
width: 100%;
height: auto;
float: left;
padding: 24px;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
background: #fff;
margin-bottom: 24px;
}
.jjfa_list ul li a {
width: 100%;
height: 100%;
display: flex;
}
.jjfa_list ul li .picbox {
width: 44.38%;
height: 0;
padding-bottom: 25.14%;
position: relative;
overflow: hidden;
float: right;
}
.jjfa_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.jjfa_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);
}
.jjfa_list ul li .info {
width: 55.62%;
height: auto;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
padding: 0 100px;
}
.jjfa_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #262626;
line-height: 29px;
}
.jjfa_list ul li:hover .info h3 {
color: #00693E;
}
.jjfa_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 28px;
margin-top: 24px;
}
.gdfa {
width: 100%;
overflow: hidden;
background: #FBFBFB;
}
.h2t {
width: 100%;
float: left;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 36px;
}
.h2t h2 {
width: 100%;
float: left;
font-weight: 500;
font-size: 36px;
color: #262626;
line-height: 50px;
margin-bottom: 16px;
}
.h2t h2 i {
color: #00693E;
font-style: normal;
}
.gdfal_list {
width: 100%;
height: auto;
float: left;
}
.gdfal_list ul {
width: 100%;
height: auto;
float: left;
}
.gdfal_list ul li {
width: 23.5%;
height: auto;
float: left;
margin-right: 2%;
margin-bottom: 2%;
background: #FFFFFF;
border-bottom: 2px solid #ffffff;
}
.gdfal_list ul li:hover {
border-bottom: 2px solid #00693E;
}
.gdfal_list ul li:nth-child(4n) {
margin-right: 0
}
.gdfal_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 59.17%;
float: right;
position: relative;
overflow: hidden;
}
.gdfal_list ul li .pb66 {
padding-bottom: 66.66%
}
.gdfal_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.gdfal_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);
}
.gdfal_list ul li .info {
width: 100%;
height: auto;
float: left;
padding: 24px;
}
.gdfal_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #262626;
line-height: 29px;
}
.gdfal_list ul li:hover .info h3 {
color: #00693E;
}
.gdfal_list ul li .info p {
width: 100%;
height: 56px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #999;
line-height: 28px;
text-align: left;
margin-top: 16px;
margin-bottom: 24px;
}
.gdfal_list ul li .info i {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
font-style: normal;
}
.gdfal_list ul li .info i:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.gdfal_list ul li:hover .info i:after {
background: url(../images/amore.png) no-repeat center center / 100% 100%;
}
.fhbox {
width: 100%;
overflow: hidden;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
padding: 48px 0;
}
.fhbox a {
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
display: inline-block;
}
.fhbox a:hover {
color: #00693E;
}
.sidebar {
width: 100%;
height: auto;
float: left;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
}
.sidebar ul {
width: 100%;
height: auto;
float: left;
}
.sidebar ul li {
float: left;
margin-top: 15px;
margin-right: 90px;
margin-bottom: 16px;
}
.sidebar ul li:last-child {
margin-right: 0;
}
.sidebar ul li a {
float: left;
font-weight: 400;
font-size: 20px;
color: #262626;
line-height: 29px;
position: relative;
}
.sidebar ul li.on a {
color: #00693E;
}
.sidebar ul li.on a:after {
content: '';
width: 80px;
height: 2px;
background: #00693E;
border-radius: 0px 0px 0px 0px;
display: block;
position: absolute;
left: 50%;
margin-left: -40px;
bottom: -15px;
}
.sidebar ul li a:hover {
color: #00693E;
}
.pro_list {
width: 100%;
height: auto;
float: left;
}
.pro_list ul {
width: 100%;
height: auto;
float: left;
}
.pro_list ul li {
width: 49%;
height: auto;
float: left;
background: #F5F5F5;
margin-right: 2%;
margin-bottom: 2%;
}
.pro_list ul li:nth-child(2n) {
margin-right: 0;
}
.pro_list ul li a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: row;
}
.pro_list ul li .picbox {
width: 40.46%;
height: 0;
padding-bottom: 35.69%;
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 a: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: 59.55%;
display: flex;
flex-direction: column;
z-index: 1;
justify-content: center;
text-align: left;
padding: 36px 48px;
}
.pro_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: #333333;
line-height: 29px;
}
.pro_list ul li a:hover .info h3 {
color: #00693E;
}
.pro_list ul li .info p {
width: 100%;
height: 90px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #000000;
opacity: 0.8;
line-height: 30px;
margin-top: 16px;
margin-bottom: 36px;
}
.pro_list ul li .info i {
width: 168px;
height: 38px;
border-radius: 19px;
border: 1px solid #999999;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 32px;
text-align: center;
float: left;
margin-top: 9px;
font-style: normal;
}
.pro_list ul li .info i.more:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.pro_list ul li .info i.more.more:hover {
color: #fff;
background: #00693E;
}
.pro_list ul li .info i.more.more:hover:after {
background: url(../images/amoreon.png) no-repeat center center / 100% 100%;
}
.con {
width: 100%;
height: auto;
float: left;
margin-top: 48px;
margin-bottom: 36px;
}
.con p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 24px;
}
.product {
width: 100%;
display: flex;
justify-content: center;
flex-direction: row;
background: #FFFFFF;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
padding: 24px;
}
.product .picbox {
width: 33.28%;
height: 0;
padding-bottom: 22.18%;
float: right;
position: relative;
overflow: hidden;
}
.product .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.product .info {
width: 66.72%;
display: flex;
flex-direction: column;
z-index: 1;
justify-content: center;
text-align: left;
padding: 0 60px;
}
.product .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: #00693E;
line-height: 29px;
}
.product .info p {
width: 100%;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #000000;
opacity: 0.8;
line-height: 30px;
margin-top: 16px;
}
.bgf8 {
background: #FBFBFB;
}
.proqh {
width: 100%;
height: auto;
float: left;
margin-top: 60px;
}
.proqh .tab-hd {
width: 100%;
height: 60px;
background: #F6F6F6;
float: left;
margin-bottom: 36px;
}
.proqh .tab-hd ul {
width: 100%;
height: auto;
float: left;
}

.proqh .tab-hd ul li {
float: left;
position: relative;
width: 14.285%;
text-align: center;
cursor: pointer;
}
.proqh .tab-hd ul li a{
background: #F6F6F6;
font-size: 22px;
color: #666666;
line-height: 60px;
float: left;
position: relative;
display: block;
text-align: center;
width: 100%;
}
.proqh .tab-hd ul li a:before {
content: '';
width: 1px;
height: 36px;
background: #C8C8C8;
position: absolute;
right: 0;
top: 12px;
}
.proqh .tab-hd ul li:last-child a:before {
display: none;
}
.proqh .tab-hd ul li.on a{
background: #00693E;
color: #FFFFFF;
}
.proqh .tab-hd ul li.on a:before {
display: none;
}
.proqh .tab-hd ul li a {
color: #00693E;
}
.proqh .tab-hd ul li.on a {
color: #ffffff;
}
.proqh .tab-bd {
width: 100%;
height: auto;
float: left;
}
.proxq {
width: 100%;
height: auto;
float: left;
background: #FFFFFF;
padding: 24px;
margin-bottom: 16px;
padding-top: 70px;
}
.proxq h2 {
width: 100%;
height: 43px;
margin-bottom: 24px;
float: left;
font-weight: 400;
font-size: 18px;
color: #262626;
line-height: 26px;
border-bottom: 1px solid #E8E8E8;
}
.proxq .procon {
width: 100%;
height: auto;
float: left;
}
.proxq .procon img {
max-width: 100%;
height: auto;
float: left;
}
.proxq .procon>p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #707070;
line-height: 22px;
text-align: left;
margin-bottom: 24px;
}
.proxq .procon .procsb {
width: 100%;
height: auto;
float: left;
}
.proxq .procon .procsb dl {
width: 100%;
height: auto;
float: left;
}
.proxq .procon .procsb dl dt {
width: 100%;
height: 58px;
float: left;
display: flex;
justify-content: space-between;
background: #F2F2F2;
}
.proxq .procon .procsb dl dt span {
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 58px;
float: left;
padding-left: 54px;
}
.proxq .procon .procsb dl dd {
width: 100%;
height: auto;
float: left;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #E8E8E8;
padding: 16px 0;
}
.proxq .procon .procsb dl dd span {
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 22px;
padding-left: 54px;
}
.proxq .procon .procsb dl span:nth-child(1) {
width: 144px;
}
.proxq .procon .procsb dl span:nth-child(2) {
width: 215px;
}
.proxq .procon .procsb dl span:nth-child(3) {
width: 142px;
}
.proxq .procon .procsb dl span:nth-child(4) {
width: 153px;
}
.proxq .procon .procsb dl span:nth-child(5) {
width: 250px;
}
.proxq .procon .procsb dl span:nth-child(6) {
width: 180px;
}




.cpys_list {
width: 100%;
height: auto;
float: left;
margin-top: 16px;
}
.cpys_list ul {
width: 100%;
height: auto;
float: left;
}
.cpys_list ul li {
width: 49%;
height: auto;
background: #FBFBFB;
margin-bottom: 2%;
float: left;
padding: 24px;
}
.cpys_list ul li:nth-child(2n) {
float: right;
}
.cpys_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
margin-bottom: 10px;
}
.cpys_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 24px;
}
.jscs_list {
width: 100%;
height: auto;
float: left;
}
.jscs_list ul {
width: 100%;
height: auto;
float: left;
}
.jscs_list ul li {
width: 100%;
height: auto;
float: left;
padding: 15px 36px;
}
.jscs_list ul li i.jscs {
width: 32px;
height: 34px;
background: url(../images/ijscs.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
float: left;
margin-right: 24px;
}
.jscs_list ul li h3 {
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 34px;
}
.jscs_list ul li .fr {
float: right;
font-size: 16px;
color: #C8C8C8;
line-height: 34px;
}
.jscs_list ul li a.ck {
font-weight: 400;
font-size: 16px;
color: #00693E;
line-height: 34px;
display: inline-block;
margin-right: 24px;
}
.jscs_list ul li a.down {
font-weight: 400;
font-size: 16px;
color: #00693E;
line-height: 34px;
display: inline-block;
margin-left: 24px;
}
.jscs_list ul li a.ck:after {
content: "";
width: 12px;
height: 12px;
background: url(../images/ick.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.jscs_list ul li a.down:after {
content: "";
width: 12px;
height: 12px;
background: url(../images/idown.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.ptcp_list {
width: 100%;
height: auto;
float: left;
}
.ptcp_list ul {
width: 100%;
height: auto;
float: left;
}
.ptcp_list ul li {
width: 32%;
height: auto;
float: left;
margin-right: 2%;
margin-bottom: 2%;
background: #FFFFFF;
border-bottom: 2px solid #ffffff;
}
.ptcp_list ul li:hover {
border-bottom: 2px solid #00693E;
}
.ptcp_list ul li:nth-child(3n) {
margin-right: 0
}
.ptcp_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 59.17%;
float: right;
position: relative;
overflow: hidden;
}
.ptcp_list ul li .pb66 {
padding-bottom: 66.66%
}
.ptcp_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ptcp_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);
}
.ptcp_list ul li .info {
width: 100%;
height: auto;
float: left;
padding: 24px;
}
.ptcp_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #262626;
line-height: 29px;
}
.ptcp_list ul li:hover .info h3 {
color: #00693E;
}
.ptcp_list ul li .info p {
width: 100%;
height: 56px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 28px;
text-align: left;
margin-top: 16px;
margin-bottom: 24px;
}
.ptcp_list ul li .info i {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
font-style: normal;
}
.ptcp_list ul li .info i:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.ptcp_list ul li:hover .info i:after {
background: url(../images/amore.png) no-repeat center center / 100% 100%;
}
.proyyfw_list {
width: 100%;
height: auto;
float: left;
}
.proyyfw_list ul {
width: 100%;
height: auto;
float: left;
}
.proyyfw_list ul li {
width: 32%;
height: auto;
float: left;
margin-right: 2%;
margin-bottom: 2%;
}
.proyyfw_list ul li:nth-child(3n) {
margin-right: 0
}
.proyyfw_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 68.18%;
float: right;
position: relative;
overflow: hidden;
border-radius: 10px;
}
.proyyfw_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.proyyfw_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);
}
.proyyfw_list ul li h3 {
width: 100%;
height: auto;
float: left;
height: 36px;
border: 1px solid #E8E8E8;
text-align: center;
font-weight: 400;
font-size: 18px;
color: #262626;
line-height: 36px;
border-radius: 18px 18px 18px 18px;
margin-top: 10px;
}
.proyyfw_list ul li:hover h3 {
border: 1px solid #00693E;
color: #00693E;
}
.projjal_list {
width: 100%;
height: auto;
float: left;
}
.projjal_list ul {
width: 100%;
height: auto;
float: left;
}
.projjal_list ul li {
width: 49%;
height: auto;
float: left;
margin-right: 2%;
background: #ffffff;
overflow: hidden;
margin-bottom: 2%;
box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
}
.projjal_list ul li:nth-child(2n) {
margin-right: 0
}
.projjal_list ul li .picbox {
width: 418px;
height: 300px;
float: left;
position: relative;
overflow: hidden;
}
.projjal_list ul li .picbox img {
width: 100%;
height: 100%;
}
.projjal_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);
}
.projjal_list ul li .info {
width: calc(100% - 418px);
height: auto;
float: right;
padding: 36px 24px;
}
.projjal_list ul li .info h3 {
width: 100%;
height: 26px;
overflow: hidden;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
}
.projjal_list ul li .info p {
width: 100%;
height: 144px;
float: left;
overflow: hidden;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 24px;
margin-top: 15px;
margin-bottom: 15px;
}
.projjal_list ul li .info i {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
font-style: normal;
}
.projjal_list ul li .info i:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.projjal_list ul li:hover .info i:after {
background: url(../images/amoreonb.png) no-repeat center center / 100% 100%;
}
.projjal_list ul li:hover .info h3 {
color: #00693E;
}
.projjal_list ul li:hover .info i {
color: #00693E;
}
.clfff {
color: #fff;
}
.fwzc_list {
width: 100%;
height: auto;
float: left;
margin-top: 60px;
}
.fwzc_list ul {
width: 100%;
height: auto;
float: left;
}
.fwzc_list ul li {
width: 49%;
height: auto;
float: left;
margin-right: 2%;
background: #F8F8F8;
overflow: hidden;
margin-bottom: 2%;
border-radius: 10px 10px 10px 10px;
}
.fwzc_list ul li a {
width: 100%;
height: 100%;
display: flex;
}
.fwzc_list ul li:nth-child(2n) {
margin-right: 0
}
.fwzc_list ul li .picbox {
width: 284px;
height: 320px;
float: left;
position: relative;
overflow: hidden;
border-radius: 10px 10px 10px 10px;
}
.fwzc_list ul li .picbox img {
width: 100%;
height: 100%;
}
.fwzc_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);
}
.fwzc_list ul li .info {
width: calc(100% - 284px);
height: auto;
float: right;
padding: 36px 24px;
background: #F2F2F2;
}
.fwzc_list ul li .info h3 {
width: 100%;
height: 26px;
overflow: hidden;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
margin-top: 24px;
}
.fwzc_list ul li .info p {
width: 100%;
height: 72px;
float: left;
overflow: hidden;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 24px;
margin-top: 24px;
margin-bottom: 50px;
}
.fwzc_list ul li .info i {
width: 60px;
height: 60px;
border-radius: 60px;
float: right;
}
.fwzc_list ul li .info i.fwzc_1 {
background: url(../images/fwzc_1.png) no-repeat center center / 100% 100%;
}
.fwzc_list ul li .info i.fwzc_2 {
background: url(../images/fwzc_2.png) no-repeat center center / 100% 100%;
}
.fwzc_list ul li .info i.fwzc_3 {
background: url(../images/fwzc_3.png) no-repeat center center / 100% 100%;
}
.fwzc_list ul li .info i.fwzc_4 {
background: url(../images/fwzc_4.png) no-repeat center center / 100% 100%;
}
.fwzc_list ul li .info i.fwzc_5 {
background: url(../images/fwzc_5.png) no-repeat center center / 100% 100%;
}
.fwzc_list ul li .info i.fwzc_6 {
background: url(../images/fwzc_6.png) no-repeat center center / 100% 100%;
}
.tg_page {
float: left;
overflow: hidden;
margin-bottom: 24px;
margin-top: 36px;
text-align: center;
width: 100%;
}
.tg_page li {
display: inline-block;
}
.tg_page li a {
border: 1px solid #E8E8E8;
display: inline-block;
height: 34px;
line-height: 34px;
margin-left: 5px;
padding-left: 13px;
padding-right: 13px;
border-radius: 4px 4px 4px 4px;
font-size: 14px;
color: #999999;
}
.tg_page li span {
border: 1px solid #E8E8E8;
display: inline-block;
height: 34px;
line-height: 34px;
margin-left: 5px;
padding-left: 13px;
padding-right: 13px;
border-radius: 4px 4px 4px 4px;
font-size: 14px;
color: #999999;
}
.tg_page li.thisclass a {
background: #00693E;
border: 1px solid #00693E;
color: #ffffff;
}
.tg_page li a:hover {
background: #00693E;
border: 1px solid #00693E;
color: #ffffff;
}
.case_select {
width: 100%;
height: auto;
float: left;
padding: 24px 38px;
background: #FBFBFB;
}
.case_select ul {
width: 100%;
height: auto;
float: left;
}
.case_select ul li {
width: 100%;
height: auto;
float: left;
padding: 25px 0;
border-bottom: 1px solid #E8E8E8;
}
.case_select ul li:last-child {
border-bottom: 0 none;
}
.case_select ul li h3 {
width: 126px;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 24px;
}
.case_select ul li .item {
width: calc(100% - 126px);
height: auto;
float: left;
}
.case_select ul li .item a {
float: left;
margin-right: 26px;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 24px;
}
.case_select ul li .item a.on {
color: #00693E;
}
.case_select ul li .item a:hover {
color: #00693E;
}
.case_select ul li .item a:before {
content: '';
width: 18px;
height: 18px;
margin-top: 3px;
float: left;
margin-right: 10px;
border-radius: 2px 2px 2px 2px;
border: 1px solid #C8C8C8;
}
.case_select ul li .item a.on:before {
color: #00693E;
background: #00693E;
border: 1px solid #00693E;
}
.case_select ul li .item a:hover:before {
color: #00693E;
border: 1px solid #00693E;
}
.case_list {
width: 100%;
height: auto;
float: left;
}
.case_list ul {
width: 100%;
height: auto;
float: left;
}
.case_list ul li {
width: 23.5%;
height: auto;
float: left;
margin-right: 2%;
margin-bottom: 2%;
background: #FFFFFF;
border-bottom: 2px solid #ffffff;
}
.case_list ul li:hover {
border-bottom: 2px solid #00693E;
}
.case_list ul li:nth-child(4n) {
margin-right: 0
}
.case_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 108.43%;
float: right;
position: relative;
overflow: hidden;
}
.case_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.case_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);
}
.case_list ul li .info {
width: 100%;
height: auto;
float: left;
padding: 24px;
}
.case_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #262626;
line-height: 29px;
}
.case_list ul li:hover .info h3 {
color: #00693E;
}
.case_list ul li .info p {
width: 100%;
height: 56px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 28px;
text-align: left;
margin-top: 16px;
margin-bottom: 24px;
}
.case_list ul li .info i {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
font-style: normal;
}
.case_list ul li .info i:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.case_list ul li:hover .info i {
color: #00693E;
}
.case_list ul li:hover .info i:after {
background: url(../images/amoreonb.png) no-repeat center center / 100% 100%;
}
.bgfff {
background: #fff;
}
.case_box {
width: 100%;
height: auto;
float: left;
margin-top: 60px;
}
.case_box h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
margin-bottom: 24px;
}
.case_box p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 28px;
text-align: left;
}
.case_box .info {
width: 100%;
height: auto;
float: left;
margin-top: 24px;
margin-bottom: 36px;
}
.case_box .info span {
margin-right: 48px;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
}
.case_box .df {
width: 100%;
float: left;
display: flex;
}
.case_box .case_img {
width: 750px;
height: auto;
float: left;
}
.case_box .case_img img {
width: 100%;
height: auto;
float: left;
}
.case_box .case_info {
width: 650px;
height: auto;
float: left;
background: #FBFBFB;
padding: 42px 60px;
}
.case_box .case_info ul {
width: 100%;
height: auto;
float: left;
}
.case_box .case_info ul li {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #E8E8E8;
padding: 13px 24px;
}
.case_box .case_info ul li:last-child {
border-bottom: 0;
}
.case_box .case_info ul li span {
width: 50%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 24px;
}
.prene {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 24px;
margin-top: 36px;
}
.prene a {
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 24px;
display: inline-block;
}
.prene a:hover {
color: #00693E;
}
.news_sidebar {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 37px;
}
.news_sidebar ul {
width: 100%;
height: auto;
float: left;
}
.news_sidebar ul li {
height: auto;
float: left;
margin-right: 80px;
}
.news_sidebar ul li a {
height: 50px;
font-weight: 400;
font-size: 24px;
color: #999999;
line-height: 50px;
float: left;
}
.news_sidebar ul li.on a {
color: #00693E;
border-bottom: 2px solid #00693E;
}
.news_sidebar ul li:hover a {
color: #00693E;
border-bottom: 2px solid #00693E;
}
.news_list {
width: 100%;
height: auto;
float: left;
}
.news_list ul {
width: 100%;
height: auto;
float: left;
}
.news_list ul li {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #E8E8E8;
margin-bottom: 36px;
}
.news_list ul li .picbox {
width: 320px;
height: 188px;
float: left;
position: relative;
overflow: hidden;
margin-bottom: 36px;
}
.news_list ul li .picbox img {
width: 100%;
height: 100%;
}
.news_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);
}
.news_list ul li .info {
width: calc(100% - 320px);
height: auto;
float: left;
padding-left: 36px;
}
.news_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
}
.news_list ul li .info span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #C8C8C8;
line-height: 20px;
margin-top: 16px;
margin-bottom: 16px;
}
.news_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 28px;
margin-bottom: 24px;
}
.news_list ul li .info i {
width: 136px;
height: 34px;
border-radius: 17px 17px 17px 17px;
border: 1px solid #C8C8C8;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 34px;
font-style: normal;
text-align: center;
}
.news_list ul li .info i:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.news_list ul li:hover .info i {
color: #fff;
background: #00693E;
border: 1px solid #00693E;
}
.news_list ul li:hover .info i:after {
background: url(../images/amoreon.png) no-repeat center center / 100% 100%;
}
.news_list ul li:hover .info h3 {
color: #00693E;
}
.news_subbar {
width: 100%;
height: auto;
float: left;
font-size: 16px;
color: #999;
line-height: 30px;
margin-bottom: 36px;
}
.news_subbar a {
height: 30px;
border-radius: 19px 19px 19px 19px;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 30px;
display: inline-block;
}
.news_subbar a.on {
background: #00693E;
color: #fff;
padding: 0 24px;
}
.news_subbar a:hover {
color: #00693E;
}
.pright {
width: 456px;
float: right;
margin-top: 60px;
background: #FBFBFB;
padding: 36px;
}
.pleft {
width: 920px;
height: auto;
float: left;
margin-top: 60px;
}
.article {
width: 100%;
height: auto;
float: left;
background: #FBFBFB;
border-radius: 10px 10px 10px 10px;
border: 1px solid #FBFBFB;
padding: 36px;
}
.article h1 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
}
.article .info {
width: 100%;
height: auto;
float: left;
margin-top: 16px;
margin-bottom: 36px;
}
.article .info span {
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 28px;
}
.article .content {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 28px;
}
.article .content img {
max-width: 100%;
height: auto;
float: left;
}
.article .content p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
margin: 10px 0;
line-height: 28px;
}
.article .share {
width: 100%;
height: auto;
float: left;
margin-top: 50px;
}
.article .share a {
width: auto;
height: 36px;
line-height: 36px;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
padding-left: 52px;
margin-right: 59px;
}
.article .share .copy {
background: url(../images/copy.png) no-repeat left center;
}
.article .share .wx {
background: url(../images/wx.png) no-repeat left center;
}
.article .share a:hover {
color: #00693E;
}
.pleft .prene {
width: 100%;
height: auto;
float: left;
line-height: 48px;
margin-top: 16px;
}
.pleft .prene a {
width: 49%;
height: 48px;
line-height: 48px;
display: inline-block;
}
.pleft .prene a:hover {
color: #00693E;
}
.prene .fl,
.prene .fr {
padding-left: 36px;
display: flex;
width: 49%;
background: #FBFBFB;
border-radius: 10px 10px 10px 10px;
border: 1px solid #FBFBFB;
}
.gdnews {
width: 100%;
height: auto;
float: left;
}
.gdnews h2 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #262626;
line-height: 50px;
}
.gdnews_list {
width: 100%;
height: auto;
float: left;
}
.gdnews_list ul {
width: 100%;
height: auto;
float: left;
}
.gdnews_list ul li {
width: 100%;
height: auto;
float: left;
margin-bottom: 36px;
border-top: 1px solid #E8E8E8;
}
.gdnews_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 24px;
margin-top: 34px;
}
.gdnews_list ul li p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
margin-top: 16px;
}
.gdnews_list ul li span {
margin-right: 24px;
float: left;
}
.gdnews_list ul li:hover h3 {
color: #00693E;
}
.ze_dsz {
width: 100%;
height: auto;
float: left;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
padding: 24px;
margin-top: 60px;
margin-bottom: 84px;
}
.ze_dsz .picbox {
width: 350px;
height: 400px;
float: left;
}
.ze_dsz .picbox img {
width: 100%;
height: auto;
float: left;
}
.ze_dsz .info {
width: calc(100% - 350px);
height: auto;
float: left;
padding-left: 60px;
padding-right: 36px;
}
.ze_dsz .info .name {
padding: 0 48px;
float: left;
font-weight: 500;
font-size: 20px;
color: #262626;
line-height: 60px;
margin-top: 26px;
background: #FFFFFF;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
border-radius: 30px 30px 30px 30px;
}
.ze_dsz .info .name h3 {
font-weight: 500;
font-size: 24px;
color: #00693E;
line-height: 60px;
margin-right: 60px;
display: inline-block;vertical-align: middle;

}
.ze_dsz .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 28px;
margin-top: 36px;
}
.zeren {
width: 100%;
overflow: hidden;
background: url(../images/ze_bg.png) no-repeat center center / 100% 100%;
padding: 60px 0;
}
.ze_list {
width: 100%;
height: auto;
float: left;
}
.ze_list ul {
width: 100%;
height: auto;
float: left;
}
.ze_list ul li {
width: 25%;
height: auto;
float: left;
display: flex;
flex-direction: column;
justify-content: center;
background: rgba(255, 255, 255, 0.1);
align-items: center;
padding: 60px 36px;
border-right: 1px solid rgba(255, 255, 255, 0.45);
border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.ze_list ul li:nth-child(5),
.ze_list ul li:nth-child(6),
.ze_list ul li:nth-child(7),
.ze_list ul li:nth-child(8) {
border-bottom: 0 none;
}
.ze_list ul li:nth-child(4n) {
border-right: 0 none;
}
.ze_list ul li i {
width: 110px;
height: 110px;
float: left;
}
.ze_list ul li i.ze1 {
background: url(../images/ze1.png) no-repeat center center / 100% 100%;
}
.ze_list ul li i.ze2 {
background: url(../images/ze2.png) no-repeat center center / 100% 100%;
}
.ze_list ul li i.ze3 {
background: url(../images/ze3.png) no-repeat center center / 100% 100%;
}
.ze_list ul li i.ze4 {
background: url(../images/ze4.png) no-repeat center center / 100% 100%;
}
.ze_list ul li i.ze5 {
background: url(../images/ze5.png) no-repeat center center / 100% 100%;
}
.ze_list ul li i.ze6 {
background: url(../images/ze6.png) no-repeat center center / 100% 100%;
}
.ze_list ul li i.ze7 {
background: url(../images/ze7.png) no-repeat center center / 100% 100%;
}
.ze_list ul li i.ze8 {
background: url(../images/ze8.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover {
background: #fff;
}
.ze_list ul li:hover i.ze1 {
background: url(../images/ze1on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover i.ze2 {
background: url(../images/ze2on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover i.ze3 {
background: url(../images/ze3on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover i.ze4 {
background: url(../images/ze4on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover i.ze5 {
background: url(../images/ze5on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover i.ze6 {
background: url(../images/ze6on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover i.ze7 {
background: url(../images/ze7on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li:hover i.ze8 {
background: url(../images/ze8on.png) no-repeat center center / 100% 100%;
}
.ze_list ul li h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 20px;
color: #FFFFFF;
line-height: 28px;
margin-top: 36px;
margin-bottom: 24px;
text-align: center;
}
.ze_list ul li p {
width: 100%;
height: 56px;
overflow: hidden;
float: left;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
line-height: 28px;
text-align: center;
}
.ze_list ul li:hover h3 {
color: #00693E;
}
.ze_list ul li:hover p {
color: #262626;
opacity: 0.8
}
.zzry_list {
width: 100%;
height: auto;
float: left;
}
.zzry_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.zzry_list ul li {
width: 30.42%;
height: auto;
float: left;
margin-bottom: 60px;
}
.zzry_list ul li.four {
width: 21.78%;
}
.zzry_list ul li:nth-child(3n) {
margin-right: 0
}
.zzry_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 72.76%;
float: right;
position: relative;
overflow: hidden;
margin-bottom: 24px;
}
.zzry_list ul li.four .picbox {
padding-bottom: 130.49%;
}
.zzry_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.zzry_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);
}
.zzry_list ul li h3 {
width: 100%;
height: auto;
float: left;
height: 40px;
background: #FFFFFF;
border-radius: 20px 20px 20px 20px;
border: 1px solid #00693E;
font-weight: 400;
font-size: 18px;
color: #262626;
line-height: 38px;
text-align: center;
}
.lx_list {
width: 100%;
height: auto;
float: left;
}
.lx_list ul {
width: 100%;
height: auto;
float: left;
}
.lx_list ul li {
width: 49%;
height: auto;
float: left;
position: relative;
}
.lx_list ul li:nth-child(2n) {
float: right;
}
.lx_list ul li .picbox {
width: 100%;
height: 0;
padding-bottom: 29.06%;
float: right;
position: relative;
overflow: hidden;
margin-bottom: 24px;
}
.lx_list ul li .picbox img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.lx_list ul li .info {
width: 354px;
height: calc(100% - 48px);
float: left;
background: rgba(255, 255, 255, 0.65);
position: absolute;
right: 12px;
top: 12px;
padding: 24px;
}
.lx_list ul li .info h3 {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 20px;
color: #262626;
line-height: 30px;
margin-bottom: 10px;
}
.lx_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 28px;
}
.lxwm {
width: 100%;
overflow: hidden;
background: #FBFBFB;
}
.lxwm_box {
width: 100%;
height: auto;
float: left;
background: #FFFFFF;
box-shadow: 0px 6px 10px 1px rgba(0, 0, 0, 0.1);
padding: 60px 80px;
display: flex;
justify-content: space-between;
}
.lxwm_box dl {
float: left;
}
.mt48 {
margin-top: 48px;
}
.w1 {
width: 640px;
}
.w2 {
width: 452px;
}
.lxwm_box dl dt {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #262626;
line-height: 35px;
}
.lxwm_box dl dd {
width: 100%;
height: auto;
float: left;
border-bottom: 1px solid #E8E8E8;
display: flex;
align-items: center;
}
.lxwm_box dl dd i {
width: 36px;
height: 36px;
float: left;
margin-right: 24px;
}
.lxwm_box dl dd i.lxwm1 {
background: url(../images/lxwm1.png) no-repeat center center / 100% 100%;
}
.lxwm_box dl dd i.lxwm2 {
background: url(../images/lxwm2.png) no-repeat center center / 100% 100%;
}
.lxwm_box dl dd i.lxwm3 {
background: url(../images/lxwm3.png) no-repeat center center / 100% 100%;
}
.lxwm_box dl dd p {
float: left;
margin-bottom: 48px;
margin-top: 48px;
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 30px;
}
.lxwm_box dl dd p span {
color: #262626;
margin-top: 5px;
}
.lxwm_box dl .item {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 30px;
margin-bottom: 24px;
}
.lxwm_box dl .item span {
color: #262626;
}
.lxewm {
height: auto;
float: right;
margin-top: 12px;
display: flex;
justify-content: space-between;
}
.lxewm .lxewmpic {
width: 206px;
height: auto;
float: right;
padding: 4px;
border: 1px solid #E8E8E8;
border-radius: 10px 10px 10px 10px;
background: #FFFFFF;
}
.lxewm .lxewmpic:first-child {
margin-right: 24px;
}
.lxewm .lxewmpic img {
width: 100%;
height: auto;
float: left;
}
.lxewm .lxewmpic span {
width: 100%;
height: auto;
float: left;
margin-top: 16px;
line-height: 18px;
color: #262626;
opacity: 0.8;
font-size: 12px;
text-align: center;
}
.about {
width: 100%;
overflow: hidden;
background: url(../images/about_bg.png) no-repeat center center / 100% 100%;
padding: 80px 0;
}
.about_con {
width: 100%;
height: auto;
float: left;
padding: 60px;
background: url(../images/about_conbg.png) no-repeat center center / 100% 100%;
border-radius: 10px 10px 10px 10px;
box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
padding-right: 620px;
}
.about_con h3 {
width: 100%;
height: auto;
float: left;
font-weight: 500;
font-size: 24px;
color: #262626;
line-height: 35px;
margin-bottom: 24px;
}
.about_con p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 30px;
margin: 12px 0;
}
.fzlc {
width: 100%;
overflow: hidden;
padding-top: 80px;
}
.fzlc_list {
width: 100%;
height: auto;
float: left;
}
.fzlc_list ul {
width: 100%;
height: auto;
float: left;
}
.fzlc_list ul li {
width: 100%;
height: 264px;
float: left;
display: flex;
justify-content: center;
cursor: pointer;
}
.fzlc_list ul li .info {
width: 669px;
height: auto;
float: left;
}
.fzlc_list ul li .info .date {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #666666;
line-height: 30px;
}
.fzlc_list ul li:hover .info .date {
color: #00693E;
}
.fzlc_list ul li .info span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 18px;
color: #666666;
line-height: 30px;
margin-top: 16px;
margin-bottom: 10px;
}
.fzlc_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #999999;
line-height: 30px;
}
.fzlc_list ul li .picbox {
width: 360px;
height: 184px;
float: left;
margin-top: 15px;
}
.fzlc_list ul li .picbox img {
width: 100%;
height: 100%;
float: left;
}
.fzlc_list ul li:nth-child(2n) {
background: url(../images/fzlc_l2.png) no-repeat center top;
}
.fzlc_list ul li:nth-child(2n+1) {
background: url(../images/fzlc_l1.png) no-repeat center top;
}
.fzlc_list ul li:nth-child(2n):hover {
background: url(../images/fzlc_l2on.png) no-repeat center top;
}
.fzlc_list ul li:nth-child(2n+1):hover {
background: url(../images/fzlc_l1on.png) no-repeat center top;
}
.fzlc_list ul li:nth-child(2n) .picbox {
margin-right: 35px;
margin-left: 301px;
}
.fzlc_list ul li:nth-child(2n+1) .picbox {
margin-left: 35px;
margin-right: 301px;
}
.fzlc_list ul li:nth-child(2n) .info {
margin-left: 35px;
text-align: left;
}
.fzlc_list ul li:nth-child(2n+1) .info {
margin-right: 35px;
text-align: right;
}
.w100p {
width: 100%;
}
.bb0 {
border-bottom: 0;
}
.qywh {
width: 100%;
overflow: hidden;
background: #FBFBFB;
padding-top: 80px;
padding-bottom: 46px;
}
.qywh_list {
width: 100%;
height: auto;
float: left;
}
.qywh_list ul {
width: 100%;
height: auto;
float: left;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.qywh_list ul li {
width: 32.5%;
height: auto;
float: left;
padding: 36px 48px;
display: flex;
background: #FFFFFF;
justify-content: space-between;
margin-bottom: 2%;
}
.qywh_list ul li.two {
width: 49%;
}
.qywh_list ul li .info {
width: auto;
height: auto;
float: left;
}
.qywh_list ul li .info span {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 24px;
color: #262626;
line-height: 30px;
}
.qywh_list ul li .info p {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 16px;
color: #262626;
line-height: 24px;
margin-top: 16px;
}
.qywh_list ul li i {
width: 60px;
height: 60px;
float: left;
}
.qywh_list ul li i.qywh1 {
background: url(../images/qywh1.png) no-repeat center center / 100% 100%;
}
.qywh_list ul li i.qywh2 {
background: url(../images/qywh2.png) no-repeat center center / 100% 100%;
}
.qywh_list ul li i.qywh3 {
background: url(../images/qywh3.png) no-repeat center center / 100% 100%;
}
.qywh_list ul li i.qywh4 {
background: url(../images/qywh4.png) no-repeat center center / 100% 100%;
}
.qywh_list ul li i.qywh5 {
background: url(../images/qywh5.png) no-repeat center center / 100% 100%;
}
.yzal {
width: 100%;
overflow: hidden;
}
.yzalqh {
width: 100%;
height: auto;
float: left;
position: relative;
}
.yzalqh .tab-hd {
width: 100%;
height: auto;
float: left;
margin-bottom: 80px;
}
.yzalqh .tab-hd h2 {
float: left;
font-weight: 500;
font-size: 36px;
color: #262626;
line-height: 50px;
}
.yzalqh .tab-hd i {
color: #00693E;
font-style: normal;
}
.yzalqh .tab-hd ul {
float: right;
}
.yzalqh .tab-hd ul li {
margin-left: 80px;
height: 47px;
float: left;
font-weight: 400;
font-size: 20px;
color: #999999;
line-height: 30px;
cursor: pointer;
}
.yzalqh .tab-hd ul li.on {
color: #00693E;
border-bottom: 2px solid #00693E;
}
.yzalqh .tab-hd .arrow {
width: 100%;
height: auto;
float: left;
text-align: center;
position: absolute;
bottom: 0;
display: flex;
justify-content: center;
}
.yzalqh .tab-hd .arrow a {
width: 104px;
height: 34px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
display: inline-block;
margin: 0 5px;
font-weight: 400;
font-size: 14px;
color: #999999;
cursor: pointer;
line-height: 32px;
}
.yzalqh .tab-hd .arrow a:hover {
color: #00693E;
border: 1px solid #00693E;
}
.yzalqh .tab-hd .arrow .next {
width: 74px;
height: 34px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
display: inline-block;
font-size: 20px;
line-height: 32px;
}
.yzalqh .tab-hd .arrow .prev {
width: 74px;
height: 34px;
border-radius: 4px 4px 4px 4px;
border: 1px solid #E8E8E8;
display: inline-block;
font-size: 20px;
line-height: 32px;
}
.yzalqh .tab-bd {
width: 100%;
height: auto;
float: left;
margin-bottom: 50px;
}
.yzal_list {
width: 100%;
height: auto;
float: left;
}
.yzal_list ul {
width: 100%;
height: auto;
float: left;
}
.yzal_list ul li {
width: 49%;
height: auto;
float: left;
margin-right: 2%;
background: #ffffff;
overflow: hidden;
margin-bottom: 2%;
box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
}
.yzal_list ul li:nth-child(2n) {
margin-right: 0
}
.yzal_list ul li .picbox {
width: 418px;
height: 300px;
float: left;
position: relative;
overflow: hidden;
}
.yzal_list ul li .picbox img {
width: 100%;
height: 100%;
}
.yzal_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);
}
.yzal_list ul li .info {
width: calc(100% - 418px);
height: auto;
float: right;
padding: 36px 24px;
}
.yzal_list ul li .info h3 {
width: 100%;
height: 26px;
overflow: hidden;
float: left;
font-weight: 500;
font-size: 18px;
color: #262626;
line-height: 26px;
}
.yzal_list ul li .info p {
width: 100%;
height: 144px;
float: left;
overflow: hidden;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 24px;
margin-top: 15px;
margin-bottom: 15px;
}
.yzal_list ul li .info i {
width: 100%;
height: auto;
float: left;
font-weight: 400;
font-size: 14px;
color: #999999;
line-height: 20px;
font-style: normal;
}
.yzal_list ul li .info i:after {
content: "";
width: 22px;
height: 6px;
background: url(../images/amore.png) no-repeat center center / 100% 100%;
display: inline-block;
vertical-align: middle;
margin-left: 16px;
margin-top: -4px;
}
.yzal_list ul li:hover .info i:after {
background: url(../images/amoreonb.png) no-repeat center center / 100% 100%;
}
.yzal_list ul li:hover .info h3 {
color: #00693E;
}
.yzal_list ul li:hover .info i {
color: #00693E;
}
.numgd {
width: 100%;
overflow: hidden;
background: url(../images/numgd.png) no-repeat center center / 100% 100%;
margin-top: 80px;
}
.num-figure {
width: 100%;
height: auto;
text-align: center;
float: left;
padding: 48px 0;
}
.num-figure .row {
display: flex;
justify-content: space-between;
flex-direction: row;
}
.num-figure .row>li {
display: flex;
justify-content: center;
flex-direction: column;
}
.num-change {}
.num-change li:nth-child(1) {
height: 52px;
line-height: 52px;
font-size: 16px;
color: #ffffff;
}
.num-change li:nth-child(1) span {
font-size: 36px;
color: #ffffff;
font-weight: 500;
height: 42px;
display: inline-block;
line-height: 42px;
margin-right: 8px;
font-family: 'SYBold';
}
.num-change li:nth-child(2) {
text-align: center;
font-size: 20px;
color: #ffffff;
line-height: 29px;
margin-top: 16px;
font-family: 'Medium';
}