/*首页轮播图*/
.banner{width: 100%;position: relative;overflow: hidden;height:841px;}
.banner-fix{width: 100%;position: fixed;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;}
.banner .swiper-slide{position: relative;}
.banner .swiper-button-prev,
.banner .swiper-button-next{width: .36rem;height: .68rem;margin-top: -0.34rem;background-image: none;}
.banner .swiper-button-prev{left: .4rem;}
.banner .swiper-button-next{right: .4rem;}
.banner .swiper-button-prev:after{content: "";display: block;width: .48rem;height: .48rem;border-left: 0.03rem solid #ffffff;border-top: 0.03rem solid #ffffff;position: absolute;left: 50%;top: 0;margin-top: -0.24rem;margin-left: -0.07rem;transform: rotate(-45deg);}
.banner .swiper-button-next:after{content: "";display: block;width: .48rem;height: .48rem;border-right: 0.03rem solid #ffffff;border-bottom: 0.03rem solid #ffffff;position: absolute;right: 50%;top: 0;margin-top: -0.24rem;margin-right: -0.07rem;transform: rotate(-45deg);}
@media(max-width: 1024px){.banner{height:450px;}.banner .swiper-button-prev,.banner .swiper-button-next{display: none;}}
@media(max-width: 968px){.banner{height:350px;}}

.main {position: relative;z-index: 6;background-color: #fff;overflow: hidden;}
.index_tit {color: #333;text-align: center;line-height: 40px;height: 85px;overflow: hidden;background: url(../images/title-bg.png) no-repeat center 12px;}
.index_tit span {display: block;font-weight: normal;padding: 5px 0 0;}
/*产品中心*/
.procate{width: 100%;position: relative;z-index: 123;overflow: hidden;}
.procate-tabs{width: 100%;font-size: 0;text-align: center;padding-top: .48rem;padding-bottom: .1rem;}
.procate-tab{display: inline-block;vertical-align: top;width: 2rem;text-align: center;position: relative;cursor: pointer;margin-bottom: .2rem;}
.procate-tab:after{content: "";display: block;width: 1px;height: 1.24rem;background-image: url(../images/right-line.png);background-size: 100% 100%;position: absolute;right: 0;bottom: 0.03rem;}
.procate-tab:last-child:after{display: none;}
.procate-img{width: .8rem;height: .8rem;margin-bottom: .1rem;display: inline-block;vertical-align: top;position: relative;}
.procate-img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: all .3s;}
.img2{opacity: 0;}
.procate-text{color: #333;line-height: 1.43;}
.procate-tab:hover .procate-text,.procate-tab.active .procate-text{color: #0059aa;}
.procate-tab:hover .img1,.procate-tab.active .img1{opacity: 0;}
.procate-tab:hover .img2,.procate-tab.active .img2{opacity: 1;}
.procate-cont{padding:80px 0; overflow:hidden; display: none;}
.procate-cont.show {display: block;}
.procate-cont .wrapper{position:relative;}
.procate-cont .wrapper li{ width:4.06rem;float:left; margin:0 .2rem;}
.procate-cont .wrapper li img{ display:block;width:100%;}
.prolist{ overflow:hidden;}
.arr1{ width:44px; height:44px; overflow:hidden; position:absolute; top:260px; left:-55px;}
.arr2{ width:44px; height:44px; overflow:hidden; position:absolute; top:260px; right:-55px;}
/*工程案例*/
.cases {width: 100%;height: 650px;background: url(../images/case_bg.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;display: flex;align-items: center;justify-content: center;position: relative;z-index: 5;}
.cases::after {content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;z-index: -1;}
.cases-cont {text-align: center;width: 100%;}
.cases-cont h3 {line-height: 32px;letter-spacing: 1px;margin-bottom: 50px;font-size: 32px;color: #ffffff;}
.cases-contain {position: relative;}
.cases-contain .swiper-container {width: 1400px;margin: auto;}
.cases-contain .swiper-container .swiper-slide {width: 436px;overflow: hidden;}
.cases-contain .swiper-slide p {position: relative;z-index: 2;}
.cases-contain .swiper-slide p,
.cases-contain .swiper-slide p img {width: 100%;}
.cases-contain .swiper-container .swiper-slide .case-desc {width: 100%;position: relative;z-index: 5;margin: 0 auto;background-color: #ffffff;padding: 30px 0;text-align: center;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;cursor: pointer;}
.cases-contain .swiper-container .swiper-slide .case-desc::after {content: "";width: 100%;height: 4px;position: absolute;bottom: 0;left: 0;background: #0059aa;}
.cases-contain .case-desc h4 {font-size: 16px;line-height: 20px;font-weight: bold;color: #0059aa;}
.cases-contain .case-desc p {font-size: 12px;line-height: 18px;color: #333;}
.cases-contain .swiper-slide:hover .case-desc {margin-top: -3px;}
.cases-contain .swiper-button-prev,
.cases-contain .swiper-container-rtl .swiper-button-next {background-image: url(../images/prev.png);left: 110px;right: auto;background-size: 21px;outline: none;top: 46%;}
.cases-contain .swiper-button-next, .cases-contain .swiper-container-rtl .swiper-button-prev {background-image: url(../images/next.png);right: 110px;left: auto;background-size: 21px;outline: none;top: 46%;}
.viewsM a {width: 190px;height: 42px;line-height: 42px;border-radius: 20px;text-align: center;color: #fff;display: block;letter-spacing: 1px;margin: 60px auto 0;border: 1px #fff solid;transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;box-sizing: border-box;}
.viewsM a:hover {background: #0059aa;color: #fff;border: #0059aa solid 1px;}
@media screen and (max-width: 968px){
    .cases {background: none;height: 400px;padding: 0;}
    .cases-cont>h3 {font-size: 20px;margin-bottom: 10px;color: #0059aa;padding-top: 10%;}
    .cases-contain {min-height: 310px;}
    .cases-contain .swiper-container {padding-bottom: 80px;width:90%;}
    .viewsM{display: none;}
}

/*关于我们*/
.about {background: url(../images/ab_bg.gif) no-repeat center 0;padding: 55px 0;overflow: hidden;}
.about dl {width: 13rem;margin: 0 auto;}
.about dl dt{ width:13rem; height:5.18rem;line-height: 0;margin: 20px 0;position: relative;}
.about dl dt img{ width:13rem; height:5.18rem;}
.about dl dd{ width:12rem;margin:0 auto; padding:10px 0 0;overflow: hidden;}
.about .ab_desc{font-size: 16px;color: #666;line-height: 25px;overflow: hidden;text-align: center;}
.about .ab_desc p{padding: 5px 0 0;}
.about dl dd .ab_tag{display: flex;padding: 30px 0 0;flex-direction: row;justify-content: center;}
.about dl dd .ab_tag a{display: block; float: left; font-size: 14px; color: #fff;width: 130px;height: 50px;text-align: center; line-height: 50px;background:#333;margin-right: 15px;}
.about dl dd .ab_tag a:hover{background:#0066d9;}
.ab_m{width: 13rem; height: 1.15rem; position: absolute; bottom: 0; left: 0; background: rgba(0,0,0,0.4);padding-top: .43rem;box-sizing: border-box;} 
.ibrand-num li{float:left;width:33.33%;color:#fff;font-size:18px;text-align: center;}
.ibrand-num li span,.ibrand-num li i{font-size:46px;font-weight: bold;}
.ibrand-num li b{display:block;font-size: 16px;font-weight: normal; padding:.28rem 0 0;}


/*新闻资讯*/
.news {padding: 60px 0;}
.news .new_items {width: 32%;box-sizing: border-box;}
.news .new_items>a {display: block;}
.new_items .img_box img,
.news .new_items>a{transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
.news .new_items:nth-of-type(-n+2) {margin-right: 2%;}
.img_box {width: 100%;box-sizing: border-box;overflow: hidden;position: relative;z-index: 1;}
.img_box img {display: block;width: 100%;}
.desc_box {width: 100%;box-sizing: border-box;margin: 0 auto;padding: 20px 25px 30px;z-index: 5;position: relative;background: #fff;transition: all .6s ease;-webkit-transition: all .6s ease;-moz-transition: all .6s ease;}
.desc_box::after {content: '';background: #0059aa;width: 100%;height: 4px;display: block;position: absolute;left: 0;bottom: 0;}
.desc_box .new_tis {font-size: 13px;line-height: 26px;color: #999;margin-bottom: 8px;}
.desc_box h4 {font-size: 16px;line-height: 24px;color: #333;margin-bottom: 20px;height: 47px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.desc_box .new_des {font-size: 14px;color: #333333;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 30px;}
.desc_box .new_time {font-size: 13px;color: #666;}
.news .new_items>a:hover .img_box img {transform: scale(1.05);}
.news .new_items>a:hover .desc_box h4 {color: #0059aa;}
.news .new_items>a:hover .desc_box {box-shadow: 0px 1px 16px 0px rgba(173, 173, 173, 0.75);}

/*在线留言*/
.k-a{width: 100%;padding-top: .8rem;padding-bottom: 1rem;background:#f8f8f8;overflow: hidden;}
.k-box{width: 100%;text-align: center;padding-bottom: .7rem;}
.k-a *{box-sizing: border-box;}
.k-c{display: inline-block;vertical-align: top;text-align: center;}
.k-d{width: 100%;font-size: 0;}
.k-e{color: #333;font-weight: bold;padding-right: .75em;position: relative;}
.k-e:after{content: "";display: inline-block;width: 1px;height: .7em;background-color: #333;position: absolute;right: 0;bottom: 0.1em;}
.k-f{color: #333;padding-left: .6em;}
.k-g{color: #333;padding-top: .77em;opacity: 0.8;}
.k-cont{width: 13.4rem;margin: .6rem auto 0;position: relative;}
.k-left{width: 6.7rem;padding: .42rem .6rem .3rem .38rem;background-color: #fff;box-shadow: 0 .06rem .3rem rgba(0,50,96,0.04);position: relative;z-index: 2;}
.k-left:before{content: "";display: inline-block;width: 2.98rem;height: 1.71rem;background-image: url(../images/index-telbg.jpg);background-size: 100% 100%;position: absolute;left: 1.71rem;top: 0.03rem;z-index: 0;}
.k-h{width: 100%;position: relative;padding-left: .71rem;}
.k-i{color: #0059aa;font-weight: bold;position: relative;}
.k-j{color: #666;}
.k-i:before{content: "";display: inline-block;width: .875em;height: .95em;background-image: url(../images/index-tel.png);background-size: 100% 100%;position: absolute;left: -1.25em;top: 0.025em;}
.k-k{color: #333;padding-left: .22rem;position: relative;padding-top: .23rem;padding-bottom: .27rem;}
.k-k:before{content: "“";font-size: .4rem;color: #ccc;position: absolute;left: 0;top: 0.07rem;font-family: Arial;}
.k-k:after{content: "”";font-size: .4rem;color: #ccc;position: absolute;right: .5rem;bottom: 0;font-family: Arial;height: .32rem;}
.k-form{width: 100%;padding-left: .22rem;}
.k-row{width: 100%;position: relative;}
.k-col{width: 46.36%;position: relative;margin-bottom: .1rem;}
.k-col.left{float: left;}
.k-col.right{float: right;}
.k-red{color: #f00;position: absolute;left: -0.14rem;top: 1.285em;margin-top: -5px;height: 10px;}
.k-input{width: 100%;height: 2.57em;border: 1px solid #eee;color: #333;padding: 0 .1rem;}
.k-area{width: 100%;height: 5em;border: 1px solid #eee;padding: 0.357em 0.1rem;color: #333;line-height: 1.71;}
.k-sub{width: 100%;font-size: 0;padding-top: .26rem;position: relative;}

.k-submit{position: relative; display: inline-block;vertical-align: top;width: 1.5rem;line-height: .52rem;border-radius: .26rem;color: #333;border: 1px solid #0552a0; text-align: center;cursor: pointer;}
.k-submit:before{content: '';z-index: -1; position: absolute;left: 50%;top: 50%;transition: all .5s cubic-bezier(.19,1,.22,1);transform: translate(-50%,-50%) scale(.5);opacity: 0;border-radius: .26rem;width: 100%;height: 100%;background-color: #0552a0;}
.k-submit:hover:before{ opacity: 1;   transform:translate(-50%,-50%) scale(1);}
.k-submit:hover  { color: #ffffff;} 
.k-w{box-sizing: border-box;display: inline-block;vertical-align: top;width: 100%;position: relative;white-space:nowrap}
.k-w .cur{width: 100%;display: inline-block;vertical-align: top;height: 2.57em;line-height: 2.57em;padding-left: .1rem;padding-right: .4rem;border: 1px solid #eee;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.k-w select{position: absolute;width: 100%;height: 100%;padding-left: 12px;left: 0;top: 0;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.k-w:after{display: inline-block;content: "";width: 0.5em;height: 0.5em;border-left: 0.03rem solid #999;border-bottom: 0.03rem solid #999;transform: rotate(-45deg);position: absolute;right: .4rem;top: 50%;margin-top: -0.4em;margin-right: -0.7em;}
.k-right{width: 7.3rem;height: 109.6%;position: absolute;right: 0;top: -4.8%;z-index: 1;}
.k-img{width: 100%;height: 100%;background-size: cover;background-position: center center;}

@media(min-width: 1201px){
    .procate-tab:hover .procate-text{color: #0059aa;}
    .procate-tab:hover .img1{opacity: 0;}
    .procate-tab:hover .img2{opacity: 1;}
}

@media(max-width: 500px){
    .procate-tab{width: 33.333%;}
    .procate-tab:nth-child(3n):after{display: none;}
    .tag-img{width: 20%;margin-left: 0;margin-right: 0;}
    .tag-text{font-size: 12px;}
    .procate-text{font-size: 12px;}
}