@charset "utf-8";
/*ZH-MP*/
/*ZH-PC
EN-PC
EN-MP*/
/*公共样式*/
*{margin:0;padding:0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html,body{font-size:14px;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;background: #fff;overflow-x: hidden;}
ul,li{list-style-type:none;}
a{text-decoration:none;color:#000;transition: all .3s;cursor: pointer;}
a:hover{text-decoration:none;color:#000;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
input,textarea{-webkit-appearance:none;resize:none;outline:none;line-height:normal;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);border: 0;}
img{border-style:none;vertical-align:middle;max-width:100%;}
article{display: block;margin: 0 auto;}
.zoom-img{overflow:hidden;}
.zoom-img .img{overflow:hidden;}
.zoom-img img{transition: all .3s;}
.zoom-img:hover img{transform:scale(1.05);-ms-transform:scale(1.05);-webkit-transform:scale(1.05);-o-transform:scale(1.05);-moz-transform:scale(1.05);}
/*.w1{width:1280px !important;height:auto;margin: 0 auto !important;}*/
.nav-page{font-size:0;text-align:center;}


/*引入字体包*/
@font-face {
    font-family: 'bebas';
    src: url('../fonts/BEBAS.eot');
    src: url('../fonts/BEBAS.eot?#iefix') format('embedded-opentype'),         
         url('../fonts/BEBAS.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*引入字体包*/
@font-face {
    font-family: 'din-bold';
    src: url('../fonts/DIN-BOLD.eot');
    src: url('../fonts/DIN-BOLD.eot?#iefix') format('embedded-opentype'),         
         url('../fonts/DIN-BOLD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/*头部*/
.header{width: 100%;height:1.1rem;line-height:1.1rem;padding: 0 .3rem;background:#fff;position:fixed;top: 0;left: 0;z-index:3;box-shadow:0 1px 0 rgba(0,0,0,.1);}
.header .head-wrap .l-logo{float:left;}
.header .head-wrap .r-menu{float:right;}
.header .head-wrap .menu-nav{display:none;position: fixed;top:1.1rem;left: 0;width: 100%;height:100vh;background: #fff;padding-top:.4rem;z-index: 4;}
.header .head-wrap .menu-nav .but{background: url(../img/img43.png) no-repeat;background-size:.36rem auto;}
.header .head-wrap .menu-nav a{display: block;}
.header .head-wrap .menu-nav li{padding: 0 .3rem;}
.header .head-wrap .menu-nav li>a{font-size:.36rem;color: #444444;line-height:1.3rem;border-bottom:1px solid #eeeeee;}
.header .head-wrap .menu-nav .box{display:none;}
.header .head-wrap .menu-nav .box a{font-size:.26rem;color:#444;line-height:.8rem;}

/*底部*/
.footer{width: 100%;height:1.35rem;background: #000000;position: fixed;bottom: 0;left: 0;z-index: 2;}
.footer .foot-wrap{padding:.2rem .3rem;}
.footer .foot-wrap li{float: left;width: 25%;height: auto;text-align: center;}
.footer .foot-wrap li img{margin: 0 auto;width:.57rem;}
.footer .foot-wrap li .img2{display: none;}
.footer .foot-wrap li a  span{display:inline-block;font-size:.2rem;color: #4d4d4d;line-height:1;margin-top: .1rem;}
.footer .foot-wrap li.on .img1{display: none;}
.footer .foot-wrap li.on .img2{display: block;}
.footer .foot-wrap li.on span{color: #edb21c;}


/*index*/
.main{padding:1.1rem 0 1.35rem;}
.banner{width: 100%;height: auto;}
.home-page .swip1 .swiper-pagination-bullet{background: #ffffff;}
.home-page .hotline{padding: .3rem;background: #f7f7f7;display: flex;justify-content: flex-start;white-space: nowrap;}
.home-page .hotline>div{float:left;width: 50%;}
.home-page .hotline .l-box span{font-size:.2rem;color: #212121;line-height: .4rem;}
.home-page .hotline .l-box p{font-size:.36rem;color: #212121;line-height: .4rem;font-weight: bold;margin-top: .1rem;}
.home-page .hotline .r-box{display: flex;justify-content:space-between;align-items: center;overflow-x: auto;}
.home-page .hotline .r-box::-webkit-scrollbar{display: none;}
.home-page .hotline .r-box a{display:inline-block;text-align: center;}
.home-page .hotline .r-box a img{width:.4rem;}
.home-page .hotline .r-box a span{display: block;font-size: .2rem;color: #666;line-height: .36rem;}
.home-page .title{font-size:.3rem;color:#212121;line-height:.4rem;text-align: center;padding: 0 .3rem;}
.home-page .title .sp1{display: block;color: #2d2d2d;font-family: arial;letter-spacing:.1rem;margin-bottom: .15rem;}
.home-page .about .art{font-size:.28rem;color: #666666;line-height:.5rem;padding:0 .3rem;margin-bottom:1.5rem;}
.home-page .product .nav{padding: 0 .9rem;display:flex;justify-content: space-between;flex-wrap:wrap;margin-bottom:.4rem;}
.home-page .product .nav a{display:block;width:2.5rem;height:.5rem;line-height:.5rem;font-size:.26rem;color: #444444;text-align: center;border: 1px solid #e5e5e5;border-radius:.1rem;margin-bottom: .2rem;}
.home-page .product .nav a.on{background: #edb21c;}
.home-page .product .box-wrap{padding: 0 .3rem;}
.home-page .product .box-wrap .list-box{display: none;}
.home-page .product .box-wrap .list-box.on{display: block;}
.home-page .product .box-wrap .list-box .list{float:left;width: 48%;height: auto;margin-right:4%;margin-bottom:.23rem;text-align: center;}
.home-page .product .box-wrap .list-box .list:nth-child(2n){margin-right:0;}
.home-page .product .box-wrap .list-box .list .img{border: 1px solid #dedede;}
.home-page .product .box-wrap .list-box .list span{display: block;font-size:.22rem;color:#444444;line-height:.36rem;margin-top:.23rem;}
.home-page .case .banner{padding: 0 .3rem;}
.home-page .case .banner .swip2{display: none;}
.home-page .case .banner .swip2.on{display: block;}
.home-page .case .banner .box{position: relative;width: 100%;height: auto;margin-bottom: .6rem;}
.home-page .case .banner .box .text{position: absolute;bottom:.2rem;width: calc(100% - .4rem);margin: 0 .2rem;background: rgba(255,255,255,.9);font-size:.2rem;color: #2d2d2d;line-height:.4rem;padding: .3rem .2rem;}
.home-page .case .banner .box .text .h1{font-size:.26rem;color: #2d2d2d;line-height:.4rem;}
.home-page .case .banner .box .text .art{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-page .case .nav-box{position: relative;}
.home-page .case .nav{width:calc(100% - .6rem);overflow-x:auto;white-space: nowrap;}
.home-page .case .nav::-webkit-scrollbar{display: none;}
.home-page .case .nav a{display:inline-block;width:2.3rem;text-align:center;}
.home-page .case .nav a img{margin:0 auto;width:.77rem;}
.home-page .case .nav a .img2{display: none;}
.home-page .case .nav a span{font-size:.22rem;color: #444;line-height: .36rem;}
.home-page .case .nav a.on .img1{display: none;}
.home-page .case .nav a.on .img2{display: block;}
.home-page .case .nav a.on span{color: #edb21c;}
.home-page .case .nav-box .but-box .but{position: absolute;top:50%;margin-top:-.15rem;width:.17rem;height:.31rem;}
.home-page .case .nav-box .but-box .but-prev{left:.1rem;background: url(../img/img101.jpg) no-repeat;background-size:.17rem auto;}
.home-page .case .nav-box .but-box .but-next{right:.1rem;background: url(../img/img99.jpg) no-repeat;background-size:.17rem auto;}
.home-page .video-data{position: relative;}
.home-page .video-data .video-box{position: relative;}
.home-page .video-data .video-box .text{position: absolute;top: 0;left:0;width: 100%;height:100%;padding: 0 .3rem;background: rgba(0,0,0,.7);text-align: center;padding-top: 1.5rem;}
.home-page .video-data .video-box .text .h1{font-size:.3rem;color: #ffffff;line-height:.5rem;}
.home-page .video-data .video-box .text .art{font-size:.2rem;color: #ffffff;line-height:.4rem;margin: .5rem 0;}
.home-page .video-data .video-box .text .sp1{display:inline-block;font-size:.23rem;color: #ffffff;line-height:.4rem;letter-spacing:.2rem;font-family: arial;margin-top: .5rem;}
.home-page .video-data .data-box{position: absolute;bottom:-1.3rem;left: 0;width: 100%;padding:0 .3rem;}
.home-page .video-data .data-box .list-box{width: 100%;height: auto;background: #fff;display: flex;justify-content: flex-start;overflow-x: auto;white-space: nowrap;box-shadow: 0px 5px 10px rgba(0,0,0,.2);padding: .5rem .6rem;}
.home-page .video-data .data-box .list-box::-webkit-scrollbar{display: none;}
.home-page .video-data .data-box .list-box .list{margin-right: 1rem;text-align: center;}
.home-page .video-data .data-box .list-box .list:last-child{margin-right:0;}
.home-page .video-data .data-box .list-box .list .datas{font-size:.48rem;color: #333;line-height:1;font-family:din-bold;}
.home-page .video-data .data-box .list-box .list .sp1{font-size:.72rem;color: #333;line-height:1;}
.home-page .video-data .data-box .list-box .list .sp2{font-size:.16rem;color: #333;line-height:1;}
.video-box .video{display:none;position:fixed;top: 50%;left: 50%;width: 86%;height:40%;margin-left: -43%;margin-top: -20%;background: #000;z-index:2;}
.video-box .video .close{position:absolute;top:-.32rem;right:-.32rem;}
.home-page .choice .item-box{padding: 0 .3rem;}
.home-page .choice .item-box .item{border: 1px solid #eeeeee;padding: .6rem 0;margin-bottom: .4rem;}
.home-page .choice .item-box .item>div{float: left;}
.home-page .choice .item-box .item .l-box{font-size:.26rem;color:#edb21c;line-height:1;font-family:bebas;text-align: center;padding: 0 .2rem;}
.home-page .choice .item-box .item .l-box .sp1{float:left;font-size:.54rem;color:#edb21c;line-height:1;}
.home-page .choice .item-box .item .l-box .sp2{float:left;font-size:.26rem;color:#edb21c;line-height:1;} 
.home-page .choice .item-box .item .r-box{width:calc(100% - 1.2rem);}
.home-page .choice .item-box .item .r-box .h1{font-size: .32rem;color: #000;line-height: .36rem;font-weight: bold;margin-bottom: .1rem;}
.home-page .choice .item-box .item .r-box .art{font-size: .28rem;color: #666;line-height: .36rem;}
.home-page .choice .item-box .item:nth-child(2n){text-align: right;}
.home-page .choice .item-box .item:nth-child(2n) .l-box{float: right;}
.home-page .order{margin-top: 1rem;width: 100%;height:8.2rem;background: #040404 url(../img/img11.png) bottom repeat-x;background-size:.31rem auto;overflow: hidden;}
.home-page .order .list-box{display: flex;justify-content:flex-start;align-items:flex-end;white-space: nowrap;overflow-x:auto;height:calc(100% - 3.16rem);margin: 0 .15rem;overflow-y: hidden;}
.home-page .order .list-box::-webkit-scrollbar{display: none;}
.home-page .order .list-box .list{display:flex;justify-content:flex-start;align-items:flex-start;}
.home-page .order .list-box .list:nth-child(n+2){margin-left:.2rem;}
.home-page .order .list-box .list .r-box{font-size:.19rem;color: #eeeeee;line-height:.28rem;margin-left: .1rem;}
.home-page .order .list-box .list .r-box .d1{margin-top: .1rem;}
.home-page .news .nav{font-size:0;text-align: center;}
.home-page .news .nav a{display:inline-block;font-size:.22rem;color:#020202;line-height: .36rem;}
.home-page .news .nav a span{display: inline-block;margin:0 .5rem .4rem;}
.home-page .news .nav a.on{color: #edb21c;}
.home-page .news .nav a.on span{color:#020202;}
.home-page .news .box-wrap{padding: 0 .3rem;}
.home-page .news .box-wrap .box{position: relative;margin-bottom:.9rem;}
.home-page .news .box-wrap .box .text{position: absolute;bottom: .2rem;left: .2rem;width: calc(100% - .4rem);background:#fff;padding: .4rem .2rem;}
.home-page .news .box-wrap .box .text .h1{font-size:.26rem;color: #000;line-height:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: .15rem;}
.home-page .news .box-wrap .box .text .art{font-size:.20rem;color: #828282;line-height:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-page .news .box-wrap .item-box .item{margin-bottom: .6rem;}
.home-page .news .box-wrap .item-box .item a>div{float: left;}
.home-page .news .box-wrap .item-box .item .dates{width:1.2rem;text-align: center;padding:.1rem;border: 1px solid #7d7d7d;transition: all .3s;}
.home-page .news .box-wrap .item-box .item .dates .sp1{font-size:.36rem;color: #666;line-height:.36rem;display: inline-block;margin-bottom:.1rem;}
.home-page .news .box-wrap .item-box .item .dates .sp2{font-size:.14rem;color: #666;line-height:.36rem;display: inline-block;margin-top:.05rem;}
.home-page .news .box-wrap .item-box .item .text{width: calc(100% - 1.2rem);padding-left: .3rem;}
.home-page .news .box-wrap .item-box .item .text .h1{font-size:.2rem;color: #000;line-height:.3rem;margin-bottom:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.home-page .news .box-wrap .item-box .item .text .art{font-size:.2rem;color: #666;line-height:.3rem;height:.6rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


/*product*/
.search{width: 100%;height: auto;background: #f7f7f7;padding: .3rem 0;}
.search form{width:6rem;height:.6rem;line-height:.6rem;margin: 0 auto;background: #fff;border-radius:.2rem;}
.search form input{float:left;}
.search form .inp1{width: 90%;height:.36rem;line-height: .36rem;padding: 0 .1rem;margin-top:.12rem;background: #fff;}
.search form .but{width:.36rem;height:.36rem;background: url(../img/img43.png) no-repeat;background-size:.36rem auto;margin-top:.12rem;}
.prod-page .box-wrap{padding: 0 .3rem;}
.prod-page .box-wrap .nav-box{margin: 1.1rem 0 .7rem;}
.prod-page .box-wrap .nav{margin-bottom: .15rem;}
.prod-page .box-wrap .nav>div{float:left;text-align: center;}
.prod-page .box-wrap .nav .d1{font-size:.24rem;color: #222222;line-height:.4rem;font-weight: bold;}
.prod-page .box-wrap .nav-box .nav a{display:inline-block;font-size:.2rem;color: #222222;line-height:.5rem;width: 1.6rem;background: #e8e6e6;text-align: center;margin-right: .1rem;margin-bottom: .25rem;}
.prod-page .box-wrap .nav-box .nav .nav-1{width:calc(100% - 1.2rem);text-align: left;}
.prod-page .box-wrap .nav-box .nav a.on{color: #ffffff;font-weight: bold;background: #edb21c;}
.prod-page .box-wrap .item-box .item{border: 1px solid #e8e8e8;margin-bottom: .3rem;}
.prod-page .box-wrap .item-box .item .text{padding:.2rem;}
.prod-page .box-wrap .item-box .item .text .h1{font-size:.22rem;color:#222222;line-height:.36rem;}
.prod-page .box-wrap .item-box .item .text .art{font-size:.2rem;color:#666666;line-height:.3rem;margin: .1rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prod-page .box-wrap .item-box .item .text .sp1{display:inline-block;font-size:.14rem;color:#666666;line-height:.36rem;border: 1px solid #e5e5e5;padding: 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nav-bar{font-size: 0;text-align: center;}
.nav-bar a{display: inline-block;font-size:.2rem;color: #999;line-height:.36rem;margin: 0 .2rem;}
.nav-bar a.on{color: #444;}
.prod-page .box1 .title{font-size:.28rem;color: #2d2d2d;line-height:.36rem;padding: .3rem 0;text-align: center;}
.prod-page .box1 .img{border: 1px solid #dfdddd;}
.prod-page .box1 .text{margin: .5rem 0;}
.prod-page .box1 .text .h1{font-size: .26rem;color: #444;line-height: .36rem;font-weight: bold;}
.prod-page .box1 .text .d1{font-size: .2rem;color: #444;line-height: .4rem;}
.prod-page .box1 .text .d3{margin-top: .6rem;}
.prod-page .box1 .text .l-box{float: left;}
.prod-page .box1 .text .l-box>div{float: left;}
.prod-page .box1 .text .l-box .d4{font-size:.26rem;color:#010101;line-height:1;font-weight: bold;margin-left: .1rem;}
.prod-page .box1 .text .l-box .d4 span{display: block;font-size:.16rem;color:#666666;line-height:.24rems;font-weight:400;margin-bottom: .1rem;}
.prod-page .box1 .text .r-box{float:right;}
.prod-page .box1 .text .r-box a{display: inline-block;width:2.1rem;height:.65rem;line-height:.65rem;font-size:.18rem;color:#fff;background: #595857;text-align: center;}
.prod-page .box2 .h1{font-size:.2rem;color: #444444;line-height:.5rem;font-weight:bold;border-bottom: 1px solid #d2d0d0;margin:.9rem 0 .1rem;}
.prod-page .box2 .d1{font-size: 0;padding: .6rem;border: 1px solid #585858;margin: .2rem 0;}
.prod-page .box2 .d1 span{display: inline-block;width: 50%;font-size:.24rem;color: #101010;line-height:.5rem;}
.prod-page .box3 .h1{font-size:.26rem;color: #000000;line-height:.36rem;margin: .8rem 0 .4rem;}
.prod-page .box3 .list-box{display: flex;justify-content: flex-start;overflow-x: auto;margin-bottom: 1.2rem;}
.prod-page .box3 .list-box::-webkit-scrollbar{display: none;}
.prod-page .box3 .list-box .list{width:2.8rem;margin-right: .2rem;}
.prod-page .box3 .list-box .list .img{width:2.8rem;border: 1px solid #e4e4e4;}
.prod-page .box3 .list-box .list span{display:block;font-size:.2rem;color:#444444;line-height: .36rem;text-align:center;padding: .1rem 0;}


/*service*/
.nav-wrap{font-size:0;text-align:center;overflow-x: auto;white-space: nowrap;padding: .4rem .3rem;border-bottom:1px solid #eeeeee;}
.nav-wrap::-webkit-scrollbar{display: none;}
.nav-wrap a{display:inline-block;padding-left:.2rem;font-size:.24rem;color: #444444;line-height:.36rem;background: url(../img/img47.jpg) left no-repeat;background-size:.09rem auto;margin-right:.8rem;}
.nav-wrap a.on{background: url(../img/img46.jpg) left no-repeat;background-size:.09rem auto;color: #edb21c;}
.serv-page .item-box .h1{font-size:.24rem;color: #444444;line-height:.36rem;margin:.5rem 0;font-weight:bold;padding: 0 .3rem;}
.serv-page .item-box .item{margin-bottom:.2rem;background: #eeeeee;padding:.3rem;}
.serv-page .item-box .item .h2{font-size:.22rem;color: #000000;line-height:.4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.serv-page .item-box .item .art{font-size:.20rem;color: #000000;line-height:.4rem;height:.8rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.serv-page .item-box .item.on{background: #282828;}
.serv-page .item-box .item.on .h2,.serv-page .item-box .item.on .art{color: #edb21c;}
.serv-page .list-box{padding:.9rem .6rem;}
.serv-page .list-box .list{float:left;width:3.6rem;height: 2.3rem;}
.serv-page .list-box .list:nth-child(2n){width: 2.5rem;}
.serv-page .list-box .box{width:2.5rem;background: #eeeeee;text-align: center;border-radius:.2rem;padding:.25rem 0;}
.serv-page .list-box .list .img2{display: none;}
.serv-page .list-box .list img{margin:0 auto;width: .28rem;}
.serv-page .list-box .list .d1{font-size:.2rem;color: #000;line-height:.28rem;margin-top: .1rem;}
.serv-page .list-box .list.on .box{background: #edb21c;}
.serv-page .list-box .list.on .box .img1{display: none;}
.serv-page .list-box .list.on .box .img2{display: block;}
.serv-page .list-box .list.on .box .d1{color: #fff;}
.serv-page .box1 .img{margin:1.3rem 0 1rem;}
.serv-page .box1 .art{padding: 0 .3rem;font-size: .26rem;color: #444;line-height: .5rem;margin-bottom: 1.2rem;}
.serv-page .box2{padding: 0 .3rem;margin: 1rem 0 1.5rem;}
.serv-page .box2 .text{font-size:.26rem;color: #444;line-height: .5rem;}
.serv-page .box2 .text .sp1{display: block;font-weight: bold;}

/*case*/
.case-page .nav{display: flex;justify-content: flex-start;overflow-x: auto;white-space: nowrap;padding:.6rem .3rem;}
.case-page .nav::-webkit-scrollbar{display: none;}
.case-page .nav a{display: block;text-align: center;padding:.25rem .15rem .15rem;margin-right: .5rem;}
.case-page .nav .icon-box img{width:.77rem;margin: 0 auto;}
.case-page .nav .icon-box .img2{display: none;}
.case-page .nav a span{display:inline-block;font-size:.2rem;color: #444444;line-height:1;margin-top: .1rem;}
.case-page .nav a.on{background:#edb21c;}
.case-page .nav a.on span{color: #fff;}
.case-page .nav a.on .icon-box .img2{display:block;}
.case-page .nav a.on .icon-box .img1{display:none;}
.case-page .item-box{padding: 0 .3rem;}
.case-page .item-box .item{margin-bottom:.4rem;}
.case-page .item-box .item .text{padding:.3rem 0;}
.case-page .item-box .item .text .h1{font-size:.2rem;color: #222222;line-height:.36rem;font-weight:bold;}
.case-page .item-box .item .text .d1{font-size:.2rem;color: #444444;line-height:.36rem;margin: .3rem 0 .1rem;}
.case-page .item-box .item .text .d1 span{display:inline-block;margin-right:1rem;}
.case-page .item-box .item .text .art{font-size:.2rem;color: #444444;line-height:.36rem;height:.72rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-page .item-box .item .text .sp1{display:inline-block;font-size:.18rem;color: #666666;line-height:.4rem;padding: 0 .15rem;border: 1px solid #e5e5e5;margin-top: .2rem;}
.case-page .box1 .title{font-size:.28rem;color: #2d2d2d;line-height:.36rem;padding: .3rem 0;text-align: center;}
.case-page .box1 .banner .view{padding: 0 .3rem;}
.case-page .box1 .banner .preview{margin:.1rem 0;padding: 0 .8rem;position: relative;}
.case-page .box1 .banner .preview .swiper-wrapper{display: flex;justify-content: space-between;}
.case-page .box1 .banner .preview .swiper-slide{width:1.11rem;}
.case-page .box1 .banner .preview .swiper-slide .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);}
.case-page .box1 .banner .preview .swiper-slide.active-nav .mask{background:none;}
.case-page .box1 .banner .preview .arrow-left{position:absolute;top:50%;left:.4rem;margin-top:-0.17rem;width:.18rem;height:.34rem;background: url(../img/img59.jpg) no-repeat;background-size:.18rem auto;}
.case-page .box1 .banner .preview .arrow-right{position:absolute;top:50%;right:.4rem;margin-top:-0.17rem;width:.18rem;height:.34rem;background: url(../img/img58.jpg) no-repeat;background-size:.18rem auto;}
.case-page .box2 .text{padding: 0 .3rem;margin-top: .4rem;}
.case-page .box2 .text .h1{font-size:.2rem;color: #222222;line-height:.36rem;font-weight:bold;}
.case-page .box2 .text .d1{font-size:.2rem;color: #444444;line-height:.36rem;margin: .3rem 0 .1rem;}
.case-page .box2 .text .d1 span{display:inline-block;margin-right:1rem;}
.case-page .box2 .text .art{font-size:.28rem;color: #444444;line-height:.5rem;margin-top: .2rem;}
.nav-sx{padding: 0 .3rem;margin: .7rem 0;}
.nav-sx a{display: block;font-size:.2rem;color:#444444;line-height:.4rem;margin-bottom: .2rem;}
.case-page .box3{padding: 0 .3rem;}
.case-page .box3 .h1{font-size:.26rem;color: #000000;line-height:.36rem;padding-bottom:.25rem;border-bottom:1px solid #e5e5e5;}
.case-page .box3 .list-box{overflow-x:auto;white-space: nowrap;margin: .2rem 0 .9rem;font-size: 0;}
.case-page .box3 .list-box::-webkit-scrollbar{display: none;}
.case-page .box3 .list-box .list{display:inline-block;width:2.8rem;height: auto;margin-right: .2rem;}


/*about*/
.about-page .title{font-size:.3rem;color: #000;line-height:.5rem;text-align: center;padding: .9rem 0 .6rem;}
.about-page .title .h1{letter-spacing:.1rem;}
.about-page .box1{padding: 0 .3rem;}
.about-page .box1 .art{font-size:.28rem;color: #666;line-height:.5rem;}
.about-page .video-box{position: relative;margin: .7rem 0;}
.about-page .video-box .img-but{position: absolute;top: 50%;margin-top:-.45rem;left: 50%;margin-left: -.45rem;}
.about-page .video-box .text{font-size:.14rem;color: #000;line-height:.4rem;letter-spacing:.4rem;text-align: center;margin: .2rem 0;}
.about-page .box2{background: #edb21c;position: relative;padding: 0 .3rem 2rem;}
.about-page .box2 .art{font-size: .28rem;color: #fff;line-height:.4rem;}
.about-page .box2 .img{position: absolute;bottom:-6rem;left: 50%;margin-left:-3.35rem;box-shadow: 0 5px 15px rgba(0,0,0,.3);}
.about-page .box3{margin: 6.2rem 0 0;}
.about-page .box3 .banner{position:relative;padding-bottom:2rem;}
.about-page .box3 .banner .swiper-pagination{width:100%;padding: .8rem 0;}
.about-page .box3 .banner .swiper-pagination-bullet{background:none;text-align: center;font-size:.3rem;color: #666;line-height:.4rem;margin: 0 .1rem;opacity: 1;}
.about-page .box3 .banner .swiper-pagination-bullet-active{color: #222;}
.about-page .box3 .banner .swiper-button-prev{bottom:.85rem;left:1rem;top:auto;margin-top: auto;width:.13rem;height:.25rem;background: url(../img/img37.png) no-repeat;background-size:.13rem auto;}
.about-page .box3 .banner .swiper-button-next{bottom:.85rem;right:1rem;top:auto;margin-top: auto;width:.13rem;height:.25rem;background: url(../img/img40.png) no-repeat;background-size:.13rem auto;}
.about-page .box4{position: relative;}
.about-page .box4 .box{position:absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.about-page .box4 .banner{position:relative;}
.about-page .box4 .banner .swiper-pagination2{width:100%;padding: .8rem 0;text-align: center;}
.about-page .box4 .banner .swiper-pagination-bullet{background:none;text-align: center;font-size:.3rem;color: #fff;line-height:.4rem;margin: 0 .1rem;opacity: 1;}
.about-page .box4 .banner .swiper-button-prev2{position:absolute;bottom:.85rem;left:1rem;top:auto;margin-top: auto;width:.13rem;height:.25rem;background: url(../img/img39.png) no-repeat;background-size:.13rem auto;}
.about-page .box4 .banner .swiper-button-next2{position:absolute;bottom:.85rem;right:1rem;top:auto;margin-top: auto;width:.13rem;height:.25rem;background: url(../img/img42.png) no-repeat;background-size:.13rem auto;}
.about-page .box4 .banner .swiper-pagination-bullet-active{color:#edb11c;}
.about-page .box5{padding: 0 .3rem;margin-bottom:1.1rem;}

/*contact*/
.cont-page .box1{text-align: center;}
.cont-page .box1 .h1{font-size:.3rem;color: #212121;line-height:.36rem;font-weight: bold;margin: 1.1rem;}
.cont-page .box1 .list .art{font-size:.22rem;color: #444444;line-height:.5rem;margin:.2rem 0 1.2rem;}
.cont-page .map{padding: 0 .3rem;}
.cont-page .box2{padding: 0 .3rem;}
.cont-page .box2 .sbox .h1{font-size:.24rem;color: #212121;line-height:.24rem;font-weight: bold;margin: .5rem 0 .3rem;}
.cont-page .box2 .sbox .art{font-size:.2rem;color: #444444;line-height:.4rem;}
.cont-page .box2 .xbox .img-box{font-size: 0;text-align: center;margin: 1.5rem 0 1rem;} 
.cont-page .box2 .xbox .img-box .img{display: inline-block;margin: 0 .5rem;}
.cont-page .box2 .xbox .img-box .img span{display:block;font-size:.2rem;color: #adadad;line-height:.24rem;margin-top: .1rem;}



/*news*/
.news-page .item-box{padding:.7rem .3rem;}
.news-page .item-box .item{margin-bottom:.5rem;}
.news-page .item-box .item .r-text{margin-top: .3rem;}
.news-page .item-box .item .h1{font-size:.24rem;color: #000;line-height:.36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-page .item-box .item .d1{font-size:.18rem;color: #999;line-height:.30rem;margin: .2rem 0 .3rem;}
.news-page .item-box .item .art{font-size:.2rem;color: #666;line-height:.36rem;height:.72rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-page .item-box .item .sp1{display:inline-block;font-size:.18rem;color: #666;line-height:.45rem;padding: 0 .15rem;border: 1px solid #ededed;margin-top:.3rem;}
.news-page .box1{padding: 0 .3rem;}
.news-page .box1 .title{font-size:.18rem;color: #999;line-height:.36rem;text-align: center;margin:.4rem 0;}
.news-page .box1 .title .d1 span{display: inline-block;margin: 0 .15rem;}
.news-page .box1 .title .d1 a{color: #999;}
.news-page .box1 .title .h1{font-size:.26rem;color: #444444;line-height:.36rem;font-weight: bold;margin-bottom: .2rem;}
.news-page .box1 .art{font-size:.28rem;color: #444444;line-height:.5rem;}


/*map*/
.map-page .box{padding:.5rem .3rem;font-size:0;}
.map-page .box ul{display: inline-block;vertical-align:top;width:50%;text-align: center;margin-bottom:.3rem;}
.map-page .box ul li.li-1{margin-bottom: .1rem;}
.map-page .box ul li.li-1 a{font-size:.3rem;color: #444;}
.map-page .box ul li a{display:block;font-size:.26rem;color:#666;line-height:.5rem;}


/* search */
.search-page .item-box{padding:0 .3rem;}
.search-page .item-box .item{border: 1px solid #e8e8e8;margin-bottom: .4rem;}
.search-page .item-box .item .text{padding:.2rem;}
.search-page .item-box .item .text .h1{font-size:.22rem;color:#222222;line-height:.36rem;}
.search-page .item-box .item .text .art{font-size:.2rem;color:#666666;line-height:.3rem;margin: .1rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-page .item-box .item .text .sp1{display:inline-block;font-size:.14rem;color:#666666;margin-top:.2rem;line-height:.36rem;border: 1px solid #e5e5e5;padding: 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-page .item-box .title{padding:.3rem 0;border-bottom:1px solid #eeeeee;font-size: .3rem;color: #212121;line-height: .4rem;}
.search-page .h1{font-size:.26rem;color:#303030;line-height: .36rem;margin: .3rem 0;}
.search-page .list-box{padding:0 .3rem;margin-top:1rem;}
.search-page  .list{width:100%;height: auto;margin-bottom: 20px;}
.search-page  .list .h2{font-size:.22rem;color:#000;line-height:.36rem;height:.36rem;transition: all .3s;padding:0 .2rem;background: url(../img/img103.jpg) left no-repeat;background-size:.06rem .06rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-page  .list .sp1{display: inline-block;font-size:.2rem;color: #999;line-height:.3rem;padding:0 .2rem;margin-top: .2rem}