.other-banner img{width: 100%;height: auto;}

/*产品列表*/

.list-products{padding:64px 0 90px 0;background-color:#f7f7f7;}

.list-products .main{overflow:hidden;}





.list-products .content{float: right;width: 1020px;}

.list-products .content .list{margin-bottom: 30px;}

.list-products .content .list ul{width: 1050px;overflow: hidden;}

.list-products .content .list ul li{position: relative;float: left;width: 320px;margin-right: 30px;margin-bottom: 30px;background-color: #fff;overflow: hidden;}

.list-products .content .list ul li>a>img{position: absolute;top: 0;left: 0;width: 100%;height: auto;}

.list-products .content .list ul li .bg{width: 100%;height: auto;opacity: 0;}

.list-products .content .list ul li .text{height: 60px;z-index: 1;}

.list-products .content .list ul li .text h4{height: 60px;font-size: 20px;color: #000;text-align: center;line-height: 60px;font-family: "Arial";}

.list-products .content .list ul li .text-orange{transition: all .5s;position: absolute;bottom: -60px;left: 0;width: 100%;height: 60px;background-color: #ffb84c;overflow: hidden;z-index: 2;}

.list-products .content .list ul li .text-orange h4{float: left;margin: 22px 0 0 30px;font-size: 20px;color: #000;font-family: "Arial";}

.list-products .content .list ul li .text-orange .more{float: right;margin: 20px 30px 0 0;font-size: 14px;color: #000;border-bottom: 1px solid #000;font-family: "Arial";}

.list-products .content .list ul li:hover .bg{opacity: 1;}

.list-products .content .list ul li:hover .text-orange{bottom: 0;}



.page{text-align:right;}

.page ul{display:inline-block;*display:inline;*zoom:1;}

.page ul li{float:left;margin:0 5px;}

.page ul li a{display:block;line-height:28px;padding:0 10px;border:1px solid #e6e6e6;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}

.page ul li a:hover{border-color:#ffb84c;color:#ffb84c;}

.page ul li.thisclass a{border-color:#ffb84c;background-color:#ffb84c;color:#fff;}



/*案例列表*/

.list-case .case-content{float: right;width: 1030px;}

.list-case .case-content h1{padding-bottom: 13px;font-size: 24px;line-height: 30px;color: #000;border-bottom: 1px solid #e6e6e6;font-family: "Arial";text-align: center;}

.list-case .case-content .line{width: 50px;height: 3px;background: #ffb84c;margin: -1.5px auto 40px;}

.list-case .case-content .list{margin-bottom: 30px;}

.list-case .case-content .list ul{width: 1060px;overflow: hidden;}

.list-case .case-content .list ul li{position: relative;float: left;width: 500px;margin-right: 30px;margin-bottom: 30px;background-color: #fff;overflow: hidden;}

.list-case .case-content .list ul li img{width: 100%;height: auto;}

.list-case .case-content .list ul li .text{transition:all .5s;position: absolute;left: 0;bottom: -70px;width: 100%;height: 70px;background-color: #ffb84c;}

.list-case .case-content .list ul li .text p{padding: 0 10px;font-size: 16px;color: #000;line-height: 70px;text-align: center;font-family: "Arial";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.list-case .case-content .list ul li:hover .text{bottom: 0;}



/*案例详情页*/

.main-case{padding:50px 0;background-color: #f7f7f7;}

.main-case .slidebox{overflow:hidden;padding: 30px 28px 30px 28px;background-color: #fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

.main-case .slide-pic{float:left;width:800px;height:600px;overflow:hidden;border-radius:12px;}

.main-case .slide-pic li{float:left;width:800px;}

.main-case .slide-pic li img{width:100%;height:auto;}

.main-case .right{float:right;width:480px;}

.main-case .slide-dot{width:380px;height:268px;margin-bottom:12px;overflow:hidden;}

.main-case .slide-dot ul{width:395px;position:relative;}

.main-case .slide-dot li{float:left;width:176px;margin:0 12px 12px 0;border:4px solid #f3f2f2;cursor:pointer;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;}

.main-case .slide-dot li.active{border-color:#ffb84c;}

.main-case .item-btn{overflow:hidden;margin-bottom:20px;}

.main-case .item-btn div{float:left;width:30px;height:25px;margin-right:5px;font-size:24px;line-height:25px;font-family:"Arial";text-align:center;}

.main-case .item-btn .prev{background:url(all-icon.png) no-repeat -497px 3px;cursor:pointer;}

.main-case .item-btn .next{background:url(all-icon.png) no-repeat -529px 3px;cursor:pointer;}

.main-case .item-btn .prev:hover{background-position:-497px -27px;}

.main-case .item-btn .next:hover{background-position:-529px -27px;}

.main-case .text{}

.main-case .text h1{font-size:24px;line-height:25px;margin-bottom:20px;}

.main-case .text p{padding:5px 0;line-height:25px;font-size:16px;}



/*联系页面*/

.main-contact{padding: 90px 0 60px 0;}

.main-contact .cont{overflow:hidden;}

.main-contact .cont .contact-way{float:left;width:900px;overflow:hidden;}

.main-contact .cont .contact-way ul{overflow:hidden;}

.main-contact .cont .contact-way ul li{line-height:30px;padding:20px 0 20px 85px;margin-bottom:20px;position:relative;float:left;font-size:18px;color: #666;font-family:"Arial";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

.main-contact .cont .contact-way ul li i{position:absolute;top:0;left:0;width:70px;height:70px;background:url(all-icon.png) no-repeat;}

.main-contact .cont .contact-way ul li:nth-child(odd){width:458px;}

.main-contact .cont .contact-way ul li:nth-child(even){width:442px;}

.main-contact .cont .contact-way ul li.mail i{background-position: -200px 0px;}

.main-contact .cont .contact-way ul li.tel i{background-position: -280px 0px;}

.main-contact .cont .contact-way ul li.add i{background-position: -360px 0px;}

.main-contact .cont .contact-way ul li.phone i{background-position: -165px -476px;}

.main-contact .cont .contact-way ul li.skype i{background-position: -243px -476px;}

.main-contact .cont .contact-way ul li.wechat i{background-position: -80px -476px;}

.main-contact .cont .contact-way ul li.whatsapp i{background-position: 0px -476px;}

.main-contact .cont .contact-way ul li.social{padding: 0 0 20px 0;overflow: hidden;}

.main-contact .cont .contact-way ul li.social>a{float: left;display: block;margin-right: 20px;width: 70px;height: 70px;background:url(all-icon.png) no-repeat;}

.main-contact .cont .contact-way ul li.social>a:last-child{margin-right: 0;}

.main-contact .cont .contact-way ul li.social>a.twitter{background-position:0 -140px;}

.main-contact .cont .contact-way ul li.social>a.google{background-position:-80px -140px;}

.main-contact .cont .contact-way ul li.social>a.facebook{background-position:-160px -140px;}

.main-contact .cont .contact-way ul li.social>a.linkedin{background-position:-240px -140px;}

.main-contact .cont .contact-way ul li.social>a.pinterest{background-position:-404px -140px;}

.main-contact .cont .contact-way ul li.social>a:hover{background-position-y: -230px;}



.main-contact .cont .form-box{position:relative;float:right;width:500px;}

.main-contact .cont .form-box input,.main-contact .cont .form-box textarea{width:100%;background-color:#f0f0f0;margin-bottom:10px;font-family:"Arial";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

.main-contact .cont .form-box input{height:40px;line-height:40px;padding:0 25px 0 30px;}

.main-contact .cont .form-box textarea{height:84px;line-height:25px;padding:5px 25px 5px 30px;}

.main-contact .cont .form-box .contact-sub{transition:all .5s; margin-top: -6px;text-align:center;background-color:#ffb84c;color:#000;font-size:14px;cursor:pointer;font-family: "Arial";}





@media only screen and (max-width: 1430px){

	/*产品列表*/

	.list-products .content{width: 950px;}

	.list-products .content .list ul{width: 100%;}

	.list-products .content .list ul li{width: 286px;}

	/*案例列表*/

	.list-case .case-content{width: 950px;}

	.list-case .case-content .list ul{width: 100%;}

	.list-case .case-content .list ul li{width: 445px;margin-right: 15px;margin-left: 15px;}

	/*案例详情页*/

	.main-case .slide-pic{width:820px;height:557px;}

	.main-case .slide-pic li{width:820px;}

	/*联系页面*/

	.main-contact .cont .contact-way{width: 800px;}

	.main-contact .cont .contact-way ul li{font-size: 16px;}
.main-contact .cont .contact-way ul li:nth-child(odd){width: 500px;}
.main-contact .cont .contact-way ul li:nth-child(even){    width: 300px;}


}

@media only screen and (max-width: 1330px){

	/*产品列表*/

	.list-products .classify{width: 290px;}

	.list-products .classify ul li{font-size: 16px;}

	.list-products .content{width: 880px;}

	.list-products .content .list ul li{margin-right: 20px;width: 273px;}

	.list-products .content .list ul li .text-orange h4{font-size: 18px;}

	.list-products .content .list ul li .text h4{font-size: 18px;}

	/*案例列表*/

	.list-case .case-content{width: 880px;}

	.list-case .case-content .list ul li{width: 410px;}

	/*案例详情页*/

	.main-case .slide-pic{width:720px;height:489px;}

	.main-case .slide-pic li{width:720px;}

	/*联系页面*/

	.main-contact .cont .form-box{width: 400px;}

}

@media only screen and (max-width: 1230px){

	/*产品列表*/

	.list-products .content{width: 780px;}

	.list-products .content .list ul li{margin-right: 16px;width: 273px;}

	/*案例列表*/

	.list-case .case-content{width: 780px;}

	.list-case .case-content .list ul li{width: 360px;}

	.list-case .case-content .list ul li .text p{font-size: 14px;}

	/*案例详情页*/

	.main-case .slide-pic{width:620px;height:421px;}

	.main-case .slide-pic li{width:620px;}

	/*联系页面*/

	.main-contact .cont .contact-way{width: 700px;}
	.main-contact .cont .contact-way ul li:nth-child(odd){width: 400px;}

}

@media only screen and (max-width: 1130px){

	/*产品列表*/

	.list-products .content{width: 680px;}

	.list-products .content .list ul li{margin-right: 30px;width: 310px;}

	/*案例列表*/

	.list-case .case-content{width: 680px;}

	.list-case .case-content .list ul li{width: 310px;}

	/*案例详情页*/

	.main-case .slidebox{padding: 0 20px 10px 20px}

	.main-case .slide-pic{width:600px;height:408px;}

	.main-case .slide-pic li{width:600px;}

	.main-case .right{width: 350px;}

	.main-case .slide-dot{width: 100%;height: 246px;}

	.main-case .slide-dot li{width: 163px;margin: 0 8px 8px 0;}

	.main-case .slide-dot li img{width: 100%;height: auto;}

	/*联系页面*/

	.main-contact .cont .contact-way{width: 600px;}
.main-contact .cont .contact-way ul li{width: 300px!important;}
.main-contact .cont .contact-way ul li:nth-child(1){width: 500px!important;}
.main-contact .cont .contact-way ul li:nth-child(8){margin-top: -90px;}

}

@media only screen and (max-width: 1030px){

	/*产品列表*/

	.list-products .content{width: 610px;}

	.list-products .content .list ul li{margin-right: 30px;width: 275px;}

	/*案例列表*/

	.list-case .case-content{width: 610px;}

	.list-case .case-content .list ul li{width: 270px;}

	/*案例详情页*/

	.main-case .slide-pic{width:560px;height:380px;}

	.main-case .slide-pic li{width:560px;}

	.main-case .right{width: 310px;}

	.main-case .slide-dot{height: 216px;}

	.main-case .slide-dot li{width: 147px;border-width: 3px;margin: 0 4px 4px 0;}

	/*联系页面*/

	.main-contact .cont .contact-way{width: 530px;}

	.main-contact .cont .contact-way ul li{width:100%;}

.main-contact .cont .contact-way ul li{    width: 264px!important;}
.main-contact .cont .contact-way ul li:nth-child(7){margin-top: 0px;width: 500px!important;}
.main-contact .cont .contact-way ul li:nth-child(8){margin-top: 0px;}
}

@media only screen and (max-width: 980px){

	/*产品列表*/

	.list-products .btn-class{display: block;}

	.list-products .classify{float: none;position: fixed;top: 90px;left: -240px;width: 240px;z-index: 100;}

	.list-products .classify .title{display: block;}

	.list-products .classify ul{padding-bottom: 60px;}

	.list-products .classify ul li{padding: 0 0;font-size: 14px;line-height: 41px;}

	.list-products .classify ul li i{top: 14px;right: 14px;}

	.list-products .classify ul li a{height: 40px}

	.list-products .content{width: 18rem;}

	.list-products .content .list ul{width: 18rem;}

	.list-products .content .list ul li{margin-right: 0px;margin-left: 0.2rem;width: 5.8rem;}

	.list-products .content .list ul li .text h4{font-size: 16px;}

	.list-products .content .list ul li .text-orange{bottom: 0!important;}

	.list-products .content .list ul li .text-orange h4{font-size: 16px;}

	/*案例列表*/

	.list-case .case-content{width: 18rem;}

	.list-case .case-content .list ul li{margin-right: 0.2rem;margin-left: 0.2rem;width: 8.6rem;}

	.list-case .case-content .list ul li .text{position: static;}

	/*案例详情*/

	.m-Top{margin-top: 54px;}

	.main-case .slide-pic {float: none;width: 730px;height: 523px;margin: 0 auto 14px;}

	.main-case .slide-pic li{width: 730px;}

	.main-case .right {float: none;width: 730px;margin: 0 auto;}

	.main-case .slide-dot {height: 126px;}

	.main-case .slide-dot ul {width: 745px;}

	.main-case .slide-dot li {width: 166px;margin: 0 14px 10px 0;}

	/*联系页面*/

	.main-contact .cont .contact-way{float: none;width: 18rem;}

	.main-contact .cont .contact-way ul li:nth-child(odd){width: 60%!important;}
	.main-contact .cont .contact-way ul li:nth-child(even){width: 40%!important;}


	.main-contact .cont .form-box{float: none;margin: 0 auto;width: 640px;}

}

@media only screen and (max-width: 880px){

	/*案例详情*/

	.main-case{padding: 30px 0;}

	.main-case .slidebox{padding: 0 0.1rem 10px 0.1rem;}

	.main-case .slide-pic {width: 17.8rem;height: 12.752rem;}

	.main-case .slide-pic li{width: 17.8rem;}

	.main-case .right {width: 17.8rem;}

	.main-case .slide-dot {height: 3.125rem;}

	.main-case .slide-dot ul {width: 18.3rem;}

	.main-case .slide-dot li {width: 4.3rem;margin: 0 0.2rem 5px 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

}

@media only screen and (max-width: 720px){

	/*产品列表*/

	.list-products .content .list ul li{margin-left: 0.4rem;width: 8.6rem;}

	/*联系页面*/

	.main-contact .cont .form-box{width: 18rem;}
	.main-contact .cont .contact-way ul li:nth-child(odd){width: 100%!important;}
	.main-contact .cont .contact-way ul li:nth-child(even){width: 100%!important;}


}

@media only screen and (max-width: 640px){

	/*案例列表*/

	.list-case .case-content .list ul li{margin-right: 0;margin-left: 0;width: 18rem;}

	/*联系页面*/

	.main-contact{padding: 30px 0 30px 0}

	.main-contact .cont .contact-way ul li{height: auto;line-height: 25px !important;padding: 10px 0 10px 60px !important;}

	.main-contact .cont .contact-way ul li.mail,.main-contact .cont .contact-way ul li.tel,.main-contact .cont .contact-way ul li.add,.main-contact .cont .contact-way ul li.social{width: 18rem;margin-bottom: 20px;}

	.main-contact .cont .contact-way ul li i{width: 45px;height: 45px;}

	.main-contact .cont .contact-way ul li.mail i{background-position:0 -340px;}

	.main-contact .cont .contact-way ul li.tel i{background-position:-55px -340px;}

	.main-contact .cont .contact-way ul li.add i{background-position:-110px -340px;}
	.main-contact .cont .contact-way ul li.whatsapp i{background-position:-165px -341px;}
	.main-contact .cont .contact-way ul li.wechat i{background-position:-221px -341px;}
	.main-contact .cont .contact-way ul li.phone i{background-position:-278px -341px;}
	.main-contact .cont .contact-way ul li.skype i{background-position:-335px -341px;}


	.main-contact .cont .contact-way ul li.social>a{width: 45px;height: 45px;}

	.main-contact .cont .contact-way ul li.social>a.twitter{background-position:0 -400px;}

	.main-contact .cont .contact-way ul li.social>a.google{background-position:-55px -400px;}

	.main-contact .cont .contact-way ul li.social>a.facebook{background-position:-110px -400px;}

	.main-contact .cont .contact-way ul li.social>a.linkedin{background-position:-165px -400px;}

	.main-contact .cont .contact-way ul li.social>a:hover{background-position-y: -400px!important;}

	.main-contact .map iframe{height: 300px;}

}

@media only screen and (max-width: 550px){

	/*产品列表*/

	.list-products .content .list ul li{float: none;margin-left: 0;margin: 0 auto 30px auto;width: 320px;}

}

@media only screen and (max-width: 400px){

	/*产品列表*/

	.list-products .content .list ul li{width: 300px;}

	/*联系页面*/

	.main-contact .cont .contact-way ul li{font-size: 14px;}

}

@media only screen and (max-width: 350px){

	/*产品列表*/

	.list-products .content .list ul li{width: 280px;}

}