@charset 'utf-8';
html{
font-size:100px;
}
body{font-size:0.14rem;background: #fff;font-family: "Microsoft YaHei"}
@media (max-width:1323px){
html{font-size:100px;}
body{font-size:0.14rem}
}
@media (max-width:900px){
html{font-size:94px;}
body{font-size:0.14rem}
}
@media (max-width:750px){
html{font-size:90px;}
body{font-size:0.14rem}
}
body,h1,h2,h3,h4,h5,h6,p,ul,li{
margin:0;
padding:0;
}
ul,li{
list-style: none;
}
a{
text-decoration: none;
color:#333;
}
body{
color:#333333;
font-family: "Microsoft YaHei";
max-width: 19.2rem;
margin:0 auto
}
.clear{
clear:both
}
.header{padding:0.24rem 5.2% 0 5.2%}
.header .logo{
width:1.72rem;
float:left;
}
.header .logo img{
width:100%;
display: block;
}
.header h1{
text-indent: -99999px;
height:0
}
.header .line{
width:0.01rem;
height:0.6rem;
background: #dcdcdc;
margin-top: 0.03rem;
float: left;
margin:0 0.35rem
}
.header .tel{
float:left
}
.header .tel h2{
font-size:0.16rem;
line-height: 0.32rem;
margin-top: -0.06rem;
/* margin-bottom: 0.08rem; */
}
.header .tel .icon{
width:0.44rem;
height:0.38rem;
background: url(../images/icon2.png);
background-size:100%;
float: left;
margin-right: 0.12rem;
}
.header .tel p{
line-height: 0.24rem;
font-size:0.27rem;
margin-bottom: 0.02rem;
font-weight: bold;
}
.header .tel span{
font-size:0.12rem;
line-height: 0.12rem;
display: block;
letter-spacing: 0.09rem;
}
.header .nav{
float: right;
padding-top:0.23rem;
}
.header .nav ul{
float:left;
/*display: block!important*/
}
.header .nav li{
float: left;
margin-right: 0.6rem;
height:0.58rem;
box-sizing: border-box;
}
.header .nav li.on{
border-bottom:0.05rem solid #d2c473;
}
.header .nav li a{
line-height: 0.18rem;
font-size:0.18rem;
display: block;
}
.header .nav .icon{
width:0.21rem;
height:0.21rem;
background: url(../images/icon1.png);
background-size:100%;
float: left;
}
.header .nav .b_icon{
display: none
}
.header .nav .s_icon{
display: none
}
.main{
max-width:13.23rem;
margin:0 auto;
}
.footer{
background:#1e2429;
color:#fff;
}
.footer .title{
font-size:0.2rem;
line-height: 0.2rem;
padding:0.45rem 0 0.35rem 0;
border-bottom:0.01rem solid #3b4764;
margin-bottom:0.5rem;
}
.footer .title span{
font-size:0.14rem;
}
.footer .left{
float:left;
margin-right:1.2rem;
}
.footer .cen{
overflow: hidden;
}
.footer form{
float:right;
width:2.55rem;
}
.footer .logo{
width:1.8rem;
margin-bottom:1.25rem;
}
.footer .logo img{
width:100%;
display: block;
}
.footer .code p{
font-size:0.14rem;
color:#b6b9c3;
line-height: 0.32rem
}
.footer .code img{
width:0.9rem;
display: block;
}
.footer .codel{
float: left;
}
.footer .coder{
padding-top: .2rem;
padding-left: 1rem;
}
.footer form p{
margin-bottom:0.25rem;
}
.footer form label{
display: block;
width:100%;
margin-bottom: 0.06rem
}
.footer form input{
display: block;
width:100%;
line-height: 0.33rem;
height:0.33rem;
background:#2b344a;
border:none;
padding:0 0.15rem;
box-sizing: border-box;
color:#b6b9c3;
font-size:0.12rem;
font-family: "微软雅黑"
}
.footer form textarea{
width:100%;
height: 0.83rem;
background:#2b344a;
border:none;
padding:0.12rem 0.15rem;
box-sizing: border-box;
resize: none;
display: block;
}
.footer form button{
background:#b8a748;
line-height: 0.33rem;
height:0.33rem;
text-align: center;
display: block;
width:100%;
border:none;
color:#fff;
}
.footer form input::-webkit-input-placeholder{
color: #b6b9c3;
}
.footer form input::-moz-input-placeholder{
color: #b6b9c3;
}
.footer form input::-ms-input-placeholder{
color: #b6b9c3;
}
.footer form textarea::-webkit-input-placeholder{
color: #b6b9c3;
}
.footer form textarea::-moz-input-placeholder{
color: #b6b9c3;
}
.footer form textarea::-ms-input-placeholder{
color: #b6b9c3;
}
.footer .cen .icon{
width:;
}
.footer .cen p{
line-height: 0.36rem;
color:#b6b9c3;
}
.footer .tel,
.footer .address,
.footer .mail{
width:50%;
float:left;
}
.footer .cen img{
width:0.25rem;
}
.footer .cen .tel img{
margin-bottom:0.1rem;
}
.footer .cen .address img{
margin-bottom:0.05rem;
}
.footer .cen .mail img{
margin-top:0.11rem;
margin-bottom:0.05rem;
}
.footer .cen ul{
margin-top:0.55rem;
overflow: hidden;
}
.footer .cen li{
width:50%;
float:left;
line-height: 0.24rem;
}
.footer .cen a{
color:#b6b9c3;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width:90%;
}
.footer .copyright{
border-bottom:0.01rem solid #3b4764;
text-align: right;
color:#b6b9c3;
font-size:0.14rem;
line-height: 0.54rem;
margin-top:-0.05rem;
}
.footer .links{
line-height: 0.24rem;
padding: 0.3rem 0
}
.footer .links span{
width:1.6rem;
padding-left:0.1rem;
box-sizing: border-box;
float: left;
color:#b6b9c3;
}
.footer .links ul{
overflow: hidden;
}
.footer .links li{
float:left;
margin-right:0.15rem;
}
.footer .links a{
color:#b6b9c3;
}
.footer1{
padding-top:0.55rem;
}
.footer1 .cen img,
.footer1 .cen .mail img,
.footer1 .cen .address img{
float:left;
margin:0;
}
.footer1 .cen p{
padding-left:0.55rem;
line-height: 0.26rem;
height:0.26rem;
}
.footer1 .tel{
width:27.3%;
}
.footer1 form{
width:19.65%;
}
.footer1 .address,
.footer1 .mail{
width:39.6%;
}
.footer1 .code{
width:0.7rem;
overflow: hidden;
}
.footer1 .code img{
width:100%;
float: none
}
.footer1 .code p{
color:#b6b9c3;
font-size:0.14rem;
padding:0;
}
.footer1 .cen ul{
padding:0 0.25rem 0 0.55rem;
}
.footer1 .cen li{
width:33.33%;
}
.footer1 .copyright{
border-top:0.01rem solid #3b4764;
margin-top:0;
text-align: left;
margin-top:0.3rem;
text-indent:0.55rem;
}
/* 位置 */
.location{
text-align:right;
font-size:0.12rem;
color:#999999;
line-height: 0.2rem;
padding:0.27rem 0 0.3rem 0
}
.location span{
margin:0 0.08rem;
}
.location a{
color:#999999;
}
.location .icon{
width:0.2rem;
height:0.2rem;
background: url(../images/icon3.png);
background-size:100%;
text-align: right;
display: inline-block;
vertical-align: middle;
}
/* 位置 */
/* menu */
.menu{
position: fixed;
width:100%;
background: #1e2429;
bottom:0;
left:0;
z-index:3;
display: none;
}
.menu ul{
padding:0.08rem 0 0.1rem 0;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
}
.menu li{
width:33.33%;
text-align: center;
}
.menu i{
width:0.25rem;
height:0.25rem;
display: block;
margin:0 auto;
}
.menu i.home{
background: url(../images/home.png);
background-size:100%;
}
.menu i.consult{
background: url(../images/consult.png);
background-size:100%;
}
.menu i.tel{
background: url(../images/tel1.png);
background-size:100%;
}
.menu p{
font-size:0.14rem;
color:#fff;
margin-top:0.05rem
}
/* 案例详情 */
.banner{
position: relative;
overflow: hidden;
}
.banner img{
width:100%;
display: block;;
}
.banner img.middle,
.banner img.small{
display: none;
}
.banner .text{
position: absolute;
font-size:0.3rem;
height:0.64rem;
color: #fff;
text-align:center;
top:0;
margin:auto;
bottom:0;
right:0;
left:0;
letter-spacing: 0.03rem;
}
.banner .text span{
font-size:0.14rem;
line-height: 0.24rem;
display: block;
text-transform: uppercase;
letter-spacing: 0;
}
.banner .category{
position: absolute;
width:100%;
bottom:0;
background:rgba(0,0,0,0.18);
border-bottom:0.01rem solid #d1d1d1;
text-align: center;
padding:0.13rem 0;
}
.banner .category li{
width:1.38rem;
text-align: center;
display: inline-block;
line-height: 0.16rem;
border-right:0.01rem solid #c0c1cc;
}
.banner .category li:last-child{
border-right:none;
}
.banner .category a{
color:#fff;
font-size:0.14rem;
}
.case_det .box {
border:0.01rem solid #cdcdcd;
padding:0 0.65rem 0.83rem 0.65rem
}
.case_det .box .title{
border-bottom:0.01rem solid #cdcdcd;
padding:0.39rem 0 0.17rem 0
}
.case_det .box .title h3{
font-size:0.18rem;
line-height: 0.18rem;
margin-bottom:0.25rem;
font-weight:normal;
}
.case_det .box .title p{
font-size:0.14rem;
line-height: 0.24rem;
}
.case_det .box .video0 {
position: relative;
height: 0;
overflow: hidden;
}
.case_det .box .video-container {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.case_det .box .content img{
max-width: 100%;
}
.case_det .box .video-container iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.case_det .content h4{
font-size:0.14rem;
line-height: 0.14rem;
padding:0.3rem 0 0.15rem 0
}
.case_det .content p{
line-height: 0.24rem;
font-size:0.14rem
}
.case_det .content .pic{
/* display: flex;
justify-content:space-between;
flex-wrap: wrap; */
margin-top:0.15rem;
}
.case_det .content .pic img{
width:48.2%;
margin-top:0.23rem;
}
.case_det .content .pic img:nth-child(2n){
float:right
}
.tuijian{
padding-bottom: 0.55rem;
}
.tuijian .title{
font-size:0.2rem;
line-height: 0.2rem;
padding:0.42rem 0 0.75rem 0.7rem
}
.tuijian .title a{
font-size:0.14rem;
float:right
}
.tuijian ul{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}
.tuijian li{
width: 32.7%;
}
.tuijian li img{
width:100%;
}
.tuijian li h3{
font-size:0.16rem;
text-align: center;
font-weight:normal;
padding:0.2rem 0;
text-overflow: ellipsis;white-space: nowrap;
overflow: hidden;
}
/*about*/
.about{
padding-bottom:0.8rem;
}
.about_title{
text-align: center;
padding:0.3rem 0 0.45rem 0;
}
.about_title h4{
color:#000;
font-size:0.2rem;
font-weight: normal;
line-height: 0.2rem;
margin-bottom:0.1rem;
}
.about_title p{
color:#ccc;
font-size:0.14rem;
line-height: 0.14rem
}
.about .content{
border-bottom:0.01rem solid #dadada;
padding:0 1rem;
}
.about .content.js{
padding-bottom:0.8rem;
}
.about .content.ys{
padding-bottom:0.45rem;
}
.about .content.lc{
padding-bottom:1.05rem;
}
.about .content.wh{
padding-bottom:0.53rem;
border-bottom:none;
}
.about .content p{
line-height: 0.3rem;color:#333;
font-size:0.16rem;
min-height: 0.3rem
/*margin-top:0.3rem;*/
/*padding:0 1rem;*/
}
.about .content ul{
overflow:hidden;
padding-bottom:0.9rem
}
.about .content li{
width:50%;
float: left;
box-sizing: border-box;
}
.about .content li:first-child{
padding-left:1.7rem;
}
.about .content li:last-child{
padding-left:2.2rem;
}
.about .content li span{
display: block;
}
.about .content .num{
color:#b8a748;
font-size:0.93rem;
margin-left: -0.09rem;
line-height: 0.98rem;
margin-bottom:0.03rem
}
.about .content sup{
font-size:0.5rem;
vertical-align: text-top;
margin-left:-0.15rem;
margin-top: -0.17rem;
display: inline-block;
}
.about .content sup b{
font-size:0.3rem;
font-weight: normal;
vertical-align:top;
}
.about .pics{
display: flex;
justify-content: space-between;
}
.about .pics li{
width:30.5%;
}
.about .pics img{width:100%;display: block;}
/*about*/
/*pingjia*/
.pingjia {
padding-bottom:0.68rem;
}
.pingjia .about_title .title{
text-align: center;
padding:0rem 0 0.45rem 0;
}
.pingjia .list{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pingjia .list li{
border:0.01rem solid #bfbfbf;
margin-bottom:0.35rem;
padding:0.25rem 0.5rem 0.2rem 0.5rem;
width:47.6%;
box-sizing: border-box;
}
.pingjia .list li h3{
font-size:0.18rem;
line-height: 0.18rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
margin-bottom:0.1rem;
font-weight: normal;
}
.pingjia .list li span{
display: block;
color:#999999;
font-size:0.12rem;
line-height: 0.12rem;
margin-bottom:0.25rem;
}
.pingjia .list li p{
font-size:0.14rem;
line-height: 0.24rem
}
.pingjia .list li .more {
overflow:hidden;
padding:0.42rem 0 0 0;
}
.pingjia .list li .line{
overflow:hidden;
border-bottom:0.01rem solid #bfbfbf;
margin-top:0.07rem;
}
.pingjia .list li .more a{
float:right;
font-size:0.14rem;
line-height: 0.14rem;
margin-left: 0.18rem
}
.pingjia .list li:hover,
.pingjia .list li:hover .line{
border-color:#b8a748;
}
.pingjia .list li:hover h3,
.pingjia .list li:hover .more a{
color:#b8a748;
}
/*pingjia*/
.page {text-align: center;font-size:0;padding-top:0.32rem;}
.page a,.page span{
font-size:0.1rem;
color:#fff;
display: inline-block;
line-height: 0.3rem;
background:#818181;
padding:0 0.13rem;
margin:0 0.02rem;
font-size:0.14rem;
}
.page a.cur{
background:#b8a748;
}
.page .more{
color:#333;
background:none;
}
/*history*/
.history .list{
overflow:hidden;
padding-bottom: 0.8rem;
}
.history .list li{
width:50%;
float:left;
/* box-sizing: border-box; */
padding:0.25rem 0;
border-bottom:0.01rem solid #e6e6e6;
height: 0.78rem;
overflow: hidden;
}
.history .list li:nth-chlid(2n){
padding-left:0.35rem;
}
.history .list .time{
background:#b8a748;
color:#fff;
font-size:0.2rem;
float:left;
text-align: center;
width:0.84rem;
font-weight: bold;
line-height: 0.39rem;
letter-spacing: -0.01rem;
margin-right:0.35rem;
}
.history .list .time span{
font-size:0.16rem;
display: block;
background:#a69539;
}
.history .list h3{
font-size: 0.18rem;
font-weight:normal;
height: 0.78rem;
display: table-cell;
vertical-align: middle;
padding-right:0.5rem;
overflow:hidden;
}
.history .list li:hover .time{
background:#a7a7a7;
}
.history .list li:hover .time span{
background:#9a9a9a;
}
.zizhi{
padding-bottom:0.85rem;
}
.zizhi .swiper-container{
padding:0 0.18rem;
box-sizing: border-box;
}
.zizhi .swiper-slide{
padding:0 0.24rem;
box-sizing: border-box;
}
.zizhi .swiper-slide img{
width:100%;
display: block;
}
.zizhi .swiper-button-prev{
left:0.05rem
}
.zizhi .swiper-button-next{
right:0.05rem
}
.zizhi .swiper-button-next,
.zizhi .swiper-button-prev{
color:#ccc;
}
.tuandui{
padding-bottom:0.85rem;
}
.tuandui .swiper-container{
padding:0 0.18rem;
box-sizing: border-box;
}
.tuandui .swiper-slide{
padding:0 0.24rem;
box-sizing: border-box;
}
.tuandui .swiper-slide img{
width:100%;
display: block;
}
.tuandui .swiper-button-prev{
left:0.05rem
}
.tuandui .swiper-button-next{
right:0.05rem
}
.tuandui .swiper-button-next,
.tuandui .swiper-button-prev{
color:#ccc;
}
.huoban{
padding-bottom:0.85rem;
}
.huoban .swiper-container{
padding:0 0.18rem;
box-sizing: border-box;
}
.huoban .swiper-slide{
padding:0 0.24rem;
box-sizing: border-box;
}
.huoban .swiper-slide img{
width:auto;
display: block;
}
.huoban .swiper-button-prev{
left:0.05rem
}
.huoban .swiper-button-next{
right:0.05rem
}
.huoban .swiper-button-next,
.huoban .swiper-button-prev{
color:#ccc;
}
.swiper-button-next:after, .swiper-button-prev:after{
font-size:0.27rem
}
.huoban ul{
display: flex;
padding-left: 0.05rem;
flex-wrap: wrap;
}
.huoban li{
box-sizing: border-box;
width:20%;
border:0.01rem solid #ececec;
margin-left: -0.01rem;
margin-top: -0.01rem;
text-align: center;
padding:0.1rem 0;
}
.huoban li img{
width:60%;
/*vertical-align: middle;*/
}
/*history*/
/*contact*/
.contact{
padding-bottom: 1.05rem
}
.contact .content .ps{
font-size:0.14rem;
line-height: 0.24rem;text-align: center;
width:52%;
margin:0 auto;
}
.contact .content ul{
padding-top:0.65rem;
overflow: hidden;
}
.contact .content li{
width:33.33%;
float:left;
text-align: center
}
.contact .content img{
width:0.7rem;
margin:0 auto;
}
.contact .content b{
color:#666;
font-weight:normal;
display: block;
line-height: 0.14rem;
margin:0.05rem 0 0.24rem 0;
}
.contact .content span{
display: block;
border-bottom:0.01rem solid #818181;
width:0.23rem;
margin:0 auto;
margin-bottom: 0.3rem
}
.contact .content li p{
line-height: 0.3rem
}
#map {width:100%; height: 3.2rem;margin-top:0.9rem; }
#map .amap-marker-label{
border:none;
width:1.27rem;
height:0.4rem;
background:#fff;
line-height: 0.4rem;
text-align: center;
font-size:0.15rem;
font-weight:bold;
box-shadow: 0.01rem 0.01rem 0.02rem #d4d4d4;
position: relative;
}
#map .amap-marker-label i{
border-left:0.07rem solid transparent;
border-right:0.07rem solid transparent;
border-top:0.07rem solid #fff;
border-bottom:none;
position: absolute;
bottom:-0.07rem;
}
.amap-icon img{width:0.3rem!important;}
/*contact*/
/*new*/
.news_list{
padding-bottom:0.9rem;
}
.news_list ul{
border-top:0.01rem solid #cdcdcd;
padding-bottom:0.08rem;
}
.news_list li{
border-bottom:0.01rem solid #cdcdcd;
overflow:hidden;
padding:0.27rem 0.3rem 0.3rem 0.33rem;
}
.news_list .pic{
float:left;
width:2.66rem;
margin-right:0.65rem;
}
.news_list .pic img{
width:100%;
display: block;
}
.news_list .text{
overflow:hidden;
}
.news_list li h3{
font-size:0.18rem;
font-weight: normal;
text-overflow: ellipsis;
white-space: nowrap;
overflow:hidden;
margin-bottom:0.23rem;
width:80%;
}
.news_list li span{
float:right;
color:#666;
font-size:0.1rem;
display: block;
line-height: 0.24rem
}
.news_list li p{
color:#666;
line-height: 0.18rem;
height:0.72rem;
overflow: hidden;
}
.news_list .to_detail{
width:0.87rem;
line-height: 0.32rem;
box-sizing: border-box;
display: block;
text-align: center;
border:0.01rem solid #b8a748;
color:#666;
margin-top:0.18rem;
}
/*new*/
/*new_detail*/
.new_detail {
border:0.01rem solid #cdcdcd;
padding:0.75rem 0.75rem 0.22rem 0.75rem;
margin-bottom:0.25rem;
}
.new_detail .title{
padding-bottom:0.3rem;
border-bottom:0.01rem solid #cdcdcd;
}
.new_detail .title h3{
font-weight:normal;
font-size:0.18rem;
line-height: 0.18rem;
margin-bottom:0.15rem;
}
.new_detail .title p{
line-height: 0.14rem;
}
.new_detail .content{
padding-top:0.35rem;
}
.new_detail .content img{
display: block;
max-width:100%;
margin-bottom:0.63rem;
margin: 0 auto;
}
.new_detail .content iframe{
margin: 0 auto;
width: 100%;
margin-bottom:0.63rem;
}
.new_detail .content p{
line-height: 0.3rem;
margin-bottom:0.3rem;
}
.news_page{
padding-left:0.95rem;
line-height: 0.34rem;
margin-bottom:0.75rem;
}
.news_page a:hover{
text-decoration: underline;
}
.news_page a{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block;
}
/*new_detail*/
/* zhanguan */
/* zhanguan */
.zhanguan{
padding-bottom:0.55rem
}
.zhanguan .type{
text-align:center;
font-size:0;
padding:0.4rem 0 0.45rem 0
}
.zhanguan .type li{
display: inline-block;
width:1.68rem;
height:0.45rem;
line-height: 0.45rem;
text-align:center;
background: #a7a7a7;
margin:0 0.11rem 0.1rem 0.11rem;
}
.zhanguan .type li.on{
background: #b8a748;
}
.zhanguan .type a{
font-size:0.16rem;
display:block;
color:#fff;
white-space: nowrap;
}
.zhanguan .list{
display: flex;
flex-wrap: wrap;
/* justify-content: space-between; */
}
.zhanguan .list li{
width:25%;
float:left;
position: relative;
padding-bottom:0.4rem;
overflow: hidden;
}
.zhanguan .list .pic{
/* height:2.7rem */
}
.zhanguan .list img{
width:100%;
display: block;
}
.zhanguan .list h3{
font-size:0.16rem;
line-height: 0.16rem;
font-weight: normal;
/* color:#333333; */
text-align:center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding:0.27rem 0 0 0
}
.zhanguan .list .box{
position: absolute;
top:100%;
right:0;
width:100%;
height:100%;
background: rgba(51,103,172,0.8);
/* display: none; */
color:#fff;
font-size:0.16rem;
transition: all 0.3s;
opacity:0
}
.zhanguan .list li:hover .box{
top:0;
opacity: 1;
transition: all 0.3s;
}
.zhanguan .box p {
line-height: 0.3rem;
padding:0.4rem 0.4rem 0 0.4rem;
}
.zhanguan .box .bottom{
bottom:0.06rem;width:100%;
left: 0;
position: absolute;
}
.zhanguan .box span{
display: block;
text-align:center;
margin-bottom:0.05rem
}
.zhanguan .box a{
width:0.92rem;
height:0.27rem;
text-align: center;
border:0.01rem solid #fff;
box-sizing: border-box;
display: block;
margin:0 auto;
font-size:0.22rem;
color:#fff;
line-height: 0.24rem;
}
.zhanguan .box dd{
width:0.92rem;
height:0.27rem;
text-align: center;
border:0.01rem solid #fff;
box-sizing: border-box;
display: block;
margin:0 auto;
font-size:0.22rem;
color:#fff;
line-height: 0.24rem;
}
/* zhanguan */
/* index */
.index_banner{
position: relative;
}
.index_banner .swiper-slide img{
width:100%;
display: block;
}
.index_banner .swiper-button-next,
.index_banner .swiper-button-prev{
color:#a0a0a0;
font-weight: bold;
}
.index_banner .swiper-button-next:after,
.index_banner .swiper-button-prev:after{
font-size:0.38rem;
}
.index_banner .swiper-button-next{
right:0.95rem
}
.index_banner .swiper-button-prev{
left:0.95rem
}
.index_banner .swiper-slide-active img{
animation: myfirst 50s infinite
}
@keyframes myfirst{
0%{
transform: scale(1);
}
50%{
transform: scale(1.3);
}
100%{
transform: scale(1);
}
}
.index_banner .text{
color:#fff;
text-align: center;
position: absolute;
bottom:0.33rem;
z-index:6;
width:100%;
font-size:0.26rem;
line-height: 0.48rem;
font-weight: lighter;
}
.index_banner .text img{
width:0.18rem;
display: block;
margin:0 auto;
margin-top:0.25rem
}
.index_title{
font-size:0.24rem;
line-height: 0.24rem;
color:#333333;
font-weight: lighter;
}
.index_title span{
font-size:0.14rem;
padding-left:0.05rem;
}
.index_title .more{
color:#666;
font-size:0.14rem;
float:right;
line-height: 0.28rem;
}
.index_case{
padding-top:1.23rem;
}
.index_case .index_title{
padding:0 2.9rem 0 1rem;
}
.index_case .s_type{
float:right;
margin-top: 0.05rem;
}
.index_case .s_type li{
float:left;
width:1.5rem;
height:0.16rem;
line-height: 0.16rem;
border-left:0.01rem solid #a0a0a0;
}
.index_case .s_type a{
font-size:0.18rem;
color:#333;
display:block;
text-align: center;
width:1.18rem;
margin:0 auto;
}
.index_case .s_type li.on{
/* background:#d2c473;
color:#fff; */
/* marign-right: */
}
.index_case .s_type li.on a{
background:#d2c473;
color:#fff;
height:0.33rem;
line-height: 0.33rem;
margin-top:-0.08rem;
}
.index_case .s_type li:first-child{
border-left: none;
}
.index_case .list{
margin-top:0.5rem;
display: none;
overflow: hidden;
}
.index_case .list.list1{
display: block;
}
.index_case .list li{
padding-bottom: 0.57rem;
}
.index_case .list .box{
font-size: 0.14rem;
}
.index_case .box p{
line-height: 0.26rem;
padding: 0.45rem 0.6rem 0 0.6rem;
}
.index_case .box .bottom{
bottom: 0.16rem;
}
.index_case .box span{
margin-bottom:0.12rem;
font-size:0.16rem
}
.adv{
padding:0 1rem 0.5rem 1rem;
}
.adv .list{
overflow: hidden;
padding:0.3rem 0 0.3rem 0
}
.adv li{
width:25%;
box-sizing: border-box;
border:0.01rem solid transparent;
padding:0.15rem 0.15rem 0.26rem 0.15rem;
float:left;
text-align: center;
}
.adv li:hover{
border-color:#dadada;
transition: all 0.3s;
}
.adv li:hover img{
transform: scale(1.05);
transition: all 0.3s;
}
.adv .pic{
overflow: hidden;
}
.adv .pic img{
width:100%;
display: block;
transition: all 0.3s;
}
.adv li h3{
font-size:0.18rem;
padding:0.15rem 0 0.05rem 0
}
.adv li p{
color:#666;
font-size:0.12rem;
width:1.8rem;
margin:0 auto;
line-height: 0.18rem;
}
.adv .tel{
margin:0 auto;
width:4.31rem;
height:0.49rem;
line-height: 0.49rem;
text-align: center;
display: block;
background: #d2c473;
color: #fff;
border-radius: 0.5rem;
}
.adv .tel span{
background:#ddd396;
line-height: 0.39rem;
width:1.42rem;
border-radius: 0.5rem;
display: inline-block;
float: right;
margin: 0.05rem 0.05rem 0 0;
font-size:0.2rem;
}
.adv .tel b{
font-size:0.26rem;
font-family:"Arial";
transform: scale(1.2,1.05);
display: inline-block;
}
.adv .tel img{
width:0.25rem;
vertical-align: sub;
margin-right: 0.25rem;
}
.strength{
padding:1rem 0;
background: url(../images/str_bg.webp) no-repeat;
background-size: 19.2rem;
background-position: center bottom;
background-color: #3366ab
}
.strength ul{
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.strength li{
width:50%;
float:left;
min-height:2.55rem;
box-sizing: border-box;
}
.strength li:hover{
border:0.04rem solid #d2c473;
}
.strength li.small{
width:25%;
}
.strength .text{
overflow: hidden;
color:#fefefe;
text-align: center;
/*padding-top:0.6rem;*/
padding:0.6rem 0.3rem 0 0.3rem;
box-sizing: border-box;
}
.strength .text h3{
font-size:0.18rem;
}
.strength .text span{
width:0.1rem;
display: block;
margin:0.13rem auto;
height:0.01rem;
background: #fefefe;
}
.strength .text p{
font-size:0.14rem;
line-height: 0.2rem;
}
.strength .text a{
width:0.9rem;
line-height: 0.26rem;
height:0.26rem;
border:0.01rem solid #fff;
display: block;
margin:0 auto;
font-size:0.19rem;
color:#fff;
opacity: 0.5;
margin-top:0.2rem
}
.strength img{
width:100%;
display: block;
}
.strength .word{
color:#fff
}
.strength .word b{
font-size:0.4rem;
text-transform: uppercase;
line-height: 0.45rem;
margin:-0.05rem 0 0.25rem 0;
display: block;
}
.strength .word p{
font-size:0.26rem;
line-height: 0.26rem;
}
.strength .word span{
border-bottom:0.05rem solid #fff;
width:0.18rem;
display: block;
float:left;margin:0.1rem 0.15rem 0 0;
}
.strength .img{
width:50%;
height:100%;
float:left;
position: relative;
overflow: hidden;
}
.strength .img img{
position: absolute;
height:100%;
min-width:100%;
margin:auto;
top:0;
right:0;
bottom:0;
left:0;
width:auto;
}
.strength .text{
width:50%;
float:left;
}
.strength .team{
background: #fff;
}
.strength .team .pic{
width:48.4%;
float:left;
position: relative;
height:100%;
overflow: hidden;
}
.strength .team .pic img{
bottom:0;
position: absolute;
}
.strength .team h3{
color:#333;
font-size:0.18rem;
font-weight: normal;
margin-top:0.3rem
}
.strength .team span{
font-size:0.12rem;
padding-left:0.1rem
}
.strength .team p{
font-size:0.12rem;
line-height: 0.18rem;
margin-top:0.1rem;
padding-right:0.6rem
}
.strength .team .icon{
width:0.31rem;
height:0.31rem;
float:right;
background: url(../images/icon10.png);
background-size:100%;
margin:0.3rem 0.35rem 0 0
}
.strength .team .right{
overflow: hidden;
}
.strength .pics{
width:75%;
background:#f3f3f3;
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
align-items: center;
padding:0 0.5rem;
box-sizing: border-box;
}
.strength .pics img{
width:1.2rem;
}
.strength .small .text{
width:100%;
float:none;
}
.live {
padding-top:0.9rem
}
.live .list img{
width:100%;
display: block;
}
.live .list h3{
color:#333333;
font-size:0.14rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-weight: normal;
text-align: center;
line-height: 0.66rem;
}
.live .list span{
display: block;
width:1.2rem;
border-bottom:0.01rem solid #c9c9c9;
margin:0 auto;
}
.live .list {
padding:0.57rem 0;
position: relative;
}
.live .pic{
position: relative;
}
.live .pic .play{
position: absolute;
width:100%;
height:100%;
text-align: center;
top:0;
left:0;
background: rgba(210,196,115,0.9);
/* display: none; */
transition: all 0.3s;
opacity: 0;
}
.live .pic .play img{
width:0.45rem;
height:0.45rem;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
.live .pic:hover .play{
display: block;
transition: all 0.3s;
opacity: 1;
}
.live .swiper-button-prev,
.live .swiper-button-next{
width:0.4rem;height:0.63rem;
background:#f2f2f2;
outline:none;
top: 40%
}
.live .swiper-button-prev{
left: -0.78rem
}
.live .swiper-button-next{
right: -0.78rem
}
.live .swiper-button-next:after,
.live .swiper-button-prev:after{
color:#c2c2c2;
}
.index_pj {
background:url(../images/pj_bg.png);
padding-top:0.6rem;
}
.index_pj .index_title{
color:#fff;
}
.index_pj .index_title a{
color:#fff;
}
.index_pj .box{
padding:0.55rem 0 0.65rem 0 ;
width: 101%;
margin-left: -0.5%;
position: relative;
}
.index_pj .swiper-container{
padding:0.1rem;
}
.index_pj .swiper-slide{
background:#Fff;
box-shadow: 0 0 0.1rem #a39754
}
.index_pj .pic{
float:left;
width:5rem
}
.index_pj .pic img{
width:100%;
display: block;
}
.index_pj .text {
padding-left:0.75rem;
overflow: hidden;
}
.index_pj .text h3{
color:#333;
font-size:0.18rem;
font-weight: normal;
padding-top:0.45rem;
margin-bottom: 0.5rem;
line-height: 0.18rem;
padding-right:0.55rem;
}
.index_pj .text h3 span{
float:right;
color:#999999;
font-size:0.12rem;
}
.index_pj .text p{
line-height: 0.24rem;
padding-right:1rem;
}
.index_pj .text span{
color:#cccccc;
font-size:0.5rem;
font-family: "Arial";
display:block;
/*line-height: 0.5rem*/
}
.index_pj .text span.bottom{
text-align: right;
margin-top:0.2rem;
}
.index_pj .text i{
width:1.32rem;
height:0.01rem;
background:#dcdcdc;
display: inline-block;
vertical-align: top;
margin-right: 0.17rem
}
.index_pj .swiper-pagination{
margin:0 auto;
position: relative;
padding:0.27rem 0 0 0;
}
.index_pj .swiper-pagination-bullet{
width:0.14rem;
height:0.14rem;
border:0.01rem solid #fff;
box-sizing: border-box;
margin:0 0.06rem;
background:none;
opacity:1;
}
.index_pj .swiper-pagination-bullet-active{
background:#fff;
box-shadow: 0 0.05rem 0.08rem #ada260
}
.index_news{
padding:0.6rem 0 0.9rem 0;
background-color: #f7f7f7
}
.index_news .index_title{
margin-bottom:0.4rem;
}
.index_news .left{
width:45.45%;
float:left;
}
.index_news .left img{
display: block;
width:100%;
}
.index_news .text{
background-color: #626262;
padding:0.3rem 0;
}
.index_news .text a{
line-height: 0.4rem;
display: block;
border-right:0.01rem solid #fff;
font-size: 0.16rem;
color: #fff;
padding:0 0.4rem;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight:bold;
}
.index_news .text p{
float:right;
font-size:0.2rem;
width:1.27rem;
color:#fff;
text-align: center;
line-height: 0.24rem;
margin-top:-0.1rem;
margin-top: -0.03rem;
}
.index_news .text span{
font-size:0.16rem;
display: block;
}
.index_news .list{
overflow: hidden;
padding-left:1.2rem;
}
.index_news li{
border-bottom:0.01rem solid #dcdcdc;
padding:0.3rem 0.45rem 0.38rem 0;
}
.index_news li .time{
font-size:0.2rem;
float:left;
margin-right:0.23rem;
}
.index_news li .time span{
display: block;
color:#999999;
font-size:0.16rem;
line-height: 0.16rem;
}
.index_news li h3{
font-weight: normal;
}
.index_news li a{
font-size:0.16rem;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.index_news li p{
font-size:0.12rem;
color:#999;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 0.26rem;
}
.process{
background:#3367ac;
padding-top:0.8rem;
}
.process .index_title{
color:#fff;
}
.process .list{
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
padding:0.55rem 0 1.6rem 0;
}
.process .box{
background-color: rgba(30,76,138,0.5);
width:1.25rem;
height:1.25rem;
/*float: left;*/
color:#fff;
text-align: center;
}
/*.process .jt{float: left;}*/
.process .box p{
font-size:0.16rem;
padding-top:0.28rem;
}
.process .box span{
font-size:0.12rem;
display: block;
white-space: nowrap;
}
.process .box b{
font-size:0.5rem;
color:#3b71b9;
margin-top: 0.06rem;
display: block;
}
.process .jt{
justify-content: center;
align-items: center;
display: flex;
}
.index_about{
padding-bottom:1.1rem;
background: url(../images/about_bg.png) no-repeat;
background-size: 19.2rem;
background-position: center bottom;
}
.index_about .pic{
float:left;
margin-right:0.6rem;
width:4.3rem;
box-shadow: 0 0.03rem 0.08rem #e8f3ff;
margin-top:-0.9rem;
margin-left: 0.3rem;
background-color: #fff
}
.index_about .pic img{
margin:0.2rem 0.2rem -0.2rem -0.2rem;
width: 100%;
/*display: block;*/
}
.index_about .index_title{
padding:0.6rem 0 0.25rem 0;
}
.index_about .text{
overflow: hidden;
}
.index_about .text img{
width:100%;
display: none
}
.index_about .text p{
line-height: 0.3rem
}
.index_about .to_detail{
margin-left:0.9rem;
width:0.46rem;
height:0.46rem;
background-color: #d2c473;
display: block;
float:right;
margin-top:1.25rem;
background-image: url(../images/icon11.png);
background-size:0.25rem ;
background-position: center;
background-repeat: no-repeat;
}
.index_about .index_title .more{
display:none;
}
/* index */
.ztbanner{ position: relative; overflow: hidden;}
.ztbanner img{ width:100%; display: block;;}
.zswap{ display:none; }
.zswap img{ max-width: 100%;}
.xianszh { margin: 0.4rem 0 0;}
.xianszh1{ width: 100%; margin:.75rem 0; text-align: center;}
.xianszh1l{ width: 46%; float: left;}
.xianszh1l img{ max-width: 100%;}
.xianszh1r{ float: right; width: 46%;}
.xianszh1r img{ max-width: 100%;}
.xianszh2 { margin: .1rem 0; text-align: center;}
.xianszh2 img{ max-width: 100%; margin-bottom: .25rem;}
.xianszh3 { background: #3366ab;}
.xianszhtit1{ text-align: center; font-size: .25rem; color: #fff; padding: .8rem 0 .4rem;}
.xianszhcon .list { overflow: hidden; padding: 0 0 0.8rem 0; }
.xianszhcon li { box-sizing: border-box; float: left; width: 33.333%; color: rgba(255, 255, 255, 0.7); padding: 0 .2rem; text-align: center;}
.xianszhcono{ line-height: .24rem; padding: .3rem .2rem; border: 0.01rem solid #fff; min-height: .6rem; margin: .1rem; color: rgba(255, 255, 255, 0.7); text-align: center;}
.xianszhcono span { line-height: .6rem; font-size: .2rem; color: #fff;}
.xianszhconw { padding-bottom: 20px;}
.xianszhtit2{ text-align: center; padding: .8rem 0 .4rem;}
.xianszhtit2 span{ font-size: .25rem; color: #b8a748;}
.xianszhtit2 p{ font-size: .16rem; color: #666;line-height: .24rem;}
.xianszhtit2 h4{font-size: .36rem; color: #b8a748;}
.xianszh4 { background: #f4f4f5;padding: 0 0 0.4rem 0;}
.xianszh5 .list { overflow: hidden; padding: 0 0 0.8rem 0; }
.xianszh5 li{
width:16.666%;
box-sizing: border-box;
padding:0rem 0.08rem 0rem 0.08rem;
float:left;
text-align: center;
padding-bottom: .2rem;
}
.xianszh5 li:hover{ transition: all 0.3s;}
.xianszh5 li:hover img{ transform: scale(1.05); transition: all 0.3s;}
.xianszh5 .pic{ box-shadow: #ddd 2px 2px 3px; overflow: hidden;}
.xianszh5 .pic img{ width:100%; display: block; transition: all 0.3s;}