/*pubilc start*/
html {
font-size: 100px;
}
/*0.16rem = 16px*/
body {
font-size: 16px;
}
*{
box-sizing: border-box;
}
html,
body,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
form,
input,
textarea,
th,
td,
select {
margin: 0;
padding: 0;
user-select: none;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}
a {
text-decoration: none;
}
ul,
ol {
list-style: none;
}
li {
list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
b {
font-weight: normal;
}
input,
textarea {
outline: 0;
resize: none;
border: none;
_border: 0;
margin: 0;
padding: 0;
-webkit-appearance: none;
background: none;
}
select {
border: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select::-ms-expand {
display: none;
}
/* 清楚selec默认样式*/
/* 清除ie的默认选择框样式清除，隐藏下拉箭头 */
input::-webkit-search-cancel-button {
display: none;
}
input[type=button],
input[type=submit],
input[type=search],
button {
-webkit-appearance: none;
}
table,
table td {
border-collapse: collapse;
}
img {
max-width: 100%;
}
#Bg {
background-repeat: no-repeat;
background-size: 100% 100%;
}
.phone_box {
max-width: 640px;
width: 100%;
margin: auto;
}
.flex{
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
}
.D6{
width: 6rem;
margin: 0 auto;
}
.line_1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.line_2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line_3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line_4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box !important;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
/*pubilc end*/
.header{
position: relative;
}
.header-con{
height: 1rem;
align-items: center;
justify-content: space-between;
}
.menu{
width: 0.46rem;
height: 0.31rem;
position: relative;
}
.menu span {
display: block;
width: 100%;
height: 0.06rem;
background-color: #0e2946;
border-radius: 0.02rem;
position: absolute;
top: 0;
transition: 0.3s;
}
.menu span:nth-child(1){
top: 0;
}
.menu span:nth-child(2){
top: 0.12rem;
}
.menu span:nth-child(3){
top: 0.25rem;
}
.menu.active span:nth-child(1){
opacity: 0;
}
.menu.active span{
top: 50%;
}
.menu.active span:nth-child(2) {
transform: translateY(-50%) rotate(45deg);
}
.menu.active span:nth-child(3) {
transform: translateY(-50%) rotate(-45deg);
}
.nav-con{
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #0f2946;
padding: 0.13rem 0.2rem 0.31rem;
z-index: 9;
}
.nav-con>ul>li{
border-bottom: 1px solid rgba(255,255,255,0.1);
position: relative;
}
.nav-con>ul>li.nav-down>a{
display: block;
position: relative;
}
.nav-con>ul>li.nav-down>a:after{
content: "";
width: 0.15rem;
height: 0.15rem;
border-top: transparent;
border-right: 0.02rem solid rgba(255,255,255,0.5);
border-bottom: 0.02rem solid rgba(255,255,255,0.5);
border-left: transparent;
position: absolute;
right: 0.05rem;
top: 0.2rem;
transform: rotate(45deg);
}
.nav-con>ul>li>a{
line-height: 0.72rem;
font-size: 0.24rem;
color: #ffffff;
}
.ej{
display: none;
border-top: 1px solid rgba(255,255,255,0.1);
}
.ej>ul>li{
border-bottom: 1px solid rgba(255,255,255,0.1);
position: relative;
}
.ej>ul>li:after{
content: "";
width: 0.12rem;
height: 0.12rem;
border-top: transparent;
border-right: 0.02rem solid rgba(255,255,255,0.5);
border-bottom: 0.02rem solid rgba(255,255,255,0.5);
border-left: transparent;
position: absolute;
right: 0.05rem;
top: 0.15rem;
transform: rotate(45deg);
}
.ej>ul>li:last-child{
border-bottom: 0;
}
.ej>ul>li>a{
padding: 0 0.15rem;
line-height: 0.6rem;
font-size: 0.22rem;
color: #ffffff;
}
.sj{
display: none;
border-top: 1px solid rgba(255,255,255,0.1);
/*padding: 0.15rem 0;*/
}
.sj>ul>li{
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.sj>ul>li:last-child{
border-bottom: 0;
}
.sj>ul>li>a{
padding: 0 0.3rem;
line-height: 0.5rem;
font-size: 0.20rem;
color: #ffffff;
}
.banner{
position: relative;
text-align: center;
}
.index-tit{
text-align: center;
}
.index-tit h2{
font-size: 0.3rem;
letter-spacing: 1px;
color: #999999;
font-weight: bold;
}
.index-tit h2 span{
display: inline-block;
vertical-align: middle;
width: 0.05rem;
height: 0.25rem;
background-color: #999999;
margin: 0 0.13rem;
position: relative;
}
.index-tit h2 span:first-child:before{
content: "";
width: 1rem;
height: 1px;
background-color: #999999;
position: absolute;
top: 0.11rem;
right: 0;
}
.index-tit h2 span:last-child:after{
content: "";
width: 1rem;
height: 1px;
background-color: #999999;
position: absolute;
top: 0.11rem;
left: 0;
}
.part1{
padding-top: 0.50rem;
}
.part1-con{
margin-top: 0.4rem;
}
.part1-nav ul li{
width: 25%;
text-align: center;
border: solid 1px #dcdbdb;
border-right: 0;
}
.part1-nav ul li:last-child{
border-right: solid 1px #dcdbdb;
}
.part1-nav ul li a{
display: block;
padding: 0.2rem 0;
font-size: 0.24rem;
/*line-height: 72px;*/
color: #999999;
}
.part1-nav ul li.cur{
background-color: #0e2946;
border: solid 1px #0e2946;
}
.part1-nav ul li.cur a{
color: #ffffff;
}
.part1-list{
margin-top: 0.3rem;
background-color: #efefef;
}
.part1-lcon{
display: none;
}
.part1-tit{
display: inline-block;
line-height: 0.51rem;
padding-left: 0.13rem;
padding-right: 0.59rem;
position: relative;
background-color: #77b42e;
}
.part1-tit:after{
content: "";
background: url(../images/part1_01.png) no-repeat;
background-size: 100%;
position: absolute;
width: 0.28rem;
height: 0.28rem;
right: 0.11rem;
top: 0.13rem;
}
.part1-tit span{
font-size: 0.24rem;
color: #ffffff;
}
.part1-item{
margin-top: 0.3rem;
}
.part1-item ul{
justify-content: space-between;
}
.part1-item ul li{
width: 2.5rem;
margin-bottom: 0.4rem
}
.part1-item-img{
height: 2.13rem;
overflow: hidden;
}
.part1-item-img img{
width: 100%;
}
.part1-item-text{
margin-top: 0.1rem;
}
.part1-item-text p{
font-size: 0.24rem;
color: #999999;
}
.part1-item-more{
margin-top: 0.15rem;
width: 1.46rem;
height: 0.4rem;
border: solid 1px #77b42e;
line-height: 0.4rem;
text-align: center;
}
.part1-item-more a{
display: block;
font-size: 0.18rem;
color: #77b42e;
}
.part2{
padding-top: 0.48rem;
}
.part2-list{
margin-top: 0.4rem;
}
.part2-list ul{
justify-content: space-between;
}
.part2-list ul li{
width: 2.8rem;
margin-bottom: 0.3rem;
}
.part2-item-img{
height: 1.45rem;
overflow: hidden;
}
.part2-item-img img{
width: 100%;
}
.part2-item-text{
margin-top: 0.12rem;
text-align: center;
}
.part2-item-text p{
font-size: 0.24rem;
color: #666666;
}
.part3{
background-image: linear-gradient(-39deg,rgba(59, 189, 151, 0.2) 0%, rgba(56, 191, 175, 0.2) 25%, rgba(52, 192, 199, 0.2) 100%);
padding-top: 0.60rem;
padding-bottom: 0.52rem;
}
.part3-list{
margin-top: 0.5rem;
}
.part3-list ul li{
background-color: #ffffff;
padding: 0.2rem;
margin-bottom: 0.3rem;
}
.part3-item{
justify-content: space-between;
}
.part3-item-img{
width: 1.9rem;
}
.part3-item-text{
width: calc(100% - 2.2rem);
}
.part3-item-text h2{
font-size: 0.18rem;
color: #666666;
height: 0.48rem;
overflow: hidden;
}
.part3-item-text span{
margin-top: 0.14rem;
display: block;
font-size: 0.16rem;
color: #999999;
}
.part3-item-text p{
margin-top: 0.15rem;
font-size: 0.16rem;
color: #666666;
line-height: 1.5;
}
.part3-item-more{
margin-top: 0.15rem;
width: 1.39rem;
height: 0.32rem;
line-height: 0.32rem;
text-align: center;
background-color: #78b42f;
}
.part3-item-more a{
font-size: 0.16rem;
display: block;
color: #ffffff;
}
.part3-more{
text-align: center;
margin-top: 0.45rem;
}
.part3-more a{
margin: 0 auto;
display: block;
width: 1.74rem;
height: 0.47rem;
line-height: 0.47rem;
text-align: center;
background-color: #ffffff;
font-size: 0.18rem;
color: #333333;
}
.footer{
background-color: #1e1e1e;
padding-top: 0.6rem;
padding-bottom: 0.4rem;
}
.footer-text p{
margin-bottom: 0.15rem;
font-size: 0.18rem;
line-height: 2;
color: #ffffff80;
}
.copyright p{
font-size: 0.18rem;
color: #ffffff80;
line-height: 1.5;
}
.copyright p a{
font-size: 0.18rem;
color: #ffffff80;
}
.pages{
padding-top: 0.5rem;
padding-bottom: 0.6rem;
}
.pages ul{
justify-content: center;
}
.pages ul li{
margin: 0 0.05rem;
}
.pages ul li a{
display: block;
border: solid 1px #e5e5e5;
font-size: 0.18rem;
color: #666666;
padding: 0.05rem 0.10rem;
}
.pages ul li.current a{
border: solid 1px #77b42e;
background-color: #77b42e;
color: #ffffff;
}
.pages ul li.nolink{
display: none;
}
.pro-lb{
margin-top: 0.5rem;
}
.pro-lb .gallery-top{
text-align: center;
overflow: hidden;
margin-bottom: 0.3rem;
}
.pro-lb .gallery-thumbs .swiper-wrapper{
justify-content: center;
}
.pro-lb .gallery-thumbs .swiper-slide{
width: 0.8rem;
height: 0.8rem;
padding: 0.05rem;
border: solid 1px #a9a5a580;
margin: 0 0.07rem;
}
.det-jj{
margin-top: 0.5rem;
}
.det-tit h2{
font-size: 0.3rem;
color: #0e2846;
padding-bottom: 0.1rem;
border-bottom: solid 0.01rem #bfbfbf;
}
.det-text{
padding-top: 0.1rem;
font-size: 0.24rem;
line-height: 1.8;
color: #0e2846;
padding-bottom: 0.2rem;
border-bottom: solid 0.01rem #bfbfbf;
}
.det-text p{
font-size: 0.24rem;
/*line-height: 2;*/
color: #0e2846;
}
.det-text p span{
font-size: 0.24rem!important;
}
.det-xj{
margin-top: 0.4rem;
width: 1.4rem;
height: 0.44rem;
line-height: 0.44rem;
text-align: center;
background-color: #0e2846;
}
.det-xj a{
display: block;
font-size: 0.16rem;
color: #ffffff;
}
.det-nav{
margin-top: 0.4rem;
border-top: solid 0.01rem #bfbfbf;
padding-top: 0.35rem;
}
.det-nav ul li{
width: 1.82rem;
height: 0.45rem;
text-align: center;
line-height: 0.45rem;
border: solid 1px #0e2846;
}
.det-nav ul li.cur{
background-color: #0e2846;
}
.det-nav ul li a{
font-size: 0.18rem;
color: #0e2846;
}
.det-nav ul li.cur a{
color: #ffffff;
}
.det-nav-list{
margin-top: 0.5rem;
padding-bottom: 0.5rem;
}
.det-nav-con{
display: none;
}
.det-gt{
font-size: 0.24rem;
line-height: 1.5;
color: #0e2846;
}
.det-gt p{
font-size: 0.24rem;
line-height: 1.5;
/*color: #0e2846;*/
}
.det-gt table{
width: 100%!important
}
.det-gt img{
max-width: 100%;
}
.range-list{
margin-top: 0.5rem;
padding-bottom: 0.2rem;
}
.range-list ul{
padding: 0 0.9rem;
justify-content: space-between;
}
.range-list ul li{
margin-bottom: 0.5rem;
}
.range-item-img{
width: 1.74rem;
height: 1.74rem;
}
.range-item-img img{
width: 100%;
}
.range-item-text h2{
text-align: center;
margin-top: 0.2rem;
font-size: 0.20rem;
color: #666666;
line-height: 1.5;
}
.range-item-text p{
text-align: center;
margin-top: 0.15rem;
font-size: 0.18rem;
color: #666666;
line-height: 1.5;
}
.range-det-text{
padding-top: 0.3rem;
line-height: 1.8;
font-size: 0.18rem;
color: #666666;
margin-bottom: 0.5rem;
}
.range-det-text p{
font-size: 0.18rem;
color: #666666;
}
.zhi-nav ul li{
width: 33%;
}
.zhi-list ul li{
width: 1.74rem;
}
.zhi-list .range-item-img{
border: 1px solid #dcdcdc;
border-radius: 50%;
overflow: hidden;
}
.range-det-text iframe{
width: 100%!important;
}
.range-det-text{
overflow-x: auto;
}
.range-det-text img{
height: auto!important;
}
.news{
background: #fff;
padding-bottom: 0;
}
.news-nav ul {
justify-content: center;
}
.news-nav ul li{
width: 33%;
}
.news-list ul li{
background-color: #eeeeef;
}
.det-tit span{
font-size: 0.16rem;
color: #999999;
}
.range-det-text div{
width: 100%!important;
}
.con-content{
margin-top: 0.4rem;
}
.con-part1-item{
justify-content: space-between;
align-items: center;
margin-bottom: 0.7rem;
}
.con-part1-img{
width: 1.9rem;
}
.con-part1-text{
width: calc(100% - 2.2rem);
}
.con-part1-text h2{
font-size: 0.24rem;
color: #333333;
margin-bottom: 0.25rem;
}
.con-part1-text p{
font-size: 0.18rem;
line-height: 1.5;
color: #666666;
}