*{
padding: 0;
margin: 0;
}
body,html{
width: 100%;
height: 100%
}
i{ font-style:normal};
a:visited{
text-decoration: none;
cursor: pointer;
}
a:link{
text-decoration: none;
cursor: pointer;
}
a:active{
text-decoration: none;
cursor: pointer;
}
a{
text-decoration: none;
cursor: pointer;
}
a:hover {
text-decoration: none;
cursor: pointer;
}
a {
text-decoration: none;
}
ul li{
list-style: none;
}
li{
list-style: none;
}
.w1600 {
width: 1600px;
margin:0 auto;
}
.w1400 {
width: 1400px;
margin:0 auto;
}
.w1200 {
width: 1200px;
margin:0 auto
}
.logo_wap {
display: none;
}
.wap_headlist {
display: none;
}
.wap-cpzs {
display: none;
}
.news {
display: block;
}
.wap-news {
display: none;
}
.wap-zmkh {
display: none;
}
.pc-db {
width: 100%;
background: #313131;
}
.header-slb {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
height: 45px;
}
.header-slb li {
color: #fff;
font-size: 15px;
}
.header-slb li:nth-child(2) {
margin-right: 2%;
}
.header-slb li img {
margin-left: 10px;
margin-right: 10px;
position: relative;
top: 2px;
}
.header {
width: 100%;
overflow: hidden;
}
.header-wz {
width: 100%;
display: flex;
justify-content: space-between;
}
.sylogo {
width: 40%;
float: left;
}
.header-dh {
width: 60%;
float: right;
display: flex;
align-items: center;
justify-content: flex-end;
}
.header-dh li {
height: 100%;
float: left;
width: 12%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.header-dh li a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #333333;
}
.header-dh a.active {
color: #5ba33f;
}
.header-dh a:hover {
color: #5ba33f;
}
.header-dh li.active {
background-image: url(../img/nav.png);
background-size: contain;
}
.header-dh li:hover {
background-image: url(../img/nav.png);
background-size: contain;
}
.banner {
width: 100%;
overflow: hidden;
}
.banner-img {
width: 100%;
}
.banner-img img {
width: 100%;
display: flex;
}
.swiper-banner-an .swiper-pagination-bullet {
width: 15px;
height: 15px;
border-radius: 0;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px;
background:#5ba33f;
}
.cpzs {
width: 100%;
overflow: hidden;
background-image: url(../img/cpbj.jpg);
background-size: 100% 100%;
}
.cpzs-1 {
width: 100%;
overflow: hidden;
padding: 80px 0 30px;
display: flex;
justify-content: center;
align-items: center;
}
.cpzs-list {
width: 25%;
text-align: center;
}
.cpzs-list h3 {
font-size: 32px;
font-weight: 400;
color: #333;
}
.cpzs-list p {
color: #c3c4c4;
font-size: 14px;
line-height: 1.5;
}
.cpzs-list span {
color: #c3c4c4;
font-size: 16px;
}
.yys-cp {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.yys-cp1 {
width: 90%;
}
.yys-cp1 ul {
display: flex;
justify-content: space-between;
}
.yys-cp11 ul {
display: inherit;
}
.yys-cp1 ul li {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.yys-cp11 ul li {
display: inherit;
float:left;
margin-top:5px;
}
.yys-cp1 ul li.active {
background: #005aba;
}
.yys-cp1 ul li:hover {
background: #005aba;
}
.yys-cp1 ul li a {
height: 50px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
color: #666666;
}
.yys-cp1 ul li a:hover {
color: #fff;
}
.yys-cp1 ul li a.active {
color: #fff;
}
.yys-cp2 {
width: 10%;
display: flex;
justify-content: flex-end;
align-items: center;
}
.yys-cp2 a {
color: #5ba33f;
font-size: 16px;
}
.cpzs-img {
width: 100%;
overflow: hidden;
padding: 30px 0 60px;
}
.cpzs-img ul {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.cpzs-img ul li {
width: 24%;
float: left;
position: relative;
border: 1px solid #d8d8d8;
text-align: center;
display: flex;
justify-content: center;
background: #ffffff;
margin-top: 15px;
}
.cpzs-img ul li img {
padding:30px 0 0px;
display: inline-block;
height: 250px;
max-width: 100%;
}
.cpzs-img ul li p {
width: 100%;
text-align: center;
font-size: 16px;
color: #333333;
padding: 10px 0 20px;
}
.jm {
width: 100%;
overflow: hidden;
background-image: url(../img/jm.jpg);
background-size: 100% 100%;
}
.jm-1 {
width: 100%;
overflow: hidden;
padding: 80px 0;
}
.jm-1 ul {
display: flex;
justify-content: space-between;
}
.jm-1 ul li {
width: 30%;
text-align: center;
}
.jm-1 ul li h3 {
color: #5ba33f;
font-size: 18px;
font-weight: 400;
line-height: 3;
}
.jm-img-hover1 .img-jm1 {
display: block;
margin: 0 auto;
}
.jm-img-hover1 .img-jm-1 {
display: none;
margin: 0 auto;
}
.jm-img-hover1:hover .img-jm1 {
display: none;
}
.jm-img-hover1:hover .img-jm-1 {
display: block;
}
.jm-img-hover2 .img-jm2 {
display: block;
margin: 0 auto;
}
.jm-img-hover2 .img-jm-2 {
display: none;
margin: 0 auto;
}
.jm-img-hover2:hover .img-jm2 {
display: none;
}
.jm-img-hover2:hover .img-jm-2 {
display: block;
}
.jm-img-hover3 .img-jm3 {
display: block;
margin: 0 auto;
}
.jm-img-hover3 .img-jm-3 {
display: none;
margin: 0 auto;
}
.jm-img-hover3:hover .img-jm3 {
display: none;
}
.jm-img-hover3:hover .img-jm-3 {
display: block;
}
.jm-img-hover4 .img-jm4 {
display: block;
margin: 0 auto;
}
.jm-img-hover4 .img-jm-4 {
display: none;
margin: 0 auto;
}
.jm-img-hover4:hover .img-jm4 {
display: none;
}
.jm-img-hover4:hover .img-jm-4 {
display: block;
}
.jm- {
width: 20px;
height: 3px;
background: #000;
margin: 0 auto;
}
.jm-1 ul li p {
color: #949494;
font-size: 16px;
line-height: 4;
}
.xzwm {
width: 100%;
overflow: hidden;
background-image: url(../img/xzwm.jpg);
background-size: 100% 100%;
}
.zmkh {
width: 100%;
overflow: hidden;
padding: 80px 0 120px 0;
display: flex;
justify-content: space-between;
}
.zmkh-1 {
text-align: center;
border: 1px solid #ece5e5;
width: 328px;
}
.zmkh-2 {
padding: 0 25px;
}
.zmkh-2 img {
position: relative;
bottom: 50px;
}
.zmkh-2 h3 {
color: rgb(0, 90, 186);
font-weight: 400;
font-size: 18px;
position: relative;
bottom: 30px;
}
.zmkh-2 p {
text-align: initial;
color: rgb(142, 142, 144);
font-size: 14px;
line-height: 2;
position: relative;
bottom: 10px;
}
.shjc-yxgs {
width: 100%;
overflow: hidden;
background-image: url(../img/shjcyxgs.jpg);
background-size: 100% 100%;
}
.shjc-yxgs-1 {
width: 100%;
overflow: hidden;
padding: 60px 0 60px 0;
}
.shjc-yxgs-2 {
width: 100%;
text-align: center;
}
.shjc-yxgs-2 h3 {
font-size: 18px;
color: #fff;
font-weight: 400;
}
.shjc-yxgs-2 p {
font-size: 16px;
color: #fff;
line-height: 2;
}
.shjc-yxgs-3 {
width: 100%;
text-align: center;
margin-top: 10px;
}
.shjc-yxgs-3 p {
color: #fff;
font-size: 15px;
line-height: 2;
}
.shjc-yxgs-4 {
width: 100%;
padding: 30px 0;
}
.shjc-yxgs-4 a {
color: #fff;
font-size: 15px;
border:1px solid #fff;
padding: 8px 70px;
}
.shjc-yxgs-4 a:hover {
border: 1px solid #fff;
color: #000;
background: #fff;
transition: all 0.4s;
}
.xwzx {
width: 100%;
overflow: hidden;
background-image: url(../img/xwzx.jpg);
background-size: 100% 100%;
}
.news {
width: 100%;
overflow: hidden;
padding: 30px 0 0px;
display: flex;
justify-content: space-between;
}
.news-fl {
width: 24%;
}
.news-fl1 {
border: 1px solid #cccccc;
}
.news-fl2 {
padding: 5px 7px 10px;
}
.news-ov {
overflow: hidden;
}
.news-fl2 img {
display: inline-block;
height: 165px;
max-width: 100%;
transition: all 0.4s;
}
.news-fl2 img:hover{
transform: scale(1.2);
}
.news-fl2 h3 {
color: #333333;
font-size: 16px;
font-weight: 400;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news-fl2 span {
font-size: 14px;
color: #666666;
line-height: 2;
}
.news-fl2 p {
font-size: 14px;
color: #666666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-ckgd {
width: 100%;
overflow: hidden;
text-align: center;
padding: 60px 0 80px;
}
.news-ckgd a {
border: 1px solid #5ba33f;
color: #5ba33f;
font-size: 16px;
padding: 8px 70px;
}
.news-ckgd a:hover {
border: 1px solid #5ba33f;
color: #fff;
background: #5ba33f;
transition: all 0.4s;
}
.bottom {
width: 100%;
overflow: hidden;
background-image: url(../img/bottom.jpg);
background-size: 100% 100%;
}
.bottom-1 {
width: 100%;
overflow: hidden;
padding: 80px 0 60px;
}
.bottom-2 {
width: 43%;
float: left;
}
.bottom-3 {
width: 100%;
border: 1px solid #ffffff;
}
.bottom-4 {
padding: 20px 50px;
}
.bottom-5 {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
}
.bottom-6 {
width: 4px;
height: 20px;
background: #5ba33f;
}
.bottom-5 h3 {
font-size: 21px;
color: #ecfbfe;
font-weight: 400;
margin-left: 10px;
}
.bottom-7 {
width: 100%;
padding: 15px 0;
}
.bottom-7 p {
line-height: 2;
color: #ecfbfe;
font-size: 15px;
}
.bottom-8 {
width: 50%;
float: right;
}
.bottom-9 {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.bottom-9 li h3 {
font-size: 16px;
font-weight: 400;
color: #fff;
}
.bottom-10 {
margin-top: 20px;
}
.bottom-10 p {
line-height: 2;
color: #ecfbfe;
font-size: 16px;
}
.bottom-dbbq {
height: 80px;
border-top: 1px solid #6b6b6d;
display: flex;
align-items: center;
justify-content: center;
}
.bottom-dbbq p {
font-size: 15px;
color: #ecfbfe;
}
.ny-banner {
width: 100%;
overflow: hidden;
position: relative;
}
.ny-banner img {
width: 100%;
display: flex;
}
.szwz {
width: 100%;
overflow: hidden;
}
.szwz-list {
width: 100%;
display: flex;
padding: 20px 0;
}
.szwz-list li {
margin: 0 10px 0px 0px;
font-size: 14px;
color: #000;
}
.szwz-list li a {
color: #000;
}
.cpzs-sz-hh {
width: 100%;
overflow: hidden;
}
.cpzs-sh {
width: 100%;
overflow: hidden;
}
.cpzs-sh-1 {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
padding: 80px 0;
}
.cpzs-sh-3 {
margin-left: 15px;
}
.cpzs-sh-3 h3 {
color: #005aba;
font-size: 21px;
font-weight: 400;
}
.cpzs-sh-3 p {
font-size: 16px;
color: #666666;
line-height: 1.5;
}
.cpzs-bjt {
width: 100%;
background-image: url(../img/cpzs-bjt.jpg);
background-size: 100% 100%;
}
.cpzs-t {
width: 100%;
overflow: hidden;
}
.cpzs-t1 {
padding: 30px 0 0;
}
.cpzs-t1 ul {
width: 100%;
display: flex;
/* justify-content: space-between; */
flex-wrap: wrap;
}
.cpzs-t1 ul li {
width: 23%;
float: left;
position: relative;
border: 1px solid #d8d8d8;
text-align: center;
display: flex;
justify-content: center;
background: #ffffff;
margin-top: 15px;
margin-left: 15px;
}
.cpzs-t1 ul li img {
/* width: 100%; */
padding: 30px 0 0px;
display: inline-block;
height: 250px;
max-width: 100%;
}
.cpzs-t1 ul li p {
width: 100%;
text-align: center;
font-size: 16px;
color: #333333;
padding: 10px 0 20px;
}
.cpzs-fy {
width: 100%;
overflow: hidden;
display: flex;
justify-content: center;
padding: 60px 0;
}
.cpzs-fy li {
margin-right: 5px;
margin-left: 5px;
display: flex;
align-items: center;
}
.cpzs-fy li a {
border: 1px solid #000;
padding: 0px 5px;
color: #000;
}
.cpzs-fy li a.active {
border: 1px solid #000;
padding: 0px 5px;
color: #fff;
background: #000
}
.cpzs-fy li a:hover {
border: 1px solid #000;
padding: 0px 5px;
color: #fff;
background: #000
}
.eyht {
width: 100%;
overflow: hidden;
padding: 60px 0;
}
.eyht-1 {
width: 100%;
overflow: hidden;
}
.eyht-img {
float: left;
width: 45%;
}
.eyht-img .swiper-slide {
max-width:100%;
}
.swiper-button-prev.sw-cp-jt-prev::after {
font-size: 28px;
}
.swiper-button-next.sw-cp-jt-next::after {
font-size: 28px;
}
.eyht-img img {
max-width: 100%;
height:500px;
}
.eyht-wz {
width: 50%;
float: right;
}
.eyht-wz-1 {
width: 50%;
border-bottom: 1px solid #ddd;
padding: 0 0 30px;
}
.eyht-wz-1 h3 {
color: #74ae61;
font-size: 21px;
}
.eyht-wz-2 {
width: 100%;
overflow: hidden;
padding: 30px 0;
}
.eyht-wz-2 p {
line-height: 2;
font-size: 16px;
color: #666666;
}
.yqtd {
width: 100%;
overflow: hidden;
padding: 60px 0 20px;
}
.yqtd-1 {
width: 100%;
display: flex;
align-items: center;
height: 50px;
border-bottom: 1px solid #cccccc;
}
.yqtd-1 h3 {
height: 100%;
display: flex;
align-items: center;
padding: 0 30px;
font-size: 18px;
background: #74ae61;
color: #fff;
}
.yqtd-2 {
width: 100%;
overflow: hidden;
padding: 30px 0;
}
.yqtd-2 p {
line-height: 2;
color: #666666;
font-size: 16px;
}
.yqtd_1 {
width: 100%;
overflow: hidden;
padding: 20px 0 20px;
}
.yqtd_11 {
width: 100%;
overflow: hidden;
padding: 0px 0 0px;
}
.yqtd-22 {
width: 100%;
padding: 30px 0;
}
.cpzs-sh-111 {
width: 100%;
overflow: hidden;
display: flex;
align-items: center;
padding: 80px 0 40px;
}
.gywm-wz {
width: 100%;
overflow: hidden;
}
.gywm-wz p {
line-height: 2.5;
color: #666666;
font-size: 16px;
}
.gywm-img {
width: 100%;
overflow: hidden;
padding: 20px 0 100px;
}
.gywm-img ul {
width: 100%;
overflow: hidden;
}
.gywm-img ul li {
float: left;
width: 33%;
position: relative;
margin-right: 4px;
margin-top: 4px;
}
.gywm-img ul li img {
width: 100%;
display: flex;
}
.gywm-img ul li p {
width: 80%;
position: absolute;
top: 22%;
left: 8%;
line-height: 2.5;
color: #fff;
}
.ny-banner-dh {
position: absolute;
top: 70%;
text-align: center;
left: 55%;
}
.ny-banner-dh ul {
display: flex;
justify-content: center;
}
.ny-banner-dh li {
font-size: 16px;
margin-left: 10px;
}
.ny-banner-dh li a {
border-radius: 3px;
padding: 2px 8px;
border: 1px solid #005aba;
background: #005aba;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.ny-banner-dh li a:hover {
border: 1px solid #fff;
background: #fff;
color: #005aba;
}
.ny-banner-dh li a.active {
border: 1px solid #fff;
background: #fff;
color: #005aba;
}
.zzzs {
width: 100%;
overflow: hidden;
}
.zzzs-1 {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.zzzs-1 li img {
width: 100%;
}
.zzzs-1 li p {
padding: 30px 0;
text-align: center;
font-size: 16px;
color: #333333;
}
.zzzs-11 {
width: 100%;
padding: 0 0 80px;
overflow: hidden;
display: flex;
justify-content: space-between;
}
.zzzs-11 li img {
width: 100%;
}
.zzzs-11 li p {
padding: 30px 0;
text-align: center;
font-size: 16px;
color: #333333;
}
.ny-hyxw {
width: 100%;
overflow: hidden;
}
.ny-hyxw ul {
width: 100%;
}
.ny-hyxw ul li {
float: left;
width: 23.333333%;
margin-right: 20px;
margin-top: 20px;
}
.cpzs-sh-hyxw {
width: 100%;
overflow: hidden;
padding: 80px 0 30px;
}
.zlc {
width: 100%;
overflow: hidden;
}
.zlc-h3 {
width: 100%;
overflow: hidden;
padding: 30px 0 20px;
text-align: center;
border-bottom: 1px solid #cccccc;
}
.zlc-h3 h3 {
font-size: 24px;
color: #333333;
}
.zlc-h3 p {
font-size: 16px;
line-height: 3;
color: #212121;
}
.zlc-wz {
width: 100%;
overflow: hidden;
padding: 60px 0 60px;
}
.zlc-wz p {
line-height: 2.5;
color: #666666;
font-size: 16px;
}
.zlc-wz-1 {
padding: 30px 0;
}
.zlc-wz-2 {
padding: 0px 0 20px;
}
.zlc-wz-3 {
padding: 0px 0 20px;
}
.zlc-sxp {
width: 100%;
overflow: hidden;
padding: 0 0 80px;
}
.zlc-sxp p {
line-height: 2.5;
font-size: 16px;
color: #666666;
}
.zlc-sxp a {
color: #666666;
}
.zlc-sxp a:hover {
color: #005aba;
}
.lxwm {
width: 100%;
overflow: hidden;
}
.lxwm-1 {
width: 100%;
overflow: hidden;
}
.lxwm-2 {
width: 49%;
float: left;
}
.lxwm-2 li {
line-height: 2.5;
}
.lxwm-2 li p {
font-size: 16px;
color: #333333;
}
.lxwm-2 li span {
color: #003399;
}
.lxwm-3 {
width: 49%;
float: right;
}
.lxwm-3 li {
line-height: 2.5;
display: flex;
align-items: center;
margin-top: 20px;
position: relative;
bottom: 20px;
}
.lxwm-3 li p {
float: left;
width: 10%;
font-size: 16px;
color: #333333;
}
.lxwm-3 li span {
color: #e32324;
}
.lxwm-3 li input {
width: 85%;
height: 40px;
outline: none;
background: #fff;
border:1px solid #dddddd;
}
.lxwm-bz {
align-items: inherit!important;
}
.lxwm-bz textarea {
width: 85%;
height: 120px;
outline: none;
background: #fff;
border:1px solid #dddddd;
}
.lxwm-dt {
width: 100%;
overflow: hidden;
padding: 80px 0 120px;
}
.lxwm-dt img {
width: 100%;
}
.ny-spzx {
width: 100%;
overflow: hidden;
}
.ny-spzx-1 {
width: 100%;
overflow: hidden;
}
.ny-spzx-1 li {
width: 23%;
float: left;
text-align: center;
background: #ffffff;
margin-right: 24px;
margin-top: 24px;
}
.ny-spzx-2 {
width: 100%;
border: 1px solid #dddddd;
}
.ny-spzx-2 img {
display: inline-block;
height: 200px;
max-width: 95%;
padding: 5px 0 0;
}
.ny-spzx-2 p {
padding: 20px 0px 20px;
font-size: 16px;
color: #333333;
}
.zlxz {
width: 100%;
overflow: hidden;
}
.zlxz-1 {
width: 100%;
overflow: hidden;
}
.zlxz-1 li {
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.zlxz-2 {
display: flex;
margin-left: 30px;
}
.zlxz-2 p {
color: #737373;
font-size: 16px;
}
.zlxz-2 p:nth-child(2) {
margin-left: 30px;
}
.zlxz-ys {
background: #dde9dc;
}
.zlxz-3 {
margin-right: 30px;
}
@media screen and (max-width: 1600px) {
.w1600 {
width: 1500px;
margin: 0 auto;
}
}
@media screen and (max-width: 1500px) {
.w1600 {
width: 1400px;
margin: 0 auto;
}
}
@media screen and (max-width: 1400px) {
.w1600 {
width: 1300px;
margin: 0 auto;
}
}
@media screen and (max-width: 1300px) {
.w1600 {
width: 1200px;
margin: 0 auto;
}
}
@media screen and (max-width: 1200px) {
.w1600 {
width: 1100px;
margin: 0 auto;
}
.w1200 {
width: 1100px;
margin: 0 auto;
}
.yys-cp1 ul li a {
font-size: 14px;
}
.yys-cp2 a {
font-size: 14px;
}
.ny-spzx-1 li {
margin-right: 22px;
margin-top: 22px;
}
}
@media screen and (max-width: 1100px) {
.w1600 {
width: 1000px;
margin: 0 auto;
}
.w1200 {
width: 1000px;
margin: 0 auto;
}
.yys-cp1 ul li a {
font-size: 14px;
}
.yys-cp2 a {
font-size: 14px;
}
.ny-spzx-1 li {
margin-right: 20px;
margin-top: 20px;
}
}
@media screen and (max-width: 1024px) {
.w1600 {
width: 95%;
margin:0 auto;
}
.w1400 {
width: 95%;
margin:0 auto;
}
.w1200 {
width: 95%;
margin:0 auto
}
.pc-db {
display: none;
}
.header {
display: none;
}
/*wap手机导航*/
.logo_1 {
display: block;
float: left;
display: flex;
align-items: center;
height: 60px;
position: relative;
left:10px;
}
.logo_1 img {
width: 300px;
}
.wsc-logo img {
width: 300px;
}
.wap_header {
display: block;
}
.wap_show {
display: block;
}
.logo_wap {
display: block;
width: 100%;
height: 60px;
}
.wap_show {
display: block;
}
.wap_header{
width: auto;
float: right;
height: 60px;
display: flex;
align-items: center;
}
.wap_header_btn{
width: 60px;
height: 60px;
background: url(../img/daoh.png) no-repeat center right;
display: block;
float: right;
background-size: 55% 55%;
cursor: pointer;
position: relative;
top: 0px;
left: -10px;
}
.wap_header_btn.wap_header_btn2{
background: url(../img/close-icon.png) no-repeat center right;
background-size: 45% 45%;
}
.wap_headlist{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: -100%;
background-color: #fff;
z-index: 999999999;
transition: all .36s ease;
overflow-y: scroll;
}
.wap_headlist.active{
left: 0;
}
.wap_headlist_top{
width: 100%;
border-bottom: 1px solid #eaeaea;
}
.wap_headlist_top_cont{
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.wap_headlist_cont{
width: 100%;
}
.wap_headlist_cont_uls{
width: 100%;
}
.wap_headlist_cont_uls li{
border-bottom: 1px solid #eaeaea;
}
.wap_headlist_cont_uls_a1 {
display: block;
color: #555;
font-size: 20px;
line-height: 55px;
padding: 0 20px;
}
.wap_a1 {
background: url(../img/wap_down.png) no-repeat right center;
background-size: 18px auto;
background-position-x: 95%;
transition: all 0.4s;
padding: 0 5%;
box-sizing: border-box;
}
.wap_a1 .active {
background: url(/Public/Uploads/weblogo/wap_up.png) no-repeat right center;
background-size: 18px auto;
background-position-x: 95%;
}
.wap_headlist_cont_uls_a1 span {
float: right;
position: relative;
right: 5%;
font-size: 30px;
}
.dropdown_menu {
display: none;
background: #e4e4e4;
}
.dropdown_menu a {
display: block;
height: 50px;
line-height: 50px;
box-sizing: border-box;
border-bottom: 1px solid #f5f5f5;
font-size: 18px;
padding: 0 20px;
color: #333333;
}
/*wap结束手机导航*/
.cpzs-1 {
padding: 20px 0 30px;
}
.cpzs-hx {
display: none;
}
.cpzs-hx1 {
display: none;
}
.cpzs-list {
width: 100%;
text-align: center;
}
.cpzs-list h3 {
font-size: 21px;
font-weight: 400;
color: #333;
}
.yys-cp1 {
width: 100%;
}
.yys-cp1 ul {
display: inherit;
justify-content: inherit;
width: 100%;
overflow: hidden;
overflow-x: scroll;
white-space: nowrap;
}
.yys-cp1 ul li {
height: 50px;
display: inherit;
align-items: center;
justify-content: center;
padding: 0 10px;
float: inherit;
display: inline-block;
}
.yys-cp2 {
display: none;
}
.cpzs-img {
display: none;
}
.wap-cpzs {
width: 100%;
overflow: hidden;
display: block;
padding: 20px 0 30px;
}
.swiper-wap-cpzs {
width: 100%;
overflow: hidden;
position: relative;
text-align:center;
}
.swiper-wap-cpzs img {
}
.swiper-wap-cpzs p {
font-size: 14px;
text-align: center;
color: #333333;
}
.jm-1 {
padding: 30px 0 20px;
}
.jm-1 ul {
display: inherit;
}
.jm-1 ul li {
float: left;
width: 50%;
text-align: center;
}
.zmkh {
display: none;
}
.zmkh-1 {
width: 100%;
}
.wap-zmkh {
display: block;
}
.wap-zmkh-1 {
padding: 50px 0 30px;
}
.shjc-yxgs-1 {
padding: 30px 0 30px 0;
}
.news {
display: none;
}
.wap-news {
display: block;
}
.news-fl2 h3 {
margin-top: 0px;
}
.news-fl {
width: 100%;
}
.news-ckgd {
padding: 40px 0 40px;
}
.bottom-1 {
width: 100%;
overflow: inherit;
padding: 30px 0 30px;
}
.bottom-2 {
width: 100%;
float: inherit;
}
.bottom-8 {
display: none;
}
.bottom-dbbq p {
font-size: 14px;
color: #ecfbfe;
width: 90%;
margin: 0 auto;
}
.cpzs-sh-1 {
padding: 30px 0;
}
.cpzs-sh-3 h3 {
color: #005aba;
font-size: 16px;
font-weight: 400;
}
.cpzs-sh-3 p {
font-size: 12px;
color: #666666;
line-height: 1.5;
}
.cpzs-t1 {
padding: 30px 0 0;
}
.cpzs-t1 ul {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.cpzs-t1 ul li {
width: 48%;
float: left;
position: relative;
margin-left: 0;
}
.cpzs-t1 ul li img {
width: 100%;
display: flex;
}
.cpzs-t1 ul li p {
color: #333333;
font-size: 12px;
text-align: center;
}
.cpzs-fy {
padding: 30px 0;
}
.eyht {
padding: 30px 0;
}
.yqtd {
padding: 20px 0 20px;
}
.eyht-img {
float: inherit;
width: 100%;
}
.eyht-wz {
width: 100%;
float: inherit;
}
.eyht-wz-1 {
width: 100%;
border-bottom: 1px solid #ddd;
padding: 0 0 20px;
}
.eyht-wz-1 h3 {
color: #74ae61;
font-size: 18px;
}
.eyht-wz-2 {
padding: 10px 0;
}
.ny-banner-dh {
position: absolute;
top: 42%;
text-align: center;
left: 0%;
}
.ny-banner-dh li a {
border-radius: 3px;
padding: 3px 1px;
border: 1px solid #005aba;
background: #005aba;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.gywm-img {
padding: 20px 0 30px;
}
.gywm-img ul li {
width: 100%;
}
.ny-hyxw ul {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ny-hyxw ul li {
float: inherit;
width: 49%;
margin-right: 0;
margin-top: 10px;
}
.zlc-h3 {
padding: 10px 0 20px;
}
.zlc-h3 h3 {
font-size: 18px;
color: #333333;
}
.zlc-h3 p {
font-size: 14px;
line-height: 3;
color: #212121;
}
.zlc-wz {
padding: 30px 0 30px;
}
.zlc-sxp {
padding: 0 0 30px;
}
.lxwm-2 {
width: 100%;
float: inherit;
}
.lxwm-3 {
width: 100%;
float: inherit;
padding: 20px 0 0;
}
.lxwm-dt {
width: 100%;
overflow: hidden;
padding: 30px 0 30px;
}
.ny-spzx-1 {
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ny-spzx-1 li {
width: 49%;
margin-right: 0;
margin-top: 10px;
}
.zlxz-1 li {
width: 100%;
height: 50px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.zlxz-2 {
display: flex;
margin-left: 5px;
width: 70%;
}
.zlxz-2 p:nth-child(1) {
width: 40%;
float: left;
}
.zlxz-2 p:nth-child(2) {
margin-left: 0;
width: 70%;
float: right;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.zlxz-3 {
margin-right: 5px;
}
.zzzs-1 {
flex-wrap: wrap;
padding: 0 0 20px;
}
.zzzs-1 li {
width: 49%;
}
.zzzs-1 li p {
padding: 10px 0;
}
.zzzs-11 {
width: 100%;
padding: 0 0 30px;
overflow: hidden;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.zzzs-11 li {
width: 49%;
}
.zzzs-11 li p {
padding: 10px 0;
}
}
@media screen and (max-width: 320px) {
.logo_1 img {
width: 250px;
}
}