<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/home/www/wwwroot/Z1024.COM/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/jsktzm.com/img/f5/9e34c/b7cd3.css): failed to open stream: No such file or directory in <b>/home/www/wwwroot/Z1024.COM/func.php</b> on line <b>115</b><br />
@charset "utf-8";
/*ZH-PC*/
/*EN-PC
ZH-MP
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;min-width: 1200px;}
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}
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%;transition: all .3s;}
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);}
.w12{max-width:1200px;height: auto;margin: 0 auto;}
.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: auto;border-bottom: 1px solid #e5e5e5;position: fixed;top: 0;left: 0;background: #fff;z-index:999;}
.header .head-wrap{max-width: 1530px;height: 121px;margin: 0 auto;line-height: 121px;transition: all .3s;}
.head-wrap a{display:block;}
.head-wrap .logo{float: left;line-height: 0}
.head-wrap .search{float: right;margin-left: 70px;}
.head-wrap .search>div{float: left;}
.head-wrap .search .but-img{cursor:pointer;}
.head-wrap .search .but-img .img2{display: none;}
.head-wrap .search .form-box{display:none;border:1px solid #D8D8D8;width:0;height:40px;border-radius:25px;margin-top:41px;margin-right:10px;overflow: hidden;}
.head-wrap .search .form-box .form{height: 40px;}
.head-wrap .search .form-box input{display: inline-block;float: left;}
.head-wrap .search .form-box .text{width:450px;height:30px;line-height: 30px;padding:0 10px;margin-top: 5px;margin-left:10px;}
.head-wrap .search .form-box .but{background: url(../img/img2.png) no-repeat;width:21px;height: 21px;margin-top:9px;cursor: pointer;}
.head-wrap .nav{float: right;}
.head-wrap .nav li{float: left;height: 121px;position: relative;}
.head-wrap .nav li>a{font-size:18px;color: #4e4c4c;padding: 0 30px;line-height:60px;position: relative;margin-top: 30px;transition: all .3s;}
.head-wrap .nav li>a::after{content:'';position:absolute;left:100%;right:100%;bottom: 0;height:2px;background:#edb21c;transition: all .3s;}
.head-wrap .nav li.on>a{color: #edb21c}
.head-wrap .nav li.on>a::after{left: 0;right: 0;}
.head-wrap .nav li>a:hover{color: #edb21c;}
.head-wrap .nav li>a:hover::after{left: 0;right: 0;}
.head-wrap .nav li .nav-box{display:none;position: absolute;top:121px;left: 0;white-space: nowrap;z-index: 2;background: #fff;min-width:376px;padding:20px;box-shadow:0px 5px 12px rgba(0,0,0,.2);transition: all .5s;}
.head-wrap .nav li .nav-box>div{float: left;}
.head-wrap .nav li .nav-box .l-box a{display:block;font-size:16px;color: #1b1b1b;line-height:40px;min-width:120px;padding-right: 10px;}
.head-wrap .nav li:hover .nav-box{display: block;}
.head-wrap .nav li .nav-box .l-box a:hover{color: #edb21c;}
.head-wrap .nav li:nth-child(6) .nav-box{left: auto;right: 0;}
.head-wrap .nav li:nth-child(4) .nav-box{min-width:416px;}
.head-wrap .nav li:nth-child(4) .nav-box .l-box a{min-width:160px;}
.nav-top{position: fixed;top: 50%;right: 0;z-index:4;}
.nav-top li{position:relative;width:70px;height:70px;background: #595857;margin-bottom: 1px;text-align:center;}
.nav-top li .box{display:block;width:80px;height:70px;position: absolute;top:0;z-index: 2;background: #595857;}
.nav-top li .box a{display:block;width:70px;height:70px;padding-top:10px;}
.nav-top li:nth-child(3) .box{width:200px;}
.nav-top li:nth-child(3) .box a{width: 200px;}
.nav-top li:nth-child(3) .box a .d1{width:70px;height: 60px;}
.nav-top li:nth-child(3) .box a .d2{font-size:14px;color: #fff;border-left:1px solid #fff;padding: 0 10px;margin-left: 10px;margin-top: 15px;}
.nav-top li .box a>div{float:left;}
.nav-top li .box .img{display:none;position: absolute;width:115px;height: 115px;top:-24px;left: -130px;}
.nav-top li span:nth-child(1){display: block;display: block;width:30px;height: 27px;margin: 0 auto;}
.nav-top li span{font-size:14px;color:#fff;}
.nav-top li:last-child a span:nth-child(1){width:33px;height:35px;}
.nav-top li .box:hover .img{display: block;}
@media only screen and (max-width:1550px){
    .header .head-wrap{padding: 0 30px;}
}


/* 底部 */
.footer{width: 100%;height: auto;}
.footer .s-box{background: #000000;font-size: 14px;color: #ddd;line-height: 50px}
.footer .s-box .nav span{display: inline-block;}
.footer .s-box .nav a{display:inline-block;line-height:40px;color: #ddd;width: 110px;text-align: center;margin: 0 5px;transition: all .3s}
.footer .s-box .nav a:hover{background: #edb21c;border-radius:8px;}
.footer .x-box{background: #282828;padding: 50px 0;}
.footer .x-box .item-box .item{float: left;border-right:1px solid #555555;width: 400px;height: 170px;}
.footer .x-box .item-box .item:last-child{border-right:0;}
.footer .x-box .item-box .item .a1{font-size:14px;color: #fff;display: block;width: 160px;height: 45px;line-height: 45px;background: #edb21c url(../img/img3.png) 30px no-repeat;border-radius:8px;padding-left:65px;margin-bottom: 20px;}
.footer .x-box .item-box .item .d1{font-size:22px;color: #ddd;padding-left: 30px;background: url(../img/img4.png) left no-repeat;line-height:24px;}
.footer .x-box .item-box .item .d2{font-size:16px;color: #fff;padding-left: 30px;background: url(../img/img5.png) left no-repeat;margin:20px 0;line-height:24px;}
.footer .x-box .item-box .item .d3{font-size: 12px;color: #666;line-height:1.3;}
.footer .x-box .item-box .item ul{padding-left: 35px;}
.footer .x-box .item-box .item ul strong{font-size:16px;color: #fff;margin-bottom: 5px;display: block;}
.footer .x-box .item-box .item ul li{font-size: 14px;color: #bbb;line-height: 28px;}
.footer .x-box .item-box .item .img{float: right;margin-left: 60px;margin-top:20px;}
.footer .x-box .item-box .item .img span{display: block;font-size: 12px;color: #adadad;line-height: 24px;text-align: center;}


/* index */
.main{
	padding-top: 121px;
}
.banner{width: 100%;height: auto;}
.index-swip1 .swiper-pagination-bullet{background: #ffffff;}
.index-box{width: 100%;height: auto;background: #f7f7f7;}
.index-box .list-box{padding: 40px 0;/*display: flex;justify-content: space-between;align-items: center;*/}
.index-box .list-box .list{float:left;width:25%;}
.index-box .list-box .list.list1{width:45%;margin-left:4%;}
.index-box .list-box .list .sp1{display: block;font-size: 14px;color: #212121;margin-bottom:10px;}
.index-box .list-box .list .st1{font-size: 30px;color: #212121;}
.index-box .list-box .list .h1{font-size:20px;color: #212121;font-weight:600;margin-bottom:20px;text-align: center;}
.index-box .list-box .list .p1{font-size: 14px;color: #666;text-align: center;}
.index-box .list-box .list .box{float: left;text-align: center;position: relative;margin: 0 35px;padding-top:8px;}
.index-box .list-box .list .box .img{margin-bottom:16px;}
.index-box .list-box .list .box span{font-size: 14px;color: #666;transition: all .3s;}
.index-box .list-box .list .box img{transition: all .3s;}
.index-box .list-box .list .box .img2{display: none;}
.index-box .list-box .list .box a{display: block;}
.index-box .list-box .list .box a:hover span{color:#edb21c;}
.index-box .list-box .list .box a:hover .img2{display:block;margin: 0 auto}
.index-box .list-box .list .box a:hover .img1{display:none;}
.index-box .list-box .list .box .code{position: absolute;bottom:65px;z-index:2;width: 110px;left:50%;margin-left:-55px;display: none;transition: all .3s;}
.index-box .list-box .list .box:hover .code{display: block;}
.about{width: 100%;height: auto;}
.about .about-wrap>div{float: left;width: 50%;}
.about .l-box{padding-left:20%;padding-right:60px;}
.about .l-box .text .h1{font-size:30px ;color: #212121;margin:25% 0 12%;}
.about .l-box .text .art{font-size:14px;color: #666666;line-height: 40px;height:200px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}
.about .l-box .text .a1{display:inline-block;font-size:14px;color:#2d2d2d;line-height:40px;border: 1px solid #e5e5e5;padding: 0 40px;margin-top:15%;}
.about .l-box .text .a1:hover{color: #edb21c;border: 1px solid #edb21c;}
.product{width: 100%;height: auto;}
.product .prod-wrap .title{text-align: center;font-size: 30px;color: #2d2d2d;line-height: 40px;padding: 70px 0 40px;}
.product .prod-wrap .title .h1{font-family: arial;font-weight:bold;letter-spacing:10px;margin-bottom:10px;}
.product .prod-wrap .nav{font-size: 0;text-align: center;margin-bottom: 50px;}
.product .prod-wrap .nav a{display: inline-block;font-size: 18px;color: #444444;line-height:36px;margin: 0 30px;height: 36px;}
.product .prod-wrap .nav a:hover{color: #edb21c;}
.product .prod-wrap .nav a.on{color: #edb21c;border-bottom: 1px solid #edb21c;}
.product .prod-wrap .box-wrap .box{display: none;transition: all .5s;}
.product .prod-wrap .box-wrap .box.on{display: block;}
.product .prod-wrap .box-wrap .box .item-box .item{float: left;border: 1px solid #e5e5e5;width: 383px;height: 383px;position: relative;margin-right:25px;margin-bottom: 20px;}
.product .prod-wrap .box-wrap .box .item-box .item:nth-child(3n){margin-right: 0;}
.product .prod-wrap .box-wrap .box .item-box .item .text{transition:all .5s;opacity:0;position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,.7);color: #FFFFFF;text-align: center;padding-top:31%;}
.product .prod-wrap .box-wrap .box .item-box .item:hover .text{opacity:1;}
.product .prod-wrap .box-wrap .box .item-box .item .text .sp1{font-size:20px;color: #fff;line-height:36px;display: block;font-family: arial;}
.product .prod-wrap .box-wrap .box .item-box .item .text .st1{font-size:20px;color: #fff;line-height:36px;display: block;}
.product .prod-wrap .box-wrap .box .item-box .item .text .sp2{font-size:14px;color: #fff;line-height:36px;display:inline-block;border: 1px solid #fff;padding: 0 40px;margin-top:20px;}
.case .case-wrap .title{text-align: center;font-size: 30px;color: #2d2d2d;line-height: 40px;padding:90px 0 50px;}
.case .case-wrap .title .h1{font-family: arial;font-weight:bold;letter-spacing:10px;margin-bottom:10px;}
.case .case-wrap .banner .banner-wrap .swiper-container{display:none;}
.case .case-wrap .banner .banner-wrap .swiper-container.on{display:block;}
.case .case-wrap .banner .banner-wrap .swiper-container .swip-btn{opacity: 0;transition: all .5s;}
.case .case-wrap .banner .banner-wrap .swiper-container:hover .swip-btn{opacity: 1;}
.case .case-wrap .banner .banner-wrap .swiper-container .swiper-button-prev{background:url(../img/img53.png) center center no-repeat;width:48px;height: 90px;display: inline-block;position: absolute;left:10px;top: 50%;margin-top:-45px;cursor: pointer;transition: all .3s;z-index: 2;}
.case .case-wrap .banner .banner-wrap .swiper-container .swiper-button-next{background:url(../img/img54.png) center center no-repeat;width:48px;height:90px;display: inline-block;position: absolute;right:10px;top: 50%;margin-top:-45px;cursor: pointer;transition: all .3s;z-index:2;}
.case .case-wrap .banner .banner-wrap .swiper-slide .box{float:left;width:585px;height: auto;margin-right: 30px;position: relative;}
.case .case-wrap .banner .banner-wrap .swiper-slide .box:last-child{margin-right:0;}
.case .case-wrap .banner .banner-wrap .swiper-slide .box .text{position:absolute;bottom:10px;width: 96%;left:50%;margin-left: -48%;background: rgba(255,255,255,.9);padding: 10px;}
.case .case-wrap .banner .banner-wrap .swiper-slide .box .text .h1{font-size:20px;color: #2d2d2d;line-height: 40px;transition: all .3s;}
.case .case-wrap .banner .banner-wrap .swiper-slide .box .text .art{font-size:14px;color: #2d2d2d;line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case .case-wrap .banner .banner-wrap .swiper-slide .box .text .icon-img{position: absolute;right:30px;bottom:40px;transition: all .5s;opacity: 0;}
.case .case-wrap .banner .banner-wrap .swiper-slide .box:hover .text .icon-img{right: 15px;opacity: 1;}
.case .case-wrap .banner .banner-wrap .swiper-slide .box:hover .h1{color: #edb21c;}
.case .case-wrap .banner .x-nav{position: relative;margin:70px 0;font-size:0;}
.case .case-wrap .banner .x-nav .but{position: absolute;top:50%;margin-top:-40px;width:18px;height:34px;transition: all .3s;}
.case .case-wrap .banner .x-nav .but-prev{left:0;background: url(../img/img39.jpg) no-repeat;}
.case .case-wrap .banner .x-nav .but-next{right:0;background: url(../img/img37.jpg) no-repeat;}
.case .case-wrap .banner .x-nav .but-prev:hover{left:0;background: url(../img/img38.jpg) no-repeat;}
.case .case-wrap .banner .x-nav .but-next:hover{right:0;background: url(../img/img40.jpg) no-repeat;}
.case .case-wrap .banner .x-nav .nav-wrap a{display:inline-block;width:25% !important;text-align: center;cursor: pointer;}
.case .case-wrap .banner .x-nav a .img2{display:none;}
.case .case-wrap .banner .x-nav a span{font-size: 16px;color: #444;line-height: 36px;display: inline-block;margin-top: 10px;transition: all .3s;transition: all .3s;}
.case .case-wrap .banner .x-nav .on .img2{display: block;margin: 0 auto;} 
.case .case-wrap .banner .x-nav .on .img1{display:none;} 
.case .case-wrap .banner .x-nav .on span{color: #edb21c;}
.case .video-box{position: relative;width: 100%;height:695px;}
.case .video-box .box{position:absolute;top:0;left:0;width:100%;color: #fff;text-align: center;margin-top: 150px;}
.case .video-box .box .h1{font-size:30px;color: #fff;line-height:40px;margin-bottom: 30px;}
.case .video-box .box .art{font-size:14px;color: #fff;line-height:40px;margin-bottom: 20px;}
.case .video-box .box .video-button{cursor: pointer;}
.case .video-box .box span{font-size:23px;color: #fff;line-height:40px;display: inline-block;margin-top: 30px;font-family: arial;letter-spacing:15px;}
.case .video-box .box2{position: absolute;left: 0;bottom:-90px;width:100%;max-width: 1560px;background: #fff;box-shadow:0px 5px 10px rgba(0,0,0,.1);}
.case .video-box .box2 .list-box{padding: 40px 0;}
.case .video-box .box2 .list-box .list{float:right;text-align: center;width: 300px;border-right:1px solid #ededed;}
.case .video-box .box2 .list-box .list .datas{font-size:48px;color: #333;font-weight: bold;line-height: 1;}
.case .video-box .box2 .list-box .list .datas span{font-size:72px;/*font-weight: bold;*/display: inline-block;margin-top:7px;font-family:din-bold;}
.case .video-box .video{display:none;position: fixed;top:0;left:0;width: 100%;height:100%;background: rgba(0,0,0,.5);z-index: 3;}
.case .video-box .video .box{position:relative;left:50%;top: 50%;width:800px;height:500px;margin-top:-250px;margin-left: -400px;background: #1B1B1B;}
.case .video-box .video .close{position: absolute;right: -28px;top: -28px;font-size: 20px;color: #fff;cursor: pointer;z-index:99;}
.choice .choice-wrap{padding-bottom: 120px;}
.choice .choice-wrap .title{text-align: center;font-size: 30px;color: #2d2d2d;line-height: 40px;padding:190px 0 80px;}
.choice .choice-wrap .title .h1{font-family: arial;font-weight:bold;letter-spacing:10px;margin-bottom: 10px;}
.choice .choice-wrap .list-box .box{float: left;width:29%;}
.choice .choice-wrap .list-box .box .list{height: 50%;cursor: pointer;}
.choice .choice-wrap .list-box .box .list .numb{font-size: 26px;color: #d8d8d8;transition: all .3s;}
.choice .choice-wrap .list-box .box .list .numb span{font-size:54px;font-family:bebas;}
.choice .choice-wrap .list-box .box .list .h1{font-size: 24px;color: #000;line-height: 36px;margin-bottom: 10px;font-weight: bold;}
.choice .choice-wrap .list-box .box .list .art{font-size: 16px;color: #666;line-height: 24px;}
.choice .choice-wrap .list-box .box .list:hover .numb{color: #edb21c;}
.choice .choice-wrap .list-box .box .list:nth-child(2){margin-top:160px;}
.order{position: relative;}
.order .box{position:absolute;cursor: pointer;transition: all .5s;}
.order .box1{left:14.5%;top:39%;}
.order .box .img2{display: none;}
.order .box:hover{padding-left: 10px;}
.order .box:hover .img2{display: block;}
.order .box:hover .img1{display: none;}
.order .box:hover .art{color: #edb21c;}
.order .box .img{margin-bottom: 10px;}
.order .box .art{font-size:16px;color: #eeeeee;line-height: 28px;transition: all .3s;width: 130px;}
.order .box2{left:24%;top:51%;}
.order .box3{left:33.5%;top:74%;}
.order .box4{left:43%;top:51%;}
.order .box5{left:52%;top:39%;}
.order .box6{left:61.5%;top:55%;}
.order .box7{left:71%;top:74%;}
.order .box8{left:80.5%;top:50%;}
.order .title{position:absolute;left:0;top:0;width:100%;text-align: center;font-size: 30px;color: #fff;line-height: 40px;padding-top:6%;}
.order .title .h1{font-family: arial;letter-spacing:10px;margin-bottom: 10px;}
.news .news-wrap .nav{margin: 90px 0 40px;}
.news .news-wrap .nav a{display: inline-block;float: left;font-size:16px;color: #020202;line-height:36px;margin: 0 15px;}
.news .news-wrap .nav a span{transition: all .3s;display: inline-block;height: 36px;}
.news .news-wrap .nav a:hover span{color: #edb21c;}
.news .news-wrap .nav a.on span{color: #edb21c;border-bottom: 1px solid #edb21c;}
.news .news-wrap .nav .a1{float: right;font-size:12px;color: #666666;margin: 0;}
.news .news-wrap .nav .a1:hover{color: #edb21c;}
.news .news-wrap .box-wrap{margin-bottom: 30px;}
.news .news-wrap .box-wrap .box{display:none;}
.news .news-wrap .box-wrap .box.on{display:block;}
.news .news-wrap .box-wrap .box>div{float:left;}
.news .news-wrap .box-wrap .l-box .list{width:680px;height: auto;margin-bottom: 40px;}
.news .news-wrap .box-wrap .l-box .list:hover .dates{border: 1px solid #edb21c;}
.news .news-wrap .box-wrap .l-box .list:hover .dates .sp1{color:#edb21c;}
.news .news-wrap .box-wrap .l-box .list:hover .dates .sp2{color:#edb21c;}
.news .news-wrap .box-wrap .l-box .list:hover .dates .sp3{border: 1px solid #edb21c !important;}
.news .news-wrap .box-wrap .l-box .list:hover .text .h1{color: #edb21c;}
.news .news-wrap .box-wrap .l-box .list:hover .text{padding-left:40px;}
.news .news-wrap .box-wrap .l-box a>div{float: left;}
.news .news-wrap .box-wrap .l-box .dates{width: 100px;text-align: center;padding: 10px;border: 1px solid #7d7d7d;transition: all .3s;}
.news .news-wrap .box-wrap .l-box .dates .sp1{font-size:28px;color: #666;line-height:36px;display: inline-block;margin-bottom: 10px;transition: all .3s;}
.news .news-wrap .box-wrap .l-box .dates .sp2{font-size:14px;color: #666;line-height:36px;display: inline-block;margin-top: 5px;transition: all .3s;}
.news .news-wrap .box-wrap .l-box .dates .sp3{transition: all .3s;}
.news .news-wrap .box-wrap .l-box .text{width:580px;padding: 0 30px;padding-top: 10px;transition: all .5s;}
.news .news-wrap .box-wrap .l-box .text .h1{font-size:16px;color: #000;line-height:30px;transition: all .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news .news-wrap .box-wrap .l-box .text .art{font-size:12px;color: #666;line-height:30px;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news .news-wrap .box-wrap .box .r-box{position: relative;float:right;}
.news .news-wrap .box-wrap .r-box .text{position: absolute;bottom: 10px;width:94%;left: 50%; margin-left: -47%;background: rgba(255,255,255,.9); padding: 10px 15px;transition: all .5s;}
.news .news-wrap .box-wrap .r-box .text .h1{font-size:20px;color: #2d2d2d;line-height: 40px;transition: all .3s;}
.news .news-wrap .box-wrap .r-box .text .art{font-size:14px;color: #2d2d2d;line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/*.news .news-wrap .box-wrap .r-box:hover .text{padding-left: 25px;}
.news .news-wrap .box-wrap .r-box:hover .text .h1{color: #edb21c;}*/
.news .news-wrap .banner{position: relative;margin-bottom: 100px;}
.news .news-wrap .banner .swiper-slide{border: 1px solid #cfcfcf;width:224px !important;height: auto;margin-right:16px;}
.news .news-wrap .banner .swip-btn{transition: all .3s;}
.news .news-wrap .banner .swiper-button-prev{left:-38px;width: 18px;height: 34px;background: url(../img/img39.jpg) no-repeat;margin-top:-17px;}
.news .news-wrap .banner .swiper-button-next{right:-20px;width: 18px;height: 34px;background: url(../img/img37.jpg) no-repeat;margin-top:-17px;}
.news .news-wrap .banner .swiper-button-prev:hover{background: url(../img/img38.jpg) no-repeat;}
.news .news-wrap .banner .swiper-button-next:hover{background: url(../img/img40.jpg) no-repeat;}
@media only screen and (max-width:1440px){
   .order .box .art{width: 110px;}
   .about .l-box .text .h1{margin:10% 0;}
   .about .l-box .text .a1{margin-top: 10%;}
}


/*product*/
.product-page .box1>div{float: left;}
.product-page .box1{margin-top: 90px;}
.product-page .box1 .l-box{width:547px;height:547px;border: 1px solid #dfdddd;}
.product-page .box1 .r-box{width:653px;height: 547px;padding-left: 50px;}
.product-page .box1 .r-box .h1{font-size:20px;color:#444444;line-height:36px;font-weight:bold;margin-bottom:60px;}
.product-page .box1 .r-box .text{font-size:14px;color:#444444;line-height:34px;}
.product-page .box1 .r-box .text span{color: #666666;}
.product-page .box1 .r-box .share{margin-top: 20px;}
.product-page .box1 .r-box .share a{display: inline-block;margin-right: 5px;}
.product-page .box1 .r-box .consult{margin-top: 60px;}
.product-page .box1 .r-box .consult .tele{float: left;}
.product-page .box1 .r-box .consult .tele>div{float: left;}
.product-page .box1 .r-box .consult .tele .num{font-size:24px;color: #010101;line-height:26px;font-weight: bold;margin-left: 10px;}
.product-page .box1 .r-box .consult .tele .num .sp1{display: block;font-size:16px;color: #666;line-height:24px;font-weight:400;margin-bottom: 10px;}
.product-page .box1 .r-box .consult .but{float: right;width: 210px;height:60px;line-height: 60px;text-align: center;background: #595857;}
.product-page .box1 .r-box .consult .but:hover{
   background: #edb21c;
}
.product-page .box1 .r-box .consult .but a{display:block;font-size:18px;color: #fff;}
.product-page .box2{margin-top:80px;}
.product-page .box2 .h1{font-size:18px;color: #444444;line-height:36px;font-weight:bold;border-bottom:1px solid #d2d0d0;margin-bottom: 10px;}
.product-page .box4{margin-top: 100px;}
.product-page .box4 .h1{font-size:26px;color: #000;line-height:36px;font-weight:bold;margin-bottom: 25px;}
.product-page .box4 .list-box .list{float: left;width: 281px;height: auto;text-align: center;margin-right: 25px;}
.product-page .box4 .list-box .list:nth-child(4n){margin-right: 0;}
.product-page .box4 .list-box .list .img{border: 1px solid #e4e4e4;}
.product-page .box4 .list-box .list .sp1{display:inline-block;font-size:14px;color:#444;line-height: 36px;margin: 20px 0;transition: all .3s;}
.product-page .box4 .list-box .list:hover .sp1{color: #edb21c;}

/*service*/
.search-top{padding: 20px 0;background: #f7f7f7;}
.search-top .l-box{float: left;font-size:14px;color:#444444;line-height: 40px;}
.search-top .l-box a{color:#444444;display: inline-block;margin-right: 30px;}
.search-top .l-box a:hover{color: #edb21c;}
.search-top .r-box{float: right;}
.search-top .r-box label{display: inline-block;width: 280px;height: 40px;line-height: 40px;background: #fff;border-radius:20px;padding: 0 20px;}
.search-top .r-box label .inp1{display:inline-block;width: 90%;height: 21px;margin-top:9px;float: left;}
.search-top .r-box label .but{width:21px;height:21px;background: url(../img/img59.jpg) no-repeat;display: inline-block;margin-top:9px;float: right;}
.nav-bar{text-align: center;font-size: 0;margin: 60px 0;}
.nav-bar a{display: inline-block;font-size:16px;color: #444;line-height:36px;margin: 0 28px;padding-left: 15px;background: url(../img/img60.jpg) left no-repeat;}
.nav-bar a.on{background:url(../img/img61.jpg) left no-repeat;color: #edb21c;}
.nav-bar a:hover{color: #edb21c;}
.service-page .title1{font-size:20px;color: #444;line-height:36px;font-weight: bold;margin-bottom: 20px;}
.service-page .problem .item-box{margin-bottom:70px;}
.service-page .problem .item{padding: 40px;background: #eeeeee;border-radius:10px;margin-bottom: 20px;transition: all .3s;}
.service-page .problem .item .h1{font-size:16px;color: #000;line-height:40px;font-weight: 600;transition: all .3s;}
.service-page .problem .item .art{font-size:16px;color: #000;line-height:40px;transition: all .3s;}
.service-page .problem .item:hover{background: #282828;}
.service-page .problem .item:hover .h1{color: #edb21c;}
.service-page .problem .item:hover .art{color: #edb21c;}
.service-page .process .list{float: left;width:300px;height:205px;text-align:center;background: url(../img/img63.jpg) 270px 70px no-repeat;}
.service-page .process .list:nth-child(4){background: url(../img/img64.jpg) 115px 175px no-repeat;}
.service-page .process .list:nth-child(n+5){background: url(../img/img65.jpg) 270px 70px no-repeat;}
.service-page .process .list:last-child{background:none;}
.service-page .process .list .box{width: 250px;height:150px;background: #eeeeee;border-radius:10px;transition: all .3s;}
.service-page .process .list .box .sp1{font-size: 16px;color: #000;line-height: 28px;transition: all .3s;}
.service-page .process .list .img-box{margin-bottom: 10px;padding-top: 25px;}
.service-page .process .list img{transition: all .3s;margin:0 auto;}
.service-page .process .list .img2{display: none;}
.service-page .process .list:hover .box{background: #edb21c;}
.service-page .process .list:hover .box .img1{display: none;}
.service-page .process .list:hover .box .img2{display: block;}
.service-page .process .list:hover .box .sp1{color: #fff;}
.service-page .servi .art{margin:50px 0;font-size: 14px;color: #444;line-height: 40px;}
.service-page .servi .art .h1{font-size:16px;color:#444;line-height:40px;font-weight: bold;}
.service-page .promise .text{font-size:14px;color: #444;line-height: 40px;}
.service-page .promise .text .sp1{display: block;font-size: 16px;font-weight: bold;}

/*Customized*/
.custom-page .nav-box{margin: 40px 0 65px;}
.custom-page .nav-box .nav{font-size:16px;line-height:45px;margin-bottom: 15px;}
.custom-page .nav-box .nav span{font-size: 18px;color: #222;font-weight: bold;}
.custom-page .nav-box .nav a{display:inline-block;color: #444;margin-right: 20px;width: 160px;text-align: center;background: #e8e6e6;}
.custom-page .nav-box .nav a.on{color: #fff;background: #edb21c;}
.custom-page .nav-box .nav a:hover{color: #fff;background: #edb21c;}
.custom-page .list{float: left;width:383px;height: auto;border: 1px solid #e5e5e5;margin-right: 25px;margin-bottom: 30px;}
.custom-page .list:nth-child(3n){margin-right: 0;}
.custom-page .list .x-box{padding: 20px;}
.custom-page .list .x-box .h1{font-size:16px;color:#222;line-height:36px;}
.custom-page .list .x-box .art{font-size:14px;color:#666;line-height:24px;height: 48px;}
.custom-page .list .x-box .sp1{display:inline-block;font-size:14px;color:#666;line-height:30px;border: 1px solid #e5e5e5;padding: 0 20px;margin-top: 10px;transition: all .3s;}
.custom-page .list:hover .x-box .sp1{background: #edb21c;color: #fff;}
.navpage{text-align: center;font-size: 0;margin: 60px 0;}
.navpage a{display: inline-block;font-size:14px;color: #999;line-height: 36px;padding: 0 15px;}
.navpage a.on{color:#444;}

/*case*/
.nav-bar2{text-align:center;font-size: 0;margin: 60px 0;}
.nav-bar2 a{display:inline-block;font-size:16px;color: #444444;width: 160px;margin: 0 30px;}
.nav-bar2 a img{margin: 0 auto;}
.nav-bar2 a .img2{display: none;}
.nav-bar2 a.on .img1{display: none;}
.nav-bar2 a.on .img2{display:block;}
.nav-bar2 a .box{padding:25px 0 15px;transition: all .3s;}
.nav-bar2 a .box .sp1{display: inline-block;margin-top: 10px;transition: all .3s;}
.nav-bar2 a.on .box{background: #edb21c;color: #fff;}
.nav-bar2 a:hover .img1{display: none;}
.nav-bar2 a:hover .img2{display: block;}
.nav-bar2 a:hover .box{background:#edb21c;}
.nav-bar2 a:hover .box .sp1{color: #fff;}
.case-page .item{padding: 25px 0;transition: all .3s;}
.case-page .item a{display: block;}
.case-page .item a>div{float: left;}
.case-page .item a .l-img{position:relative;width:472px;height:363px;overflow: hidden;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all .3s;-webkit-transition: all .3s;}
.case-page .item a .l-img .box{position: absolute;top: 0;left:0;bottom:0;width: 100%;background: rgba(0,0,0,.3);transition: all .3s;} 
.case-page .item:hover .l-img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;}
.case-page .item a .r-text{width:728px;height:363px;padding-left:70px;padding-top: 50px;}
.case-page .item a .r-text .h1{font-size:20px;color: #222222;line-height:36px;font-weight: bold;margin-bottom: 35px;}
.case-page .item a .r-text .d1 .d2{display: inline-block;margin-right: 50px;font-size:14px;color: #444444;line-height:36px;}
.case-page .item a .r-text .art{font-size:14px;color: #444444;margin-bottom:40px;line-height:36px;height: 72px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case-page .item a .r-text .sp1{display: inline-block;line-height: 40px;padding: 0 20px;border: 1px solid #d8d8d8;font-size:14px;color: #444444;transition: all .3s;}
.case-page .item:hover{background:#eeeeee;}
.case-page .item:hover .r-text .sp1{background: #edb21c;color:#fff;}
.case-page .box1>div{float:left;}
.case-page .box1 .l-banner{width:664px;height: auto;}
.case-page .box1 .l-banner .preview{margin:0 30px;margin-top:10px;position: relative;}
.case-page .box1 .l-banner .preview .swiper-slide{width: 111px;height: auto;margin-right:12px;}
.case-page .box1 .l-banner .preview .mask{position: absolute;top: 0;left:0;width: 100%;height:100%;background: rgba(0,0,0,.4);}
.case-page .box1 .l-banner .preview .active-nav .mask{height: 0;}
.case-page .box1 .l-banner .preview .arrow-left{background: url(../img/img39.jpg) no-repeat;width:18px;height:34px;position: absolute;left: -25px;top: 50%;margin-top: -17px;}
.case-page .box1 .l-banner .preview .arrow-right{background: url(../img/img37.jpg) no-repeat;width:18px;height:34px;position: absolute;right: -25px;top: 50%;margin-top: -17px;}
.case-page .box1 .r-text{width:536px;height: auto;padding-left: 60px;padding-top: 20px;}
.case-page .box1 .r-text .h1{font-size:20px;color: #222222;line-height:36px;font-weight: bold;margin-bottom: 25px;}
.case-page .box1 .r-text .d1{margin-bottom: 10px;}
.case-page .box1 .r-text .d1 .d2{display: inline-block;margin-right: 50px;font-size:14px;color: #444444;line-height:32px;}
.case-page .box1 .r-text .art{font-size:14px;color: #444444;margin-bottom:40px;line-height:32px;}
.case-page .box2{margin: 100px auto 50px;}
.case-page .navpaging a{float: left;font-size:14px;color: #444444;line-height: 40px;}
.case-page .navpaging a.a1{float: right;}
.case-page .navpaging a:hover{color: #777;}
.case-page .box3 .h1{font-size:16px;color: #222222;line-height:40px;border-bottom:1px solid #e5e5e5;font-weight: bold;} 
.case-page .box3 .list-box{margin-top: 10px;}
.case-page .box3 .list-box .list{float: left;width:280px;height:228px;margin-right: 26px;}
.case-page .box3 .list-box .list:nth-child(4n){margin-right:0;}


/*about*/
.about-page .text-box .art{font-size:16px;color: #666;line-height: 40px;}
.about-page .text-box .art .h1{font-size:30px;color: #000;text-align: center;margin-bottom:40px;;line-height: 50px;}
.about-page .text-box .video-box{margin-top:30px;}
.about-page .text-box .video-box .p1{font-size:14px;color:#000;line-height:40px;text-align: center;letter-spacing:50px;margin-top: 10px;margin-bottom: 90px;}
.about-page .box1{width: 100%;height: auto;background: #edb21c;}
.about-page .box1 .box-wrap{padding: 120px 0;}
.about-page .box1 .box-wrap>div{float:left;}
.about-page .box1 .box-wrap .l-text{width:600px;height: auto;padding-right:30px;}
.about-page .box1 .box-wrap .l-text .h1{font-size:30px;color: #fff;line-height:50px;margin-bottom: 80px;}
.about-page .box1 .box-wrap .l-text .art{font-size:14px;color: #fff;line-height:40px;}
.about-page .box1 .box-wrap .r-box{position: relative;width: 600px;min-height:360px;}
.about-page .box1 .box-wrap .r-box .img{position: absolute;top:-3%;left:0;box-shadow:0px 5px 10px rgba(0,0,0,.2);}
.about-page .honor .banner{padding-top: 160px;position: relative;text-align: center;}
.about-page .honor .banner .h1{font-size:30px;color: #000;line-height:50px;text-align: center;margin: 80px 0 50px;}
.about-page .honor .banner .swiper-pagination{text-align: center;margin: 60px 0;position:relative;display: inline-block;}
.about-page .honor .banner .swiper-pagination-bullet{background: none;font-size: 18px;color: #666;line-height: 40px;margin:0 10px;opacity: 1;}
.about-page .honor .banner .swiper-pagination-bullet-active{color: #222;}
.about-page .honor .banner .box{position:relative;text-align: center;display: inline-block;}
.about-page .honor .banner .box .swiper-button-prev{background: url(../img/img91.jpg) no-repeat;left: -30px;}
.about-page .honor .banner .box .swiper-button-next{background: url(../img/img94.jpg) no-repeat;right: -30px;}
.about-page .honor .banner .box .but{width:13px;height:25px;margin-top:-10px;transition: all .3s;}
.about-page .honor .banner .box .swiper-button-prev:hover{background: url(../img/img95.jpg) no-repeat;left: -30px;}
.about-page .honor .banner .box .swiper-button-next:hover{background: url(../img/img92.jpg) no-repeat;right: -30px;}
.about-page .team{position: relative;width: 100%;height:812px;overflow: hidden;}
.about-page .team .box-wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
.about-page .team .box-wrap .banner{text-align: center;}
.about-page .team .box-wrap .banner .h1{font-size:30px;color: #FFF;line-height:50px;text-align:center;margin:80px 0 50px;}
.about-page .team .box-wrap .banner .swiper-pagination2{text-align: center;margin:70px 0;position:relative;display: inline-block;}
.about-page .team .box-wrap .banner .swiper-pagination-bullet{background: none;font-size: 18px;color: #fff;line-height: 40px;margin:0 10px;opacity: 1;}
.about-page .team .box-wrap .banner .swiper-pagination-bullet-active{color:#eeb82f;}
.about-page .team .box-wrap .banner .box{position:relative;text-align: center;display: inline-block;}
.about-page .team .box-wrap .banner .box .swiper-button-prev2{background: url(../img/img48.png) no-repeat;left: -30px;}
.about-page .team .box-wrap .banner .box .swiper-button-next2{background: url(../img/img51.png) no-repeat;right: -30px;}
.about-page .team .box-wrap .banner .box .but{width:13px;height:25px;margin-top:-9px;transition: all .3s;cursor: pointer;position: absolute;top:50%;}
.about-page .team .box-wrap .banner .box .swiper-button-prev2:hover{background: url(../img/img52.png) no-repeat;left: -30px;}
.about-page .team .box-wrap .banner .box .swiper-button-next2:hover{background: url(../img/img49.png) no-repeat;right: -30px;}
.about-page .envir .list-box{margin-top: 100px;}
.about-page .envir .list-box .list{float: left;cursor: pointer;margin-right:15px;margin-bottom: 15px;}
.about-page .envir .list-box .list:nth-child(3){margin-right: 0;width: 372px;height: 307px;text-align: right;font-size: 30px;color: #000;line-height: 50px;}
.about-page .envir .list-box .list:nth-child(5){margin-right: 0;}

/*contact*/
.contact-page .box1 .h1{font-size:24px;color: #212121;line-height:36px;font-weight: bold;text-align: center;margin-bottom: 50px;}
.contact-page .box1 .list-box .list{float: left;width: 33.33%;height:220px;text-align: center;border-right:1px solid #dadada;padding-top: 20px;}
.contact-page .box1 .list-box .list:last-child{border-right: 0;}
.contact-page .box1 .list-box .list .art{font-size: 14px;color: #444;line-height: 34px;margin-top: 20px;}
.contact-page .map{margin: 40px 0 30px;}
.contact-page .box2>div{float: left;}
.contact-page .box2 .r-box{max-width:864px;}
.contact-page .box2 .r-box{float: right;}
.contact-page .box2 .l-box .h1{font-size:20px;color: #212121;line-height:24px;font-weight: bold;}
.contact-page .box2 .l-box .art{font-size:14px;color: #444444;line-height:40px;}
.contact-page .box2 .r-box .img{float:left;text-align: center;margin-left:50px;}
.contact-page .box2 .r-box .img .sp1{display: block;font-size: 12px;color: #adadad;line-height: 24px;margin-top: 10px;}


/*news*/
.news-page .box1 .title{font-size:12px;color: #999;line-height:36px;text-align: center;margin-bottom:30px;}
.news-page .box1 .title .d1 span{display: inline-block;margin: 0 10px;}
.news-page .box1 .title .d1 a{color: #999;}
.news-page .box1 .title .h1{font-size:20px;color: #444444;line-height:36px;font-weight: bold;margin-bottom: 10px;}
.news-page .box1 .art{font-size:14px;color: #444444;line-height:40px;}
.navpaging2 a{display: block;font-size:14px;color: #444;line-height:40px;}
.navpaging2 a:hover{color: #777;}
.news-page .item{margin-bottom:50px;transition: all .3s;}
.news-page .item a{display: block;}
.news-page .item a>div{float: left;}
.news-page .item a .l-img{width:346px;height:243px;overflow: hidden;}
.news-page .item a .r-text{width:854px;height:243px;padding-left:70px;padding-top: 10px;}
.news-page .item a .r-text .h1{font-size:18px;color: #000;line-height:36px;margin-bottom: 10px;font-weight:bold;transition: all .3s;}
.news-page .item a .r-text .d1{font-size:12px;color: #999;line-height:30px;margin-bottom: 15px;}
.news-page .item a .r-text .art{font-size:14px;color: #666;margin-bottom:25px;line-height:30px;height:60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-page .item a .r-text .sp1{display: inline-block;line-height: 40px;padding: 0 20px;border: 1px solid #d8d8d8;font-size:14px;color: #444444;transition: all .3s;}
.news-page .item:hover .r-text .h1{color: #edb21c;}
.news-page .item:hover .r-text .sp1{background: #edb21c;color:#fff;}

/*search*/
.search-page .title{font-size:24px;color:#212121;line-height:40px;border-bottom:1px solid #e5e5e5;padding-bottom: 15px;}
.search-page .box1 .list{float: left;width:383px;height: auto;border: 1px solid #e5e5e5;margin-right: 25px;margin-bottom: 30px;}
.search-page .box1 .list:nth-child(3n){margin-right: 0;}
.search-page .box1 .list .x-box{padding: 20px;}
.search-page .box1 .list .x-box .h1{font-size:16px;color:#222;line-height:36px;}
.search-page .box1 .list .x-box .art{font-size:14px;color:#666;line-height:24px;height: 48px;}
.search-page .box1 .list .x-box .sp1{display:inline-block;font-size:14px;color:#666;line-height:30px;border: 1px solid #e5e5e5;padding: 0 20px;margin-top: 10px;transition: all .3s;}
.search-page .box1 .h1{font-size:18px;color: #303030;line-height:36px;margin: 30px 0 20px;}
.search-page .box1 .list:hover .x-box .sp1{background: #edb21c;color: #fff;}
.search-page .box2 .h1{font-size:18px;color: #303030;line-height:36px;margin: 30px 0 20px;}
.search-page .box2 .list{float: left;width: 50%;height: auto;margin-bottom: 20px;}
.search-page .box2 .list .h2{font-size:18px;color:#000;line-height:36px;height:36px;transition: all .3s;padding:0 40px;background: url(../img/img108.jpg) 10px no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-page .box2 .list .sp1{font-size:12px;color: #999;line-height:30px;padding:0 40px;}
.search-page .box2 .list:hover .h2{color: #edb21c;}

/*map*/
.map-page .box{font-size:0;margin:130px auto 200px;}
.map-page .box ul{display:inline-block;width:20%;vertical-align:text-top;margin-bottom: 150px;}
.map-page .box ul li>a{display:block;font-size:16px;color: #666666;line-height:36px;padding-left:30px;}
.map-page .box ul li.li-1 a{display:block;font-size:18px;color: #222222;line-height:32px;background: url(../img/img117.jpg) left no-repeat;background-size:16px 1px;margin-bottom: 10px;}
.map-page .box ul li .box-nav{display: none;transition: all .6s;}
.map-page .box ul li .box-nav a{display: block;font-size:15px;color: #444;line-height:40px;padding-left:45px;}
.map-page .box ul li .box-nav a:hover{color: #999;}
.map-page .box ul li:hover .box-nav{display:block;}
.map-page .box ul li>a:hover{color:#aaa;}