/*å…¨å±€æ ·å¼*/
@charset "utf-8";
html {
overflow-x: hidden;
}
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
margin: 0;
padding: 0
}
body {
font: 14px "微软雅黑", "Arial Narrow", HELVETICA;
color: #000;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
min-width: 320px;
}
input:required,
textarea:required {
outline: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-appearance: none !important;
}
a {
text-decoration: none !important;
cursor: pointer !important;
color: #000;
}
a:focus {
outline: none;
}
ul {
margin: 0;
}
li {
list-style: none;
}
.container-fluid {
max-width: 1230px !important;
}
.tr {
transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s
}
.tr2 {
transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.logo-box {
height: 150px;
}
.logo-box .logo {
height: 150px;
line-height: 150px;
}
.logo-box .logo img {
}
.logo-box .sousuo {
width: 290px;
margin: 45px 0 0 8%;
}
.logo-box form {
border: 1px solid #e1e1e1;
}
.logo-box form input {
width: calc(100% - 75px);
height: 37px;
padding: 0 10px;
}
.logo-box form button {
width: 75px;
height: 37px;
background: #104454;
border: none;
color: #fff;
transition: all .3s;
}
.logo-box form button img {
margin-right: 5px;
}
.logo-box form button:hover {
background: #178780;
}
.logo-box .sousuo .text {
font-size: 12px;
color: #000;
margin-top: 5px;
}
.logo-box .sousuo .text a {
color: #000;
transition: all .3s;
}
.logo-box .sousuo .text a:hover {
color: #178780;
}
.logo-box .phone {
background: url(../images/icon3.png) no-repeat 0 center;
padding-left: 40px;
margin-top: 48px;
}
.logo-box .phone h5 {
font-size: 29px;
font-weight: bold;
color: #178780;
}
/*PC端导航*/
nav {
position: relative;
background: #178780;
}
nav a {
color: #fff !important;
font-size:15px;
}
/*一级导航*/
nav ul li {
float: left;
width: 11.11%;
text-align: center;
position: relative;
line-height: 60px;
}
nav ul li a {
display: block;
position: relative;
}
nav ul li a:hover,
nav ul li a.active {
background: #104454;
}
/*二级导航*/
nav ul li ul {
position: absolute;
display: none;
left: 0;
top: 100%;
z-index: 100;
width: 100%;
}
nav ul li ul li {
float: none;
width: 100%;
line-height: 35px;
background: #178780;
padding: 0;
}
nav ul li ul li::before {
display: none;
}
nav ul li ul li a {
font-weight: normal;
}
nav ul li ul li a:hover {
color: #fff !important;
}
nav ul li:hover ul {
display: block;
}
/*bannerè½®æ’*/
#myCarousel {
position: relative;
overflow: hidden;
}
#myCarousel .carousel-inner a {
display: block;
}
#myCarousel .carousel-control.left {
width: 50px;
height: 50px;
line-height: 50px;
background: #178780;
top: 50%;
left: -100px;
margin-top: -30px;
opacity: 1;
font-size: 25px;
}
#myCarousel .carousel-control.right {
width: 50px;
height: 50px;
line-height: 50px;
background: #178780;
top: 50%;
right: -100px;
margin-top: -30px;
opacity: 1;
font-size: 25px;
}
#myCarousel:hover .carousel-control.right {
right: 0;
}
#myCarousel:hover .carousel-control.left {
left: 0;
}
.carousel-indicators li {
width: 15px;
height: 15px;
margin: 1px 3px;
}
.carousel-indicators .active {
width: 15px;
height: 15px;
margin: 1px 3px;
}
/* title1 */
.title1 {
margin: 70px 0 20px;
text-align: center;
overflow: hidden;
}
.title1 h5 {
font-size: 30px;
font-weight: bold;
color: #178780;
}
.title1 b {
font-weight: normal;
color: #888;
font-size: 17px;
display: inline-block;
position: relative;
margin: 10px 0 18px;
}
.title1 b::before,
.title1 b::after {
content: "";
width: 1000%;
height: 1px;
border-top: 1px dashed #e5e5e5;
position: absolute;
top: 50%;
right: 100%;
margin-right: 10px;
}
.title1 b::after {
right: auto;
left: 100%;
margin: 0 0 0 10px;
}
.title1 p {
line-height: 21px;
}
.nav3 {
display: block;
margin-bottom: 40px;
text-align: center;
font-size: 0;
}
.nav3 a {
display: inline-block;
width: 110px;
line-height: 44px;
border: 1px solid #f2f2f2;
box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
margin: 0 5px 10px;
font-size: 14px;
color: #010101;
}
.nav3 a:hover,
.nav3 a.active {
background: #178780;
border-color: #178780;
box-shadow: 5px 5px 10px rgba(23, 135, 128, .2);
color: #fff;
}
/* main1 */
.main1 {
margin: 0 -10px;
}
.main1 li {
width: 50%;
padding: 0 10px;
margin-bottom:20px;
}
.news1 {
display: block;
position: relative;
padding: 14px;
border: 1px solid #e9e9e9;
transition: all .3s;
}
.news1 .imgbox {
overflow: hidden;
position: relative;
}
.news1 .imgbox .img {
transition: all .5s;
}
.news1 .mask {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
text-align: center;
padding: 0 20px;
transition: all .3s;
margin-top: -50px;
}
.news1 .mask h5 {
font-size: 15px;
line-height: 50px;
position: relative;
color: #fff;
}
.news1 .mask h5::before {
content: "";
width: 16px;
height: 1px;
background: rgba(255, 255, 255, .5);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.news1 .mask .text {
color: #fff;
line-height: 24px;
height: 72px;
overflow: hidden;
margin: 15px 0;
position: relative;
top: 50px;
opacity: 0;
}
.news1 .mask b {
display: block;
width: 124px;
line-height: 44px;
background: #104454;
margin: 0 auto;
font-weight: normal;
color: #fff;
position: relative;
top: 50px;
opacity: 0;
}
/* main2 */
.main2 {
margin-top: 25px;
}
.news2 {
display: block;
}
.news2 .imgbox {
border: 1px solid #e9e9e9;
padding: 4px;
}
.news2 h5 {
font-size: 15px;
color: #000;
line-height: 30px;
text-align: center;
margin-top: 10px;
}
.fwxm-con .con-box {
display: none;
}
.fwxm-con .con-box.active {
display: block;
}
/* å…¬å¸ç®€ä»‹ */
.gsjj {
padding-bottom: 70px;
margin-top: 64px;
}
.gsjj .title1 h5,
.gsjj .title1 p {
color: #fff;
}
.gsjj .title1 b {
color: rgba(255, 255, 255, .5)
}
.gsjj .title1 b::before,
.gsjj .title1 b::after {
opacity: .3;
}
.gsjj ul {
background: #fff;
}
.gsjj ul li {
width: 50%;
position: relative;
height: 430px;
}
.gsjj ul li:first-child {
padding: 40px;
border-right: 1px solid #ededed;
}
.gsjj ul li:first-child .imgbox {
overflow: hidden;
display: block;
}
.gsjj ul li:first-child .imgbox .img {
height: 350px;
}
.gsjj ul li:last-child {
padding: 60px 40px 0 40px;
}
.gsjj ul li:last-child h5 {
font-size: 24px;
font-weight: bold;
color: #281b26;
padding-bottom: 15px;
position: relative;
}
.gsjj ul li:last-child h5::before {
content: "";
width: 20px;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
}
.gsjj ul li:last-child h5 span {
font-size: 12px;
color: #fff;
background: #d5d5d5;
border-radius: 30px;
padding: 0 10px;
line-height: 20px;
margin-left: 5px;
display: inline-block;
position: relative;
top: -2px
}
.gsjj ul li:last-child .text {
color: #555;
line-height: 26px;
margin: 28px 0;
max-height: 156px;
overflow: hidden;
}
.gsjj ul li:last-child a {
display: block;
width: 95px;
line-height: 30px;
border: 1px solid #e1e1e1;
text-align: center;
color: #5c5c5c;
border-radius: 30px;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}
.gsjj ul li:last-child a img {
margin-left: 8px;
position: relative;
top: -1.5px;
}
.gsjj ul li:last-child a img.img-2 {
display: none;
}
/* 优势 */
.youshi {
background-color: #f7f7f7;
padding-bottom: 40px;
}
.youshi .title {
background: #178780;
padding: 45px 10px;
position: relative;
text-align: center;
border-bottom: 7px solid #e5e5e5;
margin: 70px 0;
}
.youshi .title img {
max-width: 100%;
}
.youshi .title::before {
content: "";
border-left: 32px solid transparent;
border-right: 32px solid transparent;
border-top: 36px solid #e5e5e5;
position: absolute;
top: 100%;
left: 50%;
margin-left: -32px;
}
.youshi .title::after {
content: "";
border-left: 27px solid transparent;
border-right: 27px solid transparent;
border-top: 30px solid #178780;
position: absolute;
bottom: -28px;
left: 50%;
margin-left: -27px;
}
.youshi img.img-1 {
display: block;
max-width: 100%;
margin: 0 auto;
}
.youshi .con {
margin-bottom: 30px;
}
.youshi .con .bt h4 {
width: 50px;
height: 50px;
background: #178780;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 28px;
font-weight: bold;
}
.youshi .con .bt .text {
margin-left: 70px;
}
.youshi .con .bt .text h5 {
font-size: 24px;
font-weight: bold;
color: #178780;
}
.youshi .con .bt .text p {
font-size: 12px;
margin-top: 8px;
}
.youshi .con ul {
margin-top: 20px;
}
.youshi .con ul li {
color: #353535;
line-height: 26px;
position: relative;
padding-left: 15px;
transition: all .3s;
}
.youshi .con ul li::before {
content: "";
width: 4px;
height: 4px;
background: #178780;
position: absolute;
top: 11px;
left: 0;
}
/* 装修效果 */
.news3 {
display: block;
padding: 4px;
border: 1px solid #e9e9e9;
}
.news3 .imgbox {
position: relative;
overflow: hidden;
}
.news3 h5 {
background: rgba(0, 0, 0, .7);
font-size: 15px;
color: #fff;
text-align: center;
line-height: 60px;
padding: 0 10px;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
.zxxg .swiper-container {
padding-bottom: 1px;
}
.zxxg .main1 {
margin-top: 25px;
margin: 25px -15px 0;
}
.zxxg .main1 li {
padding: 0 15px;
}
.zxxg .news1 {
padding: 4px;
}
/* è£èª‰èµ„è´¨ */
.ryzz {
background-color: #f7f7f7;
margin-top: 70px;
padding-bottom: 60px;
}
.ryzz .title1 {
margin-bottom: 40px;
}
.ryzz-con {
position: relative;
}
.ryzz-con .but {
background: #151515 url(../images/jt.png) no-repeat center center;
width: 50px;
height: 50px;
margin-top: -25px;
left: -80px;
opacity: 1;
}
.ryzz-con .swiper-button-next {
left: auto;
right: -80px;
transform: rotateY(180deg);
}
.ryzz-con .swiper-container {
padding: 10px;
margin: 0 -10px;
}
.news4 {
display: block;
border: 1px solid #e9e9e9;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
background: #fff;
}
.news4 .imgbox {
padding: 10px;
}
.news4 h5 {
line-height: 50px;
color: #000;
text-align: center;
border-top: 1px solid #e9e9e9;
}
.news4 h5 img {
margin-left: 5px;
position: relative;
top: -1.5px;
}
.news4 h5 img.img-2 {
display: none;
}
/* æ–°é—»ä¸å¿ƒ */
.hyxw {
padding-bottom: 40px;
}
.news5 {
display: block;
border: 1px solid #e9e9e9;
padding: 18px;
background: #fff;
margin-bottom: 30px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
box-shadow: 3px 3px 10px rgba(0, 0, 0, .1);
}
.news5 .imgbox {
width: 245px;
height: 209px;
overflow: hidden;
}
.news5 .imgbox .img {
width: 100%;
height: 100%;
}
.news5 .text_box {
padding: 10px 0 0 266px;
}
.news5 h5 {
font-size: 18px;
font-weight: bold;
color: #2a2a2a;
line-height: 25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-height: initial
}
.news5 p {
color: #a8a8a8;
margin-top: 10px;
}
.news5 .text {
line-height: 24px;
color: #797979;
height: 72px;
overflow: hidden;
}
.news5 b {
display: block;
width: 93px;
line-height: 29px;
border: 1px solid #d4d4d4;
color: #333;
border-radius: 30px;
font-weight: normal;
text-align: center;
}
.news5 b img {
position: relative;
top: -1.5px;
}
.news5 b img.img-2 {
display: none;
}
/* è”系我们 */
.lxwm {
background: #0c3b49;
padding: 70px 0;
}
.lxwm .title {
font-size: 20px;
font-weight: bold;
color: #fff;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 25, .1);
margin-bottom: 20px;
}
.lxwm .text {
line-height: 26px;
color: #fff;
}
.lxwm .weixin img {
width: 140px;
height: 140px;
border: 5px solid #fff;
}
.lxwm .weixin p {
line-height: 21px;
color: #fff;
margin-top: 10px;
}
.lxwm ul li {
width: 33.33%;
float: left;
color: #fff;
text-align: center;
}
.lxwm ul li a {
color: #fff;
line-height: 32px;
transition: all .3s;
}
.lxwm ul li:nth-child(3n+1) {
text-align: left;
}
.lxwm ul li:nth-child(3n+3) {
text-align: right;
}
.lxwm form input,
.lxwm form textarea {
width: 100%;
height: 42px;
border: none;
margin-bottom: 3px;
padding: 0 10px;
}
.lxwm form textarea {
height: 84px;
resize: none;
padding: 10px;
}
.lxwm form button {
width: 100%;
height: 42px;
background: #178780;
color: #fff;
font-weight: bold;
font-size: 18px;
border: none;
margin-top: 6px;
transition: all .3s;
}
/* footer */
footer {
background: #178780;
padding: 20px 0;
text-align: center;
color: #fff;
line-height: 23px;
}
footer a {
color: #fff;
transition: all .3s;
}
/* 我è¦è£…修弹窗 */
.main5 {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .9);
top: 0;
left: 0;
z-index: 5006;
display: none;
}
.main5.active {
display: flex;
align-items: center;
justify-content: center;
}
.main5 .con-box {
width: 400px;
background: #fff;
padding: 20px;
border-radius: 10px;
position: relative;
}
.main5 .con-box i.guan {
width: 33px;
height: 33px;
border: 2px solid #fff;
border-radius: 50%;
position: absolute;
bottom: 100%;
right: 0;
color: #fff;
text-align: center;
line-height: 31px;
margin-bottom: 30px;
cursor: pointer;
}
.main5 .con-box i.guan span {
transform: rotate(45deg);
display: inline-block;
}
.main5 .con-box i.guan::before {
content: "";
width: 1px;
height: 40px;
background: #fff;
position: absolute;
top: 100%;
left: 50%;
}
.main5 .con-box i.guan:hover {
background-color: #188780;
}
.main5 .con-box .title {
font-size: 24px;
color: #188780;
margin-bottom: 20px;
}
.main5 .con-box dl {
margin-bottom: 20px;
}
.main5 .con-box dl dt {
font-size: 18px;
color: #666;
line-height: 30px;
width: 80px;
font-weight: normal;
text-align-last: justify;
text-align: justify;
text-justify: distribute-all-lines;
}
.main5 .con-box dl span {
font-size: 18px;
line-height: 30px;
}
.main5 .con-box dl dd {
margin-left: 100px;
}
.main5 .con-box dl input {
width: 100%;
height: 30px;
border: 1px solid #bfbfbf;
padding: 0 10px;
}
.main5 .con-box dl textarea {
width: 100%;
border: 1px solid #bfbfbf;
padding: 0 10px;
}
.main5 .con-box .but {
padding-left: 100px;
}
.main5 .con-box button {
width: 100%;
height: 30px;
background: #188780;
border-radius: 5px;
color: #fff;
font-size: 18px;
font-weight: lighter;
border: none;
transition: all .3s;
}
.main5 .con-box button:hover {
background: #08635d;
}
.main5 .con-box .con {
display: none;
}
.main5 .con-box .con.active {
display: block;
}
/*内页左侧*/
.neiye {
padding: 30px 0;
}
.neiye .title4 {
background: #178780;
position: relative;
line-height: 45px;
}
.neiye .title4 h5 {
line-height: 80px;
padding-left: 26px;
color: #fff;
font-size: 18px;
font-weight: bold;
}
.neiye .title4 h5 .span2 {
font-size: 13px;
margin-left: 5px;
color: rgba(255, 255, 255, 0.7);
font-weight: normal;
}
.neiye .title4 .span3 {
position: absolute;
top: 0;
line-height: 45px;
right: 15px;
color: #fff;
font-size: 18px;
}
.neiye .title4 i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 2;
}
.neiye .nav_box {
margin-bottom: 17px;
}
.neiye .nav_box .nav1 {
padding: 3px 0;
}
.neiye .nav_box .nav2 {
display: block;
line-height: 44px;
background: #fff;
border: 1px solid #e5e5e5;
margin-bottom: 2px;
padding: 1px;
}
.neiye .nav_box .nav2 .con {
background: #e5e5e5;
padding: 0 5px 0 24px;
}
.neiye .nav_box .nav2 .span4 {
width: 16px;
height: 16px;
line-height: 18px;
border-radius: 50%;
text-align: center;
display: inline-block;
font-size: 10px;
margin-right: 20px;
transition: all .3s;
color: #000;
background:url(jt.jpg) center #FFFFFF no-repeat;
}
.neiye .nav_box .nav2:hover,
.neiye .nav_box .nav2.active {
border-color: #104454;
}
.neiye .nav_box .nav2:hover .con,
.neiye .nav_box .nav2.active .con {
color: #fff;
background: #104454;
}
.neiye .nav_box .nav2:hover .span4,
.neiye .nav_box .nav2.active .span4 {
background: url(jt.jpg) center #FFFFFF no-repeat;
color: #000;
}
.neiye .nav1 ul {
display: none;
padding: 0 30px;
}
.neiye .nav1 ul.ul1 {
display: block;
}
.neiye .nav1 ul li a {
display: block;
line-height: 40px;
color: #444;
position: relative;
text-align: center;
border-bottom: 1px solid #e5e5e5;
}
.neiye .nav1 ul li a .span5 {
margin-right: 5px;
display: inline-block;
width: 8px;
height: 8px;
position: relative;
}
.neiye .nav1 ul li a .span5:before {
content: "-";
position: absolute;
top: -3px;
left: 0;
line-height: 8px;
font-size: 20px;
}
.neiye .nav1 ul li a:hover,
.neiye .nav1 ul li a.active {
color: #2954a0;
}
.neiye .nav1 ul li a:hover .span5:before,
.neiye .nav1 ul li a.active .span5:before {
content: "+";
left: -2px;
}
.neiye .lxfs .con {
border: 1px solid #e5e5e5;
margin-top: 3px;
}
.neiye .lxfs .phone {
padding: 20px;
background: url(../images/icon3.png) no-repeat 20px center;
padding-left: 60px;
border-bottom: 1px solid #e5e5e5;
}
.neiye .lxfs .phone h5 {
font-size: 24px;
font-weight: bold;
color: #104454;
}
.neiye .lxfs .text {
padding: 15px;
line-height: 28px;
color: #464646;
}
.neiye .lxfs .text b {
font-size: 15px;
color: #000;
}
.neiye .lxfs .weixin {
border: 1px solid #d9d9d9;
width: 130px;
height: 130px;
background: #fff;
padding: 10px;
margin: 20px auto 0;
}
.neiye .lxfs .weixin img {
width: 100%;
height: 100%;
}
.neiye .title5 {
border-bottom: 1px solid #d9d9d9;
padding-bottom: 10px;
margin-bottom: 20px;
}
.neiye .title5 h5 {
font-size: 18px;
color: #333;
font-weight: bold;
}
.neiye .title5 p {
font-size: 13px;
color: #777;
}
.neiye .title5 p a {
color: #777;
}
.neiye .title5 p a:hover {
color: #178780;
}
.neiye .title5 p span {
color: #178780;
}
.fwxm-ny {
padding: 0 5px;
}
.fwxm-ny .col-sm-4 {
padding: 0;
}
.fwxm-ny .news2,
.fwxm-ny .news4 {
margin: 0 10px 20px;
}
.zxly-ny.lxwm {
margin: 0 !important;
padding: 0 !important;
background: none;
}
.zxly-ny form {
max-width: 600px;
margin: 0 auto;
}
.zxly-ny form input,
.zxly-ny form textarea {
border: 1px solid #ccc;
}
.zxly-ny form textarea {
height: 150px;
}
/*详情页*/
.xqy {
line-height: 25px;
min-height: 300px;
}
.xqy .title {
text-align: center;
margin-bottom: 20px;
}
.xqy .title h5 {
font-size: 16px;
font-weight: bold;
}
.xqy .title p {
color: #999;
text-align: center;
line-height: 40px;
border-bottom: 1px dashed #999;
}
.xqy .con {
line-height: 25px;
}
.xqy .con img {
display: block;
max-width: 100%;
margin: 0 auto;
}
/*微信弹窗*/
.weixin_popup {
position: fixed;
top: 50%;
left: 50%;
border: 1px solid #ccc;
padding: 30px 30px 0 30px;
text-align: center;
background: #fff;
transform: scale(0);
margin: -116px 0 0 -106px;
z-index: 5000;
}
.weixin_popup.active {
transform: scale(1);
transition: transform .3s;
}
.weixin_popup i {
color: #999;
position: absolute;
top: 5px;
right: 5px;
transform: rotate(45deg);
font-size: 20px;
cursor: pointer;
}
.weixin_popup i:hover {
color: red;
}
.weixin_popup img {
width: 150px;
height: 150px;
}
.weixin_popup p {
line-height: 30px;
}
/*å³ä¾§æ‚¬æµ®*/
.suspend_nav {
background: #178780;
width: 80px;
position: fixed;
bottom: 50px;
right: 10px;
text-align: center;
z-index: 5000;
border: 1px solid rgba(255, 255, 255, 0.7);
}
.suspend_nav .list {
height: 80px;
color: #fff;
padding-top: 14px;
transition: all .3s;
position: relative;
overflow: hidden;
cursor: pointer;
}
.suspend_nav .list:last-child {
border: none;
}
.suspend_nav .list:before {
content: "";
width: 100%;
height: 100%;
top: -80px;
right: 0;
background: #043431;
position: absolute;
transform: rotate(0);
transition: all .3s;
}
.suspend_nav .list i {
display: block;
transition: all .3s;
position: relative;
z-index: 2;
font-size: 30px;
}
.suspend_nav .list p {
position: relative;
z-index: 2;
}
.suspend_nav .top {
padding: 0;
line-height: 80px;
height: 0;
overflow: hidden;
opacity: 0;
}
.suspend_nav .top:after {
content: "";
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.3);
position: absolute;
bottom: 0;
left: 0;
}
.suspend_nav .top.active {
height: 80px;
opacity: 1;
}
.suspend_nav .top i {
font-size: 38px;
}
.suspend_nav .on-off {
padding: 0;
line-height: 80px;
}
.suspend_nav .on-off.active i {
transform: rotate(135deg);
}
.suspend_nav .list:hover {
color: #fff;
}
.suspend_nav .list:hover:before {
top: 0;
transform: rotate(90deg);
}
.suspend_nav ul li {
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.suspend_nav ul li .list {
border: none;
}
.suspend_nav ul li .weixin {
position: absolute;
right: 90px;
bottom: 0;
border: 1px solid #178780;
transform: scale(0);
transform-origin: 100% 100%;
transition: all .3s;
padding-bottom: 10px;
background: #fff;
padding: 5px;
}
.suspend_nav ul li .weixin:before {
content: "";
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 10px solid #178780;
position: absolute;
bottom: 0;
left: 100%;
transition: all .5s;
}
.suspend_nav ul li .weixin img {
width: 150px;
height: 150px;
}
.suspend_nav ul li:hover .weixin {
transform: scale(1);
}
.suspend_nav ul li:hover .weixin:before {
bottom: 18px;
}
.suspend_nav ul li .popup {
position: absolute;
min-width: 200px;
min-height: 150%;
top: 0;
right: 100%;
border: 1px solid #178780;
text-align: left;
display: flex;
justify-content: center;
align-items: center;
background: #178780;
color: #fff;
visibility: hidden;
transition: all .3s;
opacity: 0;
padding: 0 15px;
}
.suspend_nav ul li .popup:before {
content: "";
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 0 solid #178780;
position: absolute;
top: 0;
left: 100%;
transition: top .5s;
}
.suspend_nav ul li .popup p {
font-size: 16px;
}
.suspend_nav ul li .popup h5 {
font-size: 20px;
margin-top: 5px;
}
.suspend_nav ul li .popup a {
font-size: 20px;
color: #fff;
display: inline-block;
margin-top: 5px;
}
.suspend_nav ul li:hover .popup {
visibility: visible;
right: 90px;
opacity: 1;
}
.suspend_nav ul li:hover .popup:before {
top: 18px;
border-left-width: 10px;
}
/*移动端底部çƒç‚¹*/
.bottom_link {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background: #178780;
text-align: center;
z-index: 5000;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.bottom_link ul li {
width: 25%;
height: 50px;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.bottom_link ul li:last-child {
border: none;
}
.bottom_link ul li a {
display: block;
color: #fff;
font-size: 16px;
padding-top: 5px;
position: relative;
}
.bottom_link ul li a i {
display: block;
height: 20px;
}
.bottom_link ul li:last-child a i {
font-size: 20px;
position: relative;
top: -1px;
}
/*媒体查询开始*/
@media(min-width:992px) {
.news1:hover {
border-color: #178780;
}
.news1:hover .img {
transform: scale(1.1);
}
.news1:hover .mask {
background: rgba(23, 135, 128, .9);
display: flex;
justify-content: center;
align-items: center;
top: 0;
margin-top: 0;
}
.news1:hover .mask h5 {
font-size: 22px;
font-weight: bold;
}
.news1:hover .mask .text {
top: 0;
opacity: 1;
transition-duration: .8s;
}
.news1:hover .mask b {
top: 0;
opacity: 1;
transition-duration: 1.2s;
}
.news3:hover {
border-color: #178780;
}
.news2:hover .imgbox {
border-color: #178780;
}
.news2:hover h5 {
color: #178780;
}
.gsjj ul li:first-child .imgbox:hover .img {
transform: scale(1.1);
}
.gsjj ul li:last-child a:hover {
background: #178780;
color: #fff;
border-color: #178780;
box-shadow: 3px 3px 10px rgba(23, 135, 128, .2);
}
.gsjj ul li:last-child a:hover img.img-1 {
display: none;
}
.gsjj ul li:last-child a:hover img.img-2 {
display: initial;
}
.news3:hover .img {
transform: scale(1.1);
}
.news3:hover h5 {
background: rgba(23, 135, 128, .9);
}
.ryzz-con .but:hover {
background-color: #178780;
}
.news4:hover {
border-color: #178780;
}
.news4:hover h5 {
background: #178780;
color: #fff;
}
.news4:hover h5 img.img-1 {
display: none;
}
.news4:hover h5 img.img-2 {
display: initial;
}
.news4:hover .img {
transform: scale(0.9);
}
.news5:hover {
border-color: #178780;
box-shadow: 3px 3px 10px rgba(23, 135, 128, .2);
}
.news5:hover .img {
transform: scale(1.1);
}
.news5:hover h5 {
color: #178780;
}
.news5:hover b {
background: #178780;
border-color: #178780;
color: #fff;
}
.news5:hover b img.img-1 {
display: none;
}
.news5:hover b img.img-2 {
display: initial;
}
.lxwm ul li a:hover {
color: #d1b95a;
}
.lxwm form button:hover {
background: #4ecac2;
}
footer a:hover {
color: #000 !important;
}
.youshi .con ul li:hover {
color: #178780;
}
}
@media(max-width:1370px) {
.swiper-button-prev,
.swiper-button-next {
display: none !important;
}
}
@media(max-width:1199px) {
.logo-box .phone {
margin-top: 54.5px;
}
.logo-box .phone h5 {
font-size: 20px;
}
}
@media (max-width:991px) {
header .sjdnav {
display: none;
width: 150px;
height: auto;
position: absolute;
right: 0;
top: 100px;
z-index: 2000;
}
header .sjdnav ul {
padding: 0;
margin: 0;
}
header .sjdnav li {
display: block;
padding: 0;
text-align: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
background: #178780;
}
header .sjdnav li:last-child {
border: none;
}
header .sjdnav li a {
display: block;
color: #fff;
line-height: 40px;
font-size: 16px;
}
header .ydd_btn {
width: 40px;
cursor: pointer;
position: absolute;
z-index: 2000;
top: 35px;
right: 15px;
}
header .ydd_btn span {
display: block;
width: 100%;
height: 8px;
background: #178780;
}
header .ydd_btn span.span02 {
margin: 5px 0;
}
header .ydd_btn.click span {
background: #178780;
}
header .ydd_btn.click span.span01 {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
position: relative;
top: 8px;
margin-top: 0px;
}
header .ydd_btn.click span.span02 {
margin: 0.5px 0;
}
header .ydd_btn.click span.span03 {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
position: relative;
top: -8px;
margin-top: 0px;
}
header .ydd_btn.click span.span02 {
width: 0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.neiye .title4 .span1 {
display: none;
}
.neiye .title4 h5 {
padding-left: 15px;
line-height: 45px;
}
.neiye .title4 h5 .span2 {
display: none;
}
.neiye .nav_box .nav2 {
text-align: center;
line-height: 38px;
}
.neiye .nav_box .nav2 .con {
padding: 0 5px;
}
.neiye .nav_box .nav2 .span4 {
display: none;
}
.neiye .nav1 ul.ul1 {
display: none;
}
.neiye .nav1 ul li a {
text-align: center;
padding: 0 5px;
}
.neiye .nav1 ul li a .span5 {
display: none;
}
.neiye .nav_box {
margin-bottom: 20px;
}
.neiye {
padding: 20px 0;
}
.gsjj ul li {
width: 100%;
height: auto;
}
.gsjj ul li:first-child {
padding: 10px;
}
.gsjj ul li:first-child .imgbox .img {
height: auto;
}
.gsjj ul li:last-child {
padding: 10px;
}
.gsjj ul li:last-child::before,
.gsjj ul li:last-child::after {
display: none;
}
.lxwm {
padding: 40px 0 70px;
text-align: center;
}
.lxwm .title {
margin-top: 30px;
text-align: center;
}
.logo-box {
height: auto;
}
.logo-box .logo {
height: 100px;
line-height: 100px;
}
.ryzz-con .swiper-container {
padding: 0 0 1px;
margin: 0;
}
.news4 {
box-shadow: none;
}
.ryzz {
padding-bottom: 70px;
}
.ryzz .title1 {
margin-bottom: 50px;
}
}
@media (max-width:767px) {
body {
padding-bottom: 50px;
}
header .sjdnav {
top: 80px;
}
header .ydd_btn {
width: 35px;
top: 30px;
}
header .ydd_btn span {
height: 4px;
}
header .ydd_btn span.span02 {
margin: 3px 0;
}
header .ydd_btn.click span.span02 {
margin: 4px 0;
}
.carousel-indicators {
bottom: 2px;
}
.carousel-indicators li {
width: 10px;
height: 10px;
margin: 1px;
}
.carousel-indicators .active {
width: 10px;
height: 10px;
margin: 1px;
}
.gsjj {
margin-top: 30px;
padding-bottom: 30px;
}
.gsjj ul li:last-child h5 {
font-size: 18px;
}
.gsjj ul li:last-child .text {
margin: 10px 0 15px;
}
.news5 {
padding: 5px;
margin-bottom: 15px;
}
.news5 .imgbox {
width: 120px;
height: 90px;
}
.news5 .text_box {
padding: 0 0 0 130px;
}
.news5 h5 {
font-size: 16px;
}
.news5 p {
margin-top: 0;
font-size: 12px;
}
.news5 .text {
line-height: 20px;
height: 40px;
margin: 5px 0;
font-size: 13px;
}
.news5 b {
display: none;
}
.lxwm {
padding: 0 0 30px;
}
.lxwm .title {
font-size: 18px;
padding-bottom: 10px;
}
.lxwm form button {
font-size: 16px;
}
.logo-box .logo {
height: 80px;
line-height: 80px;
max-width: 50%;
}
.title1 {
margin: 30px 0;
}
.title1 h5 {
font-size: 20px;
}
.title1 b {
font-size: 12px;
margin: 10px 0;
}
.title1 p {
font-size: 13px;
}
.nav3 {
margin-bottom: 20px;
}
.nav3 a {
line-height: 35px;
}
.news1 {
padding: 5px;
}
.news1 .mask {
margin-top: -35px;
}
.news1 .mask h5 {
line-height: 35px;
}
.main1 {
margin: 0 -5px;
}
.main1 li {
padding: 0 5px;
}
.main2 {
margin-top: 10px;
}
.news2 h5 {
margin-top: 5px;
}
.youshi {
padding-bottom: 0;
}
.youshi .title {
margin: 30px 0 60px;
padding: 30px 10px;
}
.youshi .con .bt .text h5 {
font-size: 18px;
}
.youshi .con .bt .text p {
font-size: 11px;
}
.youshi .con .bt h4 {
width: 43px;
height: 43px;
line-height: 43px;
font-size: 20px;
}
.youshi .con .bt .text h5 {
font-size: 18px;
}
.youshi .con .bt .text p {
font-size: 11px;
}
.youshi .con .bt .text {
margin-left: 53px;
}
.youshi .con ul {
margin-top: 15px;
}
.news3 h5 {
line-height: 35px;
}
.zxxg .main1 {
margin: 10px -5px 0;
}
.zxxg .main1 li {
padding: 0 5px;
}
.ryzz {
margin-top: 30px;
padding-bottom: 30px;
}
.news4 h5 {
line-height: 35px;
}
.ryzz .title1 {
margin-bottom: 30px;
}
.hyxw {
padding-bottom: 15px;
}
.fwxm-ny {
padding: 0 10px;
}
.fwxm-ny .news2,
.fwxm-ny .news4 {
margin: 0 5px 10px;
}
}
@media (max-width:479px) {
header .ydd_btn {
width: 25px;
top: 21px;
}
header .sjdnav {
top: 60px;
}
.logo-box .logo {
height: 60px;
line-height: 60px;
max-width: 60%;
}
.main5 {
padding: 0 10px;
}
.main5 .con-box {
width: 100%;
}
.main5 .con-box .title {
font-size: 18px;
}
.main5 .con-box dl dt {
width: 68px;
}
.main5 .con-box dl dt,
.main5 .con-box button {
font-size: 16px;
}
.main5 .con-box dl {
margin-bottom: 10px;
}
.main5 .con-box dl dd {
margin-left: 88px;
}
.main5 .con-box .but {
padding-left: 88px;
}
}
/*分页样式*/
.page{
clear:both;
margin:20px 0px 20px 0px;
text-align: center;
}
.page a{
display: inline-block;
font-family: Arial;
font-size: 13px;
border: #dbdbdb 1px solid;
padding:4px 9px;
margin: 2px;
margin-bottom: 5px;
color: #31363c;
text-decoration: none
}
.page a:hover,.page a:focus{
font-family: Arial;
font-size: 13px;
border: #178780 1px solid;
padding:4px 9px;color: #fff;
background-color: #178780;
}
.page .current{
font-family: Arial;
border: #178780 1px solid;
font-size: 13px;
padding:5px 9px;
color: #fff;
margin: 2px;
background-color: #178780
}
/*产品详细页*/
.showpic_box,.proinfo_box{
margin: 20px 0px 20px 0px;
}
.product_h1{
margin:0px;
line-height:22px;
font-size:18px;
font-weight: bold;
color: #000;
padding-bottom:10px;
border-bottom: 1px dotted #cccccc;
}
.product_info{
list-style:none;
padding:0px;
margin-top:10px;
}
.product_info p{
line-height:28px;
}
.product_btn{
margin-top: 25px;
}
#pic-page{
text-align: center;
margin-top:10px;
}
#pic-page a{
margin: 0 2px;
display:inline-table;
}
#pic-page a img
{
width:40px;
padding: 2px;
border: solid #ccc 1px;
margin-bottom:5px;
}
#pic-page a:hover img,
#pic-page a.active img {
border: solid #5280DD 1px;
}
.product_con {
clear: both;
border-top: 1px dotted #a9a9a9;
margin:10px 0px 20px 0px;
padding:20px 0px 0px 0px;
line-height:26px;
overflow: auto;
}
.photo_con {
clear: both;
margin:0px 0px 20px 0px;
padding:10px 0px 20px 0px;
line-height:26px;
overflow: auto;
}
.product_con img,
.photo_con img {
max-width: 840px;
}
/*列表页-右栏*/
.right_head{
clear: both;
}
.right_head h2{
height: 50px;
font-size: 22px;
font-weight: normal;
color: #545454;
line-height: 50px;
border-bottom: 1px solid #ebebeb;
}
.right_head h2 span{
display: inline-block;
height: 50px;
border-bottom: 1px solid #305DC3;
}
.right_contents{
clear: both;
padding:15px 0px 15px 0px;
line-height:28px;
overflow: auto;
}
.right_contents_h1{
margin: 0px;
padding: 10px 0px;
text-align: center;
color: #000;
font-size:24px;
color:#434343;
font-weight:bold;
line-height: 34px;
}
.right_contents_h2{
text-align:center;
line-height: 34px;
color:#777777;
margin-bottom:20px;
}
.right_contents img {
max-width: 840px;
}
/*按钮样式*/
.download_btn {
float: right;
display: block;
margin: 10px 10px 20px 0px;
}
/*列表页-新闻*/
.right_new{
clear: both;
list-style:none;
margin:0px;
padding:0px 0px 20px 0px;
}
.right_new li{
color:#898989;
font-size: 16px;
line-height:22px;
padding:12px 0px;
padding-left:13px;
border-bottom: 1px dashed #e3e2e2;
}
.right_new li a{
color:#2F2F2F;
}
.right_new li a:hover,
.right_new li a:focus{
text-decoration:none;
color:#0071bf;
}
.right_new_time{
float:right;
}
.relevant_new ul.right_new li{
font-size: 14px;
}
/*上一个下一个*/
.point{
clear: both;
margin:20px 0px 40px 0px;
padding-bottom: 40px;
line-height:22px;
}
.point span.to_prev{
text-align:center;
}
.point span.to_prev a{
color:#337AB7;
}
.point span.to_prev a:hover{
color: #ea042b;
}
.point span.to_next{
text-align:center;
}
.point span.to_next a{
color:#337AB7;
}
.point span.to_next a:hover{
color: #ea042b;
}