/*公共样式*/
*{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: 12px;font-family:"microsoft yahei","Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.5;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;overflow-x: hidden;}
ul,li{list-style-type:none;}
a{text-decoration:none;color:#000;}
a:hover{text-decoration:none;color:#000;}
.fl{float:left;}
.fr{float:right;}
.clear:after{content:'';display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{zoom:1;}
i{font-style:normal;}
input,textarea{box-sizing: border-box;-webkit-appearance: none;resize:none}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
img{border-style:none;vertical-align:middle;max-width:100%;}
article{display: block;margin: 0 auto;}
.zoom-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);}


/*头部*/
.header{width:100%;height:auto;background:#fff;border-bottom: 1px solid #dddddd;}
.header .head-wrap{width:90%;height:80px;margin: 0 auto;}
.header .head-wrap .logo{float:left;line-height: 80px;}
.header .head-wrap .nav{float: left;margin-left:240px;}
.header .header_right{float:right;margin-top:6px;padding-bottom:6px;}
.header .head-wrap .phone{line-height:35px;}
.header .head-wrap .phone .img{float: left;margin-right: 10px;}
.header .head-wrap .phone .sp-1{display: inline-block;float: left;font-size:17px;color: #e85826;font-family: arial;font-weight: bold;}
.header .head-wrap .nav .nav-wrap>li{float:left;margin: 0 30px;line-height: 80px;position: relative;}
.header .head-wrap .nav .nav-wrap>li>a{position: relative;display:inline-block;font-size:16px;color:#222;line-height:24px;padding-bottom:10px;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}
.header .head-wrap .nav .nav-wrap>li>a:after{content: '';position: absolute;bottom: 0;height: 2px;left: 0;right: 100%;background-color:#e85826;-o-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;transition: .5s;}
.header .head-wrap .nav .nav-wrap>li>a:hover:after,
.header .head-wrap .nav .nav-wrap>li.on>a:after{right:0;color:#e85826;}
.header .head-wrap .nav .nav-wrap>li>a:hover{color:#e85826;}
.header .head-wrap .nav .nav-wrap>li.on>a{color:#e85826;}
.header .head-wrap .nav .nav-wrap>li .nav-box{display:none;position:fixed;top:80px;left:0;right:0;text-align: center;padding-top:8px;white-space:nowrap;z-index:3;font-size:0;box-shadow:0 5px 20px 0 rgba(0,0,0,0.3);background:#fff;}
.header .head-wrap .nav .nav-wrap>li .nav-box .box{display:inline-block;margin-right:100px;vertical-align: top;padding: 30px 0;}
.header .head-wrap .nav .nav-wrap>li .nav-box .box a{display:block;line-height:14px;font-size: 14px;color: #666;margin-bottom:15px;text-align: left;}
.header .head-wrap .nav .nav-wrap>li .nav-box .box a:hover{color:#e85826;text-decoration:underline;}
.header .head-wrap .nav .nav-wrap>li .nav-box .box .sp-1{display:block;font-size:16px;line-height:16px;color:#222;margin-bottom:20px;font-weight: 600;text-align: left;}
.header .head-wrap .nav .nav-wrap>li .nav-box .box:last-child{margin-right:0;}
.header .head-wrap .nav .nav-wrap>li .sp-2{position:absolute;left:50%;bottom:0;margin-left:-7px;width:14px;height:8px;z-index:5;}
.header .head-wrap2{display:none;background:#fff;position:fixed;left:0;right:0;z-index:3;width:100%;}
.header .head-wrap2 .box{width:94%;height:60px;line-height:60px;margin: 0 auto;}
.header .head-wrap2 .box .menu{width:35px;text-align: center;float: left;line-height: 0;}
.header .head-wrap2 .box .menu .img-1{margin-top:16px;}
.header .head-wrap2 .box .menu .img-2{display:none;margin-top: 20px;}
.header .head-wrap2 .box .logo{width:115px;position:absolute;left: 50%;margin-left:-57px;}
.header .head-wrap2 .box .phone{width:30px;float: right;}

/*nav*/
.web{position:relative;width:100%;-webkit-transition:-webkit-transform 350ms;transition:transform 350ms;z-index: 2;}
.menu-nav{position:fixed;top:0;width:220px;height:100vh;padding-top:60px;padding-left:50px;background: #333;z-index:1;opacity: 0;}
.menu-nav a{display:block;font-size: 18px;color: #fff;margin-bottom: 40px;}

/*底部*/
.footer{width: 100%;height:auto;background:#f0f0f0;}
.footer .foot-wrap{max-width: 1200px;height: auto;margin: 0 auto;}
.footer .foot-wrap .s-box{font-size: 0;padding:30px 0;border-bottom: 1px solid #ccc;}
.footer .foot-wrap .s-box .box{float:left;width:26.6%;height: auto;margin-right: 10%;}
.footer .foot-wrap .s-box .box:last-child{margin:0;}
.footer .foot-wrap .s-box .box .h-1{font-size:16px;color: #222;border-bottom: 1px solid #ccc;padding-bottom: 15px;font-weight:600;}
.footer .foot-wrap .s-box .box .phone{padding:20px 0;line-height: 35px;}
.footer .foot-wrap .s-box .box .phone .img{float:left;margin-right: 10px;}
.footer .foot-wrap .s-box .box .phone .sp-1{display: inline-block;float:left;font-size:20px;color: #e85826;font-family: arial;font-weight: bold;}
.footer .foot-wrap .s-box .box .addre{padding: 15px 0;}
.footer .foot-wrap .s-box .box .addre span{display: block;font-size:14px;color: #222;padding-left:25px;}
.footer .foot-wrap .s-box .box .code{padding: 20px 0;}
.footer .foot-wrap .s-box .box .code>div{float:left;}
.footer .foot-wrap .s-box .box .code .text{font-size:14px;color:#222;margin-left: 20px;padding-top:5px;}
.footer .foot-wrap .x-box{text-align: center;font-size:14px;color:#222;padding: 20px 0;}
.footer .foot-wrap .x-box a{color: #666;}
.footer .foot-wrap2{display:none;text-align: center;font-size: 12px;color: #222;padding: 30px 0;}
.footer .foot-wrap2 a{color:#666;}

/*index*/
.home-page .banner .swip1 .swiper-pagination{bottom: 20px;}
.home-page .banner .swip1 .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 8px;background:#fff;}
.home-page .banner .swip1 .text{position:absolute;width:90%;top:50%;left: 50%;margin-top:-60px;margin-left:-45%;color: #fff;}
.home-page .banner .swip1 .text .h-1{font-size: 30px;color: #fff;line-height: 60px;font-weight: bold;}
.home-page .banner .swip1 .text .art-1{font-size:18px;color: #fff;line-height: 30px;}
.home-page .product .title{font-size:24px;color:#e85826;padding:50px 0;text-align: center;font-weight: bold;}
.home-page .product .item-wrap .box-wrap{margin-bottom: 10px;}
.home-page .product .item-wrap .item,.home-page .product .item-wrap .item2{float:left;width:50%;height: auto;background:#f5f5f5;text-align: center;position: relative;}
.home-page .product .item-wrap .item .a-1{display: block;padding:0 20%;}
.home-page .product .item-wrap .item a .h-1{font-size: 30px;color: #222;margin-bottom: 20px;margin-top:25%;}
.home-page .product .item-wrap .item a .art-1{font-size:16px;color:#555;margin-bottom: 40px;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.home-page .product .item-wrap .item a .sp-1{display: inline-block;font-size: 14px;color: #fff;background: url(../image/index1.png) #e85826 100px no-repeat;height: 40px;line-height:40px;padding: 0 30px;padding-right:50px;transition: all .3s;}
.home-page .product .item-wrap .item:hover a .sp-1{background: url(../image/index1.png) #f64305 100px no-repeat;}
.home-page .product .item-wrap .item2{width: calc(50% - 1px);}
.home-page .product .item-wrap .item2:nth-child(2){float: right;}
.home-page .product .item-wrap .item2 .box{position: absolute;top:0;left:0;width: 100%;height: 100%;padding-top:30%;background: rgba(0,0,0,.45);}
.home-page .product .item-wrap .item2 .box .sp-1{font-size:24px;color: #fff;display: block;font-weight:bold;margin-top:25px;}
.home-page .product .item-wrap .item2 .text{position:absolute;right: 0;bottom:7%;width:61%;text-align: left;padding: 30px;background:rgba(79,154,180,.5);font-size:16px;color: #fff;}
.home-page .product .item-wrap .item2 .text .h-1{font-size: 22px;margin-bottom: 10px;}
.home-page .product .item-wrap .item2 .text .art-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
/* .home-page .product .item-wrap .item3{height:515px;} */
.home-page .product .item-wrap .box-wrap:nth-child(2) .item:nth-child(1){float:right;}
.home-page .case .title{font-size:24px;color:#e85826;padding:60px 0;text-align: center;font-weight: bold;}
.home-page .case .item-box{max-width:1700px;height: auto;margin:0 auto;margin-bottom:80px;}
.home-page .case .item-box .item{float:left;width:14.2%;height: auto;padding:25px 30px;position: relative;transition: all .3s;}
.home-page .case .item-box .item>a{display:block;position: relative;overflow: hidden;}
.home-page .case .item-box .item>a .img-1{position:relative;top: 0;left: 0;opacity:1;transition: all .7s;}
.home-page .case .item-box .item>a .img-2{display:none;position:absolute;top:90px;left: 0;opacity:0;transition: all .7s;}
.home-page .case .item-box .item:nth-child(7n){background: url(../image/index3.png) bottom center no-repeat;background-size:100% auto;}
.home-page .case .item-box .item:last-child{background:none !important;}
.home-page .banner .swip2{display: none;}
.home-page .banner .swip2 .swiper-pagination{bottom:10px;}
.home-page .banner .swip2 .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin: 0 5px;background:#fff;}
.home-page .banner .swip2 .text{position:absolute;width:94%;top:50%;left: 50%;margin-top:-39px;margin-left:-47%;color: #fff;}
.home-page .banner .swip2 .text .h-1{font-size:18px;color: #fff;line-height: 30px;font-weight: bold;}
.home-page .banner .swip2 .text .art-1{font-size:12px;color: #fff;line-height:24px;}
.home-page .case .item-box2{display:none;margin-bottom: 50px;}
.home-page .case .item-box2 .item{float:left;width:33.3%;height: auto;padding:25px 30px;}
/*视频弹窗*/
.video-box{display:none;position:fixed;top:50%;left:50%;width:50%;margin-top:-250px;margin-left:-25%;background: #000;z-index:6;}
.video-box .close{position:absolute;top:-20px;right:-20px;width:18px;height:18px;cursor: pointer;}

/*案例页面*/
.case-page{width: 100%;height: auto;}
.case-page .list-box{max-width: 1200px;height: auto;margin: 0 auto;padding: 50px 0 80px;}
.case-page .list-box .list{float:left;width: 222px;height:auto;margin-right: 22.5px;margin-bottom: 22.5px;border: 1px solid #ddd;position: relative;overflow: hidden;}
.case-page .list-box .list.list-1{;text-align: center;font-size:40px;color: #666;letter-spacing:10px;}
.case-page .list-box .list:hover{border: 1px solid #a1d2e3;}
.case-page .list-box .list:nth-child(5n){margin-right: 0;}
.case-page .list-box .list .img-1{position:relative;top:0;left:0;opacity:1;transition: all .7s;}
.case-page .list-box .list .img-2{position:absolute;top:90px;left: 0;opacity:0;transition: all .7s;}
.load{display:none;text-align: center;}
.load .sp-1{display:inline-block;font-size:11px;color: #ccc;padding-left:15px;}

/*产品案例页面*/
.product-page{width: 100%;height: auto;}
.product-page .nav{width: 100%;height:50px;background: #333333;}
.product-page .nav .nav-wrap{font-size: 0;text-align: center;}
.product-page .nav .nav-wrap>li{display: inline-block;position: relative;}
.product-page .nav .nav-wrap>li>a{display: inline-block;line-height: 50px;font-size:16px;color:#fff;padding: 0 20px;transition: all .3s;}
.product-page .nav .nav-wrap>li.on>a{background: #e85826;}
.product-page .nav .nav-wrap>li>a:hover{background: #e85826;}
.product-page .nav .nav-wrap>li .box{display:none;position:absolute;top:50px;width: 100%;background:#e85826;text-align: left;width:220px;}
.product-page .nav .nav-wrap>li .box a{display:block;line-height: 14px;font-size: 14px;color: #fff;padding: 10px 0;padding-left: 20px;padding-right: 50px;white-space: nowrap;}
.product-page .nav .nav-wrap>li .box a:hover{background:#e85826;}
.product-page .prod-wrap{max-width: 1200px;height: auto;margin: 0 auto;padding-top: 50px;}
.product-page .prod-wrap .box-1{font-size:16px;color: #222;line-height:30px;}
.product-page .prod-wrap .box-1 .h-1{font-size: 24px;color: #e85826;margin-bottom:30px;font-weight: bold;}
.product-page .prod-wrap .d-4{display:none;width: 100%;height: 20px;background: #f7f7f7;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.product-page .prod-wrap .box-2{margin-top: 80px;}
.product-page .prod-wrap .box-2 .nav-box{font-size: 0;width: 100%;height: auto;background: #f2f2f2;}
.product-page .prod-wrap .box-2 .nav-box a{display: inline-block;line-height: 50px;font-size:16px;color:#222;padding: 0 20px;transition: all .3s;cursor: pointer;}
.product-page .prod-wrap .box-2 .nav-box a.on{background: #e85826;color: #fff;}
.product-page .prod-wrap .box-2 .nav-box a:hover{background: #e85826;color: #fff;}
.product-page .prod-wrap .box-2 .box{line-height:30px;}
.product-page .prod-wrap .box-2 .box .art-1{font-size:16px;color: #666;}
.product-page .prod-wrap .box-2 .box .art-1 .h-1{font-size:24px;color:#222;border-bottom: 1px solid #dcdcdc;margin: 50px 0 30px;padding-bottom: 20px;}
.product-page .prod-wrap .box-3 .box{width: 100%;height:50px;line-height: 50px;background: #f2f2f2;margin-top: 50px;}
.product-page .prod-wrap .box-3 .box>.d-1{float: left;font-size: 18px;color: #fff;background:#e85826;padding: 0 20px;}
.product-page .prod-wrap .box-3 .box>.d-2{float: right;font-size: 14px;padding: 0 20px;}
.product-page .prod-wrap .box-3 .box>.d-2 a{color: #999;}
.product-page .prod-wrap .box-3 .d-3{display: none;width: 100%;height: 40px;line-height:40px;background: #f2f2f2;text-align: center;}
.product-page .prod-wrap .box-3 .d-3 a{font-size:12px;color: #e85826;}
.product-page .prod-wrap .box-3 .item-box{padding: 40px 0 60px;}
.product-page .prod-wrap .box-3 .item-box .item{float: left;width: 20%;height: auto;padding: 20px;background: url(../image/index2.png) no-repeat;background-size:100% 100%;}
.product-page .prod-wrap .box-3 .item-box .item:nth-child(5n){background:url(../image/index3.png) bottom no-repeat;background-size:100% auto;}
.product-page>.nav-box{display: none;margin-top: 30px;}
.product-page .nav-box .box{border-top:1px solid #dcdcdc;padding:0 3%;}
.product-page .nav-box .box .box-wrap{display:none;padding:0 3%;padding-bottom: 20px;}
.product-page .nav-box .box .box-wrap a{display: block;font-size: 12px;line-height:28px;color: #666;}
.product-page .nav-box .box .h-1{font-size:13px;color:#222;height: 40px;line-height:40px;background: url(../image/index12.png) right no-repeat;background-size:8px 14px;}
.product-page .nav-box .box .box-wrap a.on{color:#e85826;}

/*关于页面*/
.about-page{width: 100%;height: auto;}
.about-page .nav{width: 100%;height:50px;background: #333;}
.about-page .nav .nav-wrap{font-size: 0;text-align: center;}
.about-page .nav .nav-wrap a{display: inline-block;line-height: 50px;font-size:16px;color:#fff;padding: 0 20px;transition: all .3s;}
.about-page .nav .nav-wrap a.on{background: #e85826;}
.about-page .nav .nav-wrap a:hover{background: #e85826;}
.about-page .about-wrap{max-width: 1200px;height: auto;margin: 0 auto;padding-top: 50px;}
.about-page .about-wrap .art-1{font-size: 16px;color: #222;}
.about-page .about-wrap .art-1 .h-1{font-size: 24px;color: #222;margin-bottom: 40px;}
.about-page .about-wrap .list-box{margin: 50px 0;}
.about-page .about-wrap .list-box .list{float:left;width: 48%;height: auto;margin-right: 4%;}
.about-page .about-wrap .list-box .list:nth-child(2n){margin-right: 0;}
.about-page .about-wrap .list-box .list .text{font-size:16px;color: #222;padding: 30px 10px;}
.about-page .about-wrap .list-box .list .text .h-1{font-size:24px;color: #222;margin-bottom: 10px;}
.about-page .about-wrap .item-box{margin:60px 0;}
.about-page .about-wrap .item-box .item{float:left;width:33%;height:auto;padding: 0 4%;margin-bottom: 50px;}
.about-page .about-wrap .item-box .item .img{text-align: center;}
.about-page .about-wrap .item-box .item .text{font-size: 16px;color: #222;height: 104px;}
.about-page .about-wrap .item-box .item .text .h-1{font-size:24px;color: #222;text-align: center;margin: 20px 0;}
.posit{display:none;width: 100%;height:40px;font-size: 0;line-height: 40px;background:#f6f6f6;padding: 0 3%;}
.posit span{display: inline-block;font-size:12px;color:#999;}
.posit span a{color:#999;}
.posit span.sp-1 a{color:#e85826;}
.about-page .nav-box{display: none;}
.about-page .nav-box a{display: block;border-top:1px solid #ededed;padding:3%;font-size: 13px;color: #222;background: url(../image/index12.png) 97% no-repeat;background-size:8px 14px;}
.about-page .nav-box a.on{color:#e85826;background: url(../image/index13.png) 97% no-repeat;background-size:8px 14px;}

/*建谈页面*/
.jiantan-page{width: 100%;height: auto;}
.jiantan-page .jiantan-wrap{max-width: 1200px;height: auto;margin: 0 auto;padding-top: 50px;}
.jiantan-page .box>div{float:left;}
.jiantan-page .box .l-box{width:71.6%;height: auto;margin-right: 1.6%;}
.jiantan-page .box .l-box>div{float:left;}
.jiantan-page .box .l-box .img{width:32.5%;height: auto;}
.jiantan-page .box .l-box .h-1{font-size:24px;color: #222;margin-bottom: 10px;}
.jiantan-page .box .l-box .text{width:67.5%;height:438px;padding: 3%;background: #f9f9f9;font-size: 16px;color: #222;overflow-y:auto;}
.jiantan-page .box .l-box .text::-webkit-scrollbar{display:none;}
.jiantan-page .box .r-box{width:26.8%;height:438px;border: 1px solid #dddddd;overflow: hidden;}
.jiantan-page .box .r-box .h-1{height:50px;font-size: 16px;color: #fff;line-height:50px;border-bottom: 1px solid #ddd;padding-left: 20px;}
.jiantan-page .box .r-box .list-box{padding:20px;width:100%;height:385px;overflow:hidden;}
.jiantan-page .box .r-box .list-box .list a{display:block;width:100%;border-bottom: 1px dashed #ccc;padding-bottom:15px;margin-bottom:15px;}
.jiantan-page .box .r-box .list-box .list a>div{float: left;}
.jiantan-page .box .r-box .list-box .list .img{max-width:32%;}
.jiantan-page .box .r-box .list-box .list .text{max-width:68%;font-size:14px;height:48px;line-height:24px;color:#222;padding:0 20px;padding-right:0;margin:7px 0;transition: all .3s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.jiantan-page .box .r-box .list-box .list a:hover .text{color: #e85826;text-decoration: underline;}
.jiantan-page .item-box{margin: 40px 0;}
.jiantan-page .item-box .item{float:left;width:48%;height: auto;margin-right:4%;margin-bottom:40px;}
.jiantan-page .item-box .item:nth-child(2n){margin-right: 0;}
.jiantan-page .item-box .item .text{padding: 15px 0;font-size: 16px;color: #222;transition: all .3s;}
.jiantan-page .item-box .item:hover .text{color:#e85826;}
.jiantan-page .item-box .item .img{position: relative;}
.jiantan-page .item-box .item .img .box{position: absolute;top:0;left:0;width: 100%;height:100%;padding-top:30%;text-align:center;background: rgba(0,0,0,.45);}

/*联系我们*/
.contact-page{width: 100%;height: auto;}
.contact-page .nav{width: 100%;height:50px;background: #333333;}
.contact-page .nav .nav-wrap{font-size: 0;text-align: center;}
.contact-page .nav .nav-wrap a{display: inline-block;line-height: 50px;font-size:16px;color:#fff;padding: 0 20px;transition: all .3s;}
.contact-page .nav .nav-wrap a.on{background: #0989b3;}
.contact-page .nav .nav-wrap a:hover{background: #0989b3;}
.contact-page .cont-wrap{max-width: 1200px;height: auto;margin: 0 auto;padding-top: 50px;}
.contact-page .cont-wrap .address>div{float: left;width: 50%;}
.contact-page .cont-wrap .address{font-size:16px;color: #222;line-height: 33px;}
.contact-page .cont-wrap .address .l-box{font-size:16px;color: #222;}
.contact-page .cont-wrap .address .h-1{font-size:24px;color: #222;margin-bottom:20px;}
.contact-page .cont-wrap .address .r-box form label{display: block;margin-bottom: 10px;}
.contact-page .cont-wrap .address .r-box form label input{display: inline-block;width: 100%;height:50px;font-size: 16px;color: #999;border:1px solid #e8e8e8;padding: 0 20px;}
.contact-page .cont-wrap .address .r-box form textarea{width: 100%;height:130px;padding:20px;font-size: 16px;color:#999;border:1px solid #e8e8e8;}
.contact-page .cont-wrap .address .r-box form .btn{display:inline-block;height: 50px;background: #e85826;font-size:16px;color: #FFFFFF;outline: none;border: 0;padding: 0 50px;margin-top: 5px;}
.contact-page .cont-wrap .map-box{margin: 70px 0;height: 560px;overflow: hidden;}
.contact-page .cont-wrap .list-box{margin: 60px 0;}
.contact-page .cont-wrap .list-box .list{margin-bottom: 10px;}
.contact-page .cont-wrap .list-box .list .h-1{font-size:18px;color:#222;height:50px;line-height:50px;padding: 0 20px;cursor: pointer;background: url(../image/index5.png) #f0f0f0 98% no-repeat;}
.contact-page .cont-wrap .list-box .list .text{display:none;font-size: 16px;line-height:30px;color: #222;padding: 20px;background: #f9f9f9;}
.public{display: none;}
.public a{display: block;border-top:1px solid #ededed;padding:3%;font-size: 13px;color: #222;background: url(../image/index12.png) 97% no-repeat;background-size:8px 14px;}
.public a.on{color:#e85826;background: url(../image/index13.png) 97% no-repeat;background-size:8px 14px;}


/*视野页面*/
.view-page{width: 100%;height: auto;}
.view-page .nav{width: 100%;height:50px;background: #333;}
.view-page .nav .nav-wrap{font-size: 0;text-align: center;}
.view-page .nav .nav-wrap a{display: inline-block;line-height: 50px;font-size:16px;color:#fff;padding: 0 20px;transition: all .3s;}
.view-page .nav .nav-wrap a.on{background: #e85826;}
.view-page .nav .nav-wrap a:hover{background: #e85826;}
.view-page .view-wrap{max-width: 1200px;height: auto;margin: 0 auto;}
.view-page .view-wrap .item-box{margin:60px 0;}
.view-page .view-wrap .item-box .item{border-bottom: 1px solid #e1e1e1;padding-bottom: 50px;margin-bottom: 50px;}
.view-page .view-wrap .item-box .item:last-child{border: 0;}
.view-page .view-wrap .item-box .item a>div{float:left;}
.view-page .view-wrap .item-box .item:nth-child(2n) .img{float: right;}
.view-page .view-wrap .item-box .img{width: 50%;}
.view-page .view-wrap .item-box .text{width:50%;font-size: 16px;color: #666;padding:4%;line-height: 30px;}
.view-page .view-wrap .item-box .text .h-1{font-size: 22px;color: #222;margin-bottom:30px;}
.view-page .view-wrap .list-box{margin-top: 60px;}
.view-page .view-wrap .list-box .list{float:left;width:47.5%;margin-right:5%;margin-bottom:50px;}
.view-page .view-wrap .list-box .list:nth-child(2n){margin-right: 0;}
.view-page .view-wrap .list-box .list .text{padding-top: 20px;}
.view-page .view-wrap .list-box .list .text .h-1{font-size:22px;color:#222;transition: all .3s;}
.view-page .view-wrap .list-box .list .text .art-1{font-size:14px;color:#666;margin: 20px 0 10px;}
.view-page .view-wrap .list-box .list .text .sp-1{color: #999;}
.view-page .view-wrap .list-box .list:hover .text .h-1{color: #e85826;}
.view-page .view-wrap .nav-box{text-align: center;font-size: 0;margin-bottom:60px;}
.view-page .view-wrap .nav-box a{display: inline-block;font-size:16px;color:#666;width:40px;height:40px;line-height:40px;text-align:center;border-radius:5px;border: 1px solid #cccccc;margin: 0 5px;vertical-align: top;}
.view-page .view-wrap .nav-box span{display: inline-block;width:40px;height:40px;line-height:40px;text-align:center;border-radius:5px;border: 1px solid #cccccc;margin: 0 5px;}
.view-page .view-wrap .nav-box a.on{background:#e85826;color:#fff;}
.view-page .view-wrap .box{margin: 60px 0;}
.view-page .view-wrap .box .title{border-bottom: 1px solid #dddddd;padding-bottom: 30px;}
.view-page .view-wrap .box .title .h-1{font-size:24px;color: #222;margin-bottom:20px;}
.view-page .view-wrap .box .title span{display: inline-block;font-size: 14px;color: #666;margin-right: 15px;}
.view-page .view-wrap .box .img{margin: 50px 0;}
.view-page .view-wrap .box .introd{padding:30px;background: #f4f4f4;font-size:16px;color: #e85826;}
.view-page .view-wrap .box .introd .h-1{font-size:18px;color: #e85826;font-weight: 600;margin-bottom: 20px;}
.view-page .view-wrap .box .art-1{margin: 40px 0;font-size: 16px;color: #222;border-bottom: 1px solid #dddddd;padding-bottom: 40px;}
.view-page .view-wrap .box .paging{width: 100%;height: auto;}
.view-page .view-wrap .box .paging .l-box{float:left;}
.view-page .view-wrap .box .paging .r-box{float:right;}
.view-page .view-wrap .box .paging .l-box span{display: block;font-size: 16px;color: #999;}
.view-page .view-wrap .box .paging .l-box span a{color: #222;transition: all .3s;}
.view-page .view-wrap .box .paging .l-box span a:hover{color: #e85826;text-decoration: underline;}
.view-page .view-wrap .box .paging .r-box{background: #373939;font-size: 14px;height: 50px;line-height: 50px;padding: 0 25px;padding-right: 55px;}
.view-page .view-wrap .box .paging .r-box a{display:block;color: #fff;}
.view-page .view-wrap .d-3{display: none;width: 100%;height: 40px;line-height:40px;color:#fff;background: #e85826;text-align: center;margin-bottom: 30px;}
.view-page .view-wrap .d-3 a{font-size:12px;color: #fff;}

/*解决方案*/
.itemList {display: flex;flex-wrap: wrap;margin-bottom: 200px}
.itemList .item {position: relative;width: calc((100% - 8%) / 3);margin-right: 4%;box-sizing: border-box;margin-top: 60px;cursor: pointer;background: #000;overflow: hidden;}
.itemList .item:nth-child(3n) {margin-right: 0;}
.itemList .item .itemImg  {opacity: 0.6;transition: all 0.5s}
.itemList .item .itemImg img {width: 100%;}
.itemList .item .itemText {position: absolute;left: 0;bottom: 0;padding: 30px;transform: translateY(50px);transition: all 0.5s;}
.itemList .item .itemText .title {font-size: 24px;color: #fff;}
.itemList .item .itemText .summary {font-size: 14px;color: #ccc;margin-top: 10px;line-height: 1.6;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;opacity: 0;transition: all 0.5s;}
.itemList .item .icon {width: 70px;height: 70px;border-radius: 50%;background: rgba(0,0,0,0.4);position: absolute;inset: 0;margin: auto;display: flex;justify-content: center;align-items: center;color: #fff;font-size: 24px;opacity: 0;transition: all 0.5s;}
.itemList .item:hover .itemImg,
.itemList .item:hover .itemText .summary,
.itemList .item:hover .icon{opacity: 1;}
.itemList .item:hover .itemText {transform: translateY(0);}
.solution-detail {margin: 50px auto;padding: 0 20px}
.solution-title {font-size: 36px;border-bottom: 1px solid #eee;padding-bottom: 16px;margin-bottom: 30px;}
.solution-box .item {border-bottom: 1px solid #eee;margin-bottom: 80px;padding-bottom: 80px;}
.solution-box .item .item-title {display: flex;font-size: 24px;color: #e85826;font-weight: 600;align-items: center}
.solution-box .item .item-img {width: 50px;display: flex}
.solution-box .item .item-text {margin-top: 40px;padding-left: 50px;font-size: 16px;line-height: 1.8;color: #666666}
.solution-box .item .item-text ul {padding-left: 20px}
.solution-box .item .item-text li {list-style: disc;margin-bottom: 10px}



/*index*/
@media only screen and (max-width:1900px) {
  .header .head-wrap .nav{float: right;margin-left:0;margin-right: 20px;}
}
@media only screen and (min-width:1201px) and (max-width:1440px) {
  .header .head-wrap .nav .nav-wrap>li{margin: 0 20px;margin-right:10px;}
  .home-page .case .item-box .item{width:16.6%;background: url(../image/index2.png) right no-repeat !important;background-size:100% 100% !important;}
  .home-page .case .item-box .item:nth-child(6n){background:url(../image/index3.png) bottom no-repeat !important;background-size:100% auto !important;}
  .home-page .product .item-wrap .item a .h-1{margin-top: 20%;}
}
@media only screen and (min-width:1025px) and (max-width:1200px) {
	.header .head-wrap .nav .nav-wrap>li .nav-box .box{margin-right: 50px;}
	.header .head-wrap .nav .nav-wrap>li{margin: 0 8px;}
	.home-page .product .item-wrap .item2 .text{padding: 15px;}
	.home-page .case .item-box .item{width:20%;background: url(../image/index2.png) right no-repeat !important;background-size:100% 100% !important;}
	.home-page .case .item-box .item:nth-child(5n){background:url(../image/index3.png) bottom no-repeat !important;background-size:100% auto !important;}
	.footer .foot-wrap{padding:0 15px;}
	.footer .foot-wrap .s-box .box{width: 30%;margin-right:5%;}
}
@media only screen and (max-width:1024px) {
	.main{padding-top:60px;width:100%;}
	.header{border:0;}
	.header .head-wrap{display: none;}
	.header .head-wrap2{display:block;}
	.home-page .product .item-wrap .item a .h-1{margin-top:10%;margin-bottom: 10px;}
	.home-page .product .item-wrap .item a .art-1{margin-bottom:20px;}
	.home-page .case .item-box .item{width:25%;background: url(../image/index2.png) right no-repeat !important;background-size:100% 100% !important;}
	.home-page .case .item-box .item:nth-child(4n){background:url(../image/index3.png) bottom no-repeat !important;background-size:100% auto !important;}
	.home-page .product .item-wrap .item2 .box{padding-top: 20%;}
}
@media only screen and (max-width:768px) {
  .home-page .banner .swip1{display:none;}
  .home-page .banner .swip2{display:block;}
  .home-page .product{width: 94%;margin:0 auto;}
  .home-page .product .title{font-size: 18px;padding: 30px 0;}
  .home-page .product .item-wrap .item, .home-page .product .item-wrap .item2{width: 100%;margin-bottom: 0;}
  .home-page .product .item-wrap .item2:nth-child(1){margin-bottom:10px;}
  .home-page .product .item-wrap .item:nth-child(2n){margin-bottom:10px;}
  .home-page .product .item-wrap .item .a-1{padding:0 10%;}
  .home-page .product .item-wrap .item a .h-1{margin-top:10%;font-size: 18px;}
  .home-page .product .item-wrap .item a .art-1{font-size: 12px;height: 36px;}
  .home-page .product .item-wrap .item a .sp-1{height:35px;font-size: 11px;line-height: 35px;padding: 0 15px;padding-right:30px;background:url(../image/index1.png) #e85826 70px no-repeat;background-size:7px 5px;}
  .home-page .product .item-wrap .item2 .text{padding: 10px;}
  .home-page .product .item-wrap .item2 .text .h-1{font-size: 18px;margin-bottom:5px;}
  .home-page .product .item-wrap .item2 .text .art-1{font-size:11px;}
  .home-page .case{width: 94%;margin:0 auto;}
  .home-page .case .title{padding: 30px 0;}
  .home-page .case .item-box{display: none;}
  .home-page .case .item-box2{display:block;}
  .home-page .case .item-box2 .item{padding: 10px 15px;}
  .home-page .case .item-box .item>a .img-2{top:70px;}
  .video-box{width:80%;margin-left:-40%;margin-top:-20%;}
  .footer .foot-wrap{display:none;}
  .footer .foot-wrap2{width:94%;display:block;margin: 0 auto;}
  .home-page .product .item-wrap .item2 .box{padding-top:25%;}
  .home-page .product .item-wrap .item2 .box img{width: .95rem;height: .95rem;}
  .home-page .product .item-wrap .item2 .box .sp-1{font-size:.36rem;font-weight: normal;}
}

/*about*/
@media only screen and (max-width:1024px) {
	.about-page .about-wrap{padding: 0 3%;padding-top: 50px;}
	.case-page{padding: 0;}
	.case-page .list-box{padding: 50px 3% 80px;}
	.contact-page .cont-wrap{padding: 0 3%;padding-top: 50px;}
	.jiantan-page .jiantan-wrap{padding: 0 3%;padding-top:50px;}
	.product-page .prod-wrap{padding: 0 3%;padding-top:50px;}
	.view-page .view-wrap{padding: 0 3%;}
}
@media only screen and (max-width:768px) {
	.about-page .about-wrap{margin: 0 auto;}
	.about-page .nav{display: none;}
	.posit{display: block;}
	.about-page .about-wrap{padding-top: 25px;}
	.about-page .about-wrap .art-1{font-size: 12px;}
	.about-page .about-wrap .art-1 .h-1{margin-bottom: 20px;font-size: 18px;}
	.about-page .about-wrap .list-box{margin:25px 0;}
	.about-page .about-wrap .list-box .list{width: 100%;margin-right: 0;}
	.about-page .about-wrap .list-box .list .text{padding: 15px 0;font-size: 12px;}
	.about-page .about-wrap .list-box .list .text .h-1{font-size: 13px;font-weight: bold;margin-bottom:5px;}
	.about-page .nav-box{display:block;}
	.about-page .about-wrap .item-box{margin: 30px 0;}
	.about-page .about-wrap .item-box .item{width: 100%;padding: 0;}
	.about-page .about-wrap .item-box .item .img{float: left;width: 17%;}
	.about-page .about-wrap .item-box .item .text{float: left;width:83%;padding-left: 15px;font-size: 12px;}
	.about-page .about-wrap .item-box .item .text .h-1{text-align:left;margin: 0;font-size: 15px;margin-bottom: 10px;}
}

/*case*/
@media only screen and (max-width:1216px) {
	.case-page{padding: 0 3%;}
	.case-page .list-box .list:nth-child(4n){margin-right: 0;}
	.case-page .list-box .list:nth-child(5n){margin-right:22.5px;}
}
@media only screen and (max-width:1034px) {
	.case-page .list-box .list:nth-child(3n){margin-right:22.5px;}
	.case-page .list-box .list:nth-child(4n){margin-right:22.5px;}
	.case-page .list-box .list:nth-child(5n){margin-right:22.5px;}
}


@media only screen and (min-width:769px) and (max-width:1200px) {
	/*.case-page .list-box .list{width:23.8%;margin-right:1.6%;}*/
  /*.case-page .list-box .list:nth-child(4n){margin-right:0 !important;}*/
	/*.case-page .list-box .list:nth-child(5n){margin-right:1.6%;}*/
}
@media only screen and (max-width:768px) {
	.case-page{padding-bottom:25px;}
	.case-page .list-box{padding:10px 3% 0;}
	.case-page .list-box .list{width:33%;margin-right:0.5%;margin-bottom:0;border:0;padding:3px;background: url(../image/index2.png) bottom right no-repeat;background-size:100% 100%;}
	.case-page .list-box .list:hover{border:0;}
	.case-page .list-box .list:nth-child(5n){margin-right:0.5%;}
	.case-page .list-box .list:nth-child(4n){margin-right:0.5%;}
	.case-page .list-box .list:nth-child(3n){margin:0;background: url(../image/index3.png) bottom right no-repeat;background-size:100% auto;}
	.case-page .list-box .list:last-child{background: none;}
  .load{display:block;margin-top:10px;}
}

/*contact*/
@media only screen and (max-width:1024px) {
	.contact-page .cont-wrap .map-box{height:442px;}
}
@media only screen and (max-width:768px) {
	.contact-page .nav{display:none;}
	.contact-page .cont-wrap{padding: 0 3%;padding-top: 25px;}
	.contact-page .cont-wrap .address>div{width: 100%;}
	.contact-page .cont-wrap .address{font-size: 12px;line-height: 24px;}
	.contact-page .cont-wrap .address .l-box{font-size:12px;padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;margin-bottom: 20px;}
	.contact-page .cont-wrap .address .h-1{font-size: 15px;margin-bottom: 10px;}
	.contact-page .cont-wrap .address .r-box form label input{font-size: 12px;}
	.contact-page .cont-wrap .address .r-box form textarea{font-size: 12px;height: 100px;}
	.contact-page .cont-wrap .address .r-box form .btn{height: 40px;width: 100%;font-size: 12px;font-weight: bold;padding: 0;}
	.contact-page .cont-wrap .map-box{margin:35px 0 50px;height: 250px;}
	.public{display: block;}
	.contact-page .cont-wrap .list-box{margin: 30px 0 45px;}
	.contact-page .cont-wrap .list-box .list .h-1{font-size:13px;height: 40px;line-height: 40px;padding: 0 2%;}
	.contact-page .cont-wrap .list-box .list .text{font-size:12px;line-height: 24px;}
}

/*jiantan*/
@media only screen and (max-width:1199px) {
	.jiantan-page .box .l-box .text{height: auto;}
	.jiantan-page .box .r-box{height: auto;}
}
@media only screen and (max-width:1024px) {
	.jiantan-page .box .r-box .list-box .list .text{margin: 5px 0;}
}
@media only screen and (max-width:768px) {
	.jiantan-page .jiantan-wrap{padding: 0 3%;padding-top:30px;}
	.jiantan-page .box .l-box{width: 100%;margin-right:0;}
	.jiantan-page .box .l-box .img{width:140px;height: auto;}
	.jiantan-page .box .r-box{display: none;}
	.jiantan-page .box .l-box .text{width: 100%;height: auto !important;background: #FFFFFF;padding: 0;margin-top: 20px;font-size: 12px;}
	.jiantan-page .box .l-box .h-1{font-size: 15px;font-weight: bold;}
	.jiantan-page .item-box{margin-bottom:0;}
	.jiantan-page .item-box .item{width: 100%;margin-right:0;margin-bottom:15px;}

	.jiantan-page .item-box .item .text{font-size: 12px;padding: 10px 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
}

/*porduct*/
@media only screen and (min-width:769px) and (max-width:1200px) {
	.product-page .prod-wrap .box-3 .item-box .item{width: 24%;transition: all .3s;}
	.product-page .prod-wrap .box-3 .item-box .item:nth-child(4n){background: url(../image/index3.png) bottom no-repeat;background-size:100% auto;}
	.product-page .prod-wrap .box-3 .item-box .item:nth-child(5n){background: url(../image/index2.png) bottom no-repeat;background-size:100% 100%;}
}

@media only screen and (max-width:768px) {
	.product-page .prod-wrap{padding:15px 0;}
	.product-page .nav{display: none;}
	.product-page .prod-wrap .d-4{display: block;}
	.product-page .prod-wrap .box-2 .nav-box{display: none;}
	.product-page .prod-wrap .box-1{font-size: 12px;padding: 0 3%;padding-bottom: 20px;line-height:24px;}
	.product-page .prod-wrap .box-1 .h-1{display:block;font-size: 18px;margin-bottom:15px;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;background: url(../image/index104.jpg) right no-repeat;background-size:16px 10px;}
  .product-page .prod-wrap .box-2{margin-top: 0;padding: 0 3%;}
  .product-page .prod-wrap .box-2 .box{line-height:24px;}
  .product-page .prod-wrap .box-2 .box .art-1 .h-1{margin:25px 0 15px;font-size: 15px;font-weight: bold;padding-bottom:15px;}
  .product-page .prod-wrap .box-2 .box .art-1{font-size:12px;}
  .product-page .prod-wrap .box-3{padding: 0 3%;}
  .product-page .prod-wrap .box-3 .box>.d-2{display: none;}
  .product-page .prod-wrap .box-3 .box{height: 40px;line-height: 40px;}
  .product-page .prod-wrap .box-3 .box>.d-1{font-size: 15px;}
  .product-page .prod-wrap .box-3 .item-box .item{width: 33.3%;background: url(../image/index2.png) bottom right no-repeat !important;background-size:100% 100% !important;}
  .product-page .prod-wrap .box-3 .item-box .item:nth-child(3n){background: url(../image/index3.png) bottom right no-repeat !important;background-size:100% auto !important;}
  .product-page .prod-wrap .box-3 .box{margin-top: 40px;}
  .product-page .prod-wrap .box-3 .item-box{padding:20px 0 30px;}
  .product-page .prod-wrap .box-3 .d-3{display:block;}
  .product-page .nav-box{display:block;}
}

/*解决方案*/
@media only screen and (max-width:1600px) {
	.itemList .item .itemText .title {font-size: 20px}
	.solution-title {font-size: 24px}
	.solution-box .item .item-title {font-size: 20px}
}
@media only screen and (max-width:1366px) {
	.itemList .item .itemText .title {font-size: 18px}
	.itemList .item .icon {width: 50px;height: 50px;bottom: 30%}
}
@media only screen and (max-width:1024px) {
	.solution-detail {padding: 0}
}
@media only screen and (max-width:768px) {
	.itemList {margin-bottom: 50px}
	.itemList .item {width: 100%;margin-right: 0;margin-top: 20px}
	.itemList .item .itemText .title {font-size: 16px}
	.itemList .item .itemText .summary {font-size: 14px}

	.solution-title {font-size: 20px}
	.solution-box .item .item-title {font-size: 16px}
	.solution-box .item .item-text {font-size: 14px;line-height: 1.6;padding-left: 40px;}
	.solution-box .item .item-img {width: 40px}
}


/*view*/
@media only screen and (max-width:768px) {
	.view-page .nav{display: none;}
	.view-page .view-wrap{padding: 0 3%;}
	.view-page .view-wrap .item-box{margin: 30px 0;}
	.view-page .view-wrap .item-box .item{border-bottom: 0;padding-bottom:0;margin-bottom:10px;}
	.view-page .view-wrap .item-box .item a>div{width: 100%;}
	.view-page .view-wrap .item-box .text{padding: 15px 0;font-size: 12px;line-height: 24px;}
	.view-page .view-wrap .item-box .text .h-1{font-size:15px;margin-bottom: 10px;}
	.view-page .view-wrap .list-box{margin-top: 30px;}
	.view-page .view-wrap .list-box .list{width: 100%;margin-right: 0;margin-bottom: 25px;}
	.view-page .view-wrap .list-box .list .text .h-1{font-size:15px;}
	.view-page .view-wrap .list-box .list .text{padding-top: 10px;}
	.view-page .view-wrap .list-box .list .text .art-1{margin: 10px 0 5px;font-size: 11px;}
	.view-page .view-wrap .list-box .list .text .sp-1{font-size: 12px;}
	/* .view-page .view-wrap .nav-box{display: none;} */
	.view-page .view-wrap .box{margin: 30px 0;}
	.view-page .view-wrap .box .title{padding-bottom: 15px;}
	.view-page .view-wrap .box .title .h-1{margin-bottom: 10px;font-size: 18px;}
	.view-page .view-wrap .box .title span{font-size: 12px;}
	.view-page .view-wrap .box .img{margin: 15px 0;}
	.view-page .view-wrap .box .introd{padding: 15px;font-size: 12px;}
	.view-page .view-wrap .box .introd .h-1{font-size: 12px;margin-bottom: 10px;}
	.view-page .view-wrap .box .art-1{margin: 15px 0;font-size: 12px;border-bottom: 0;padding-bottom: 0;}
	.view-page .view-wrap .box .art-1 .h-2{font-size: 12px !important;padding: 10px 15px !important;}
	.view-page .view-wrap .box .paging{display:none;}
	.view-page .view-wrap .d-3{display: block;}
}