*{margin: 0;padding: 0;font:12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;}
a{text-decoration: none;color: inherit;font: inherit;line-height: inherit;display: block;}
img{display: block;border: 0;max-width:100%;}
.clear{clear: both;}
body{padding-top: 74px;}
.top{height: 74px;width: 100%;position: fixed;z-index: 1000;background: rgba(59,59,59,0.9);top: 0;}
.logo{padding: 10px 0 0 40px;width: auto;float: left;}
.nav{width: auto;float: right;margin: 10px 40px 0 0;}
.nav ul li{list-style: none;float: left;font-size: 15px;margin: 15px;line-height: 24px;color: #fff;}
.nav ul li:hover{color: #ff5100;}
.nav .active{color: #ff5100;}
.m-nav{display: none;font-size: 36px;float: right;line-height: 66px;margin-right: 15px;color: #FFF;}
.banner{width: 100%;overflow: hidden;}
.banner .swiper-slide-duplicate-active img,.banner .swiper-slide-active img{-webkit-animation-name: scalemax; -webkit-animation-duration: 10s;}
@keyframes scalemax {
	0%{transform: scale(1);}
	100%{transform: scale(1.1);}
}
.banner .swiper-pagination-bullet-active{background: #fff!important;}
.banner-text{width: 1170px;position: absolute;top: 35%;left: 0; right: 0; margin-left: auto; margin-right: auto;padding: 0 15px;}
.banner-text .p1{color: #fff;font-size: 30px;height: 60px;}
.banner-text .p2{color: #fff;font-size: 16px;margin-top: 15px;}
.banner-text .p3{color: #fff;font-size: 16px;width: 150px;height: 40px;line-height: 40px;background: #ff5100;border-radius: 25px;text-align: center;margin-top: 35px;}
.i-main{width: 100%;}
.i-main .title{font-size: 36px;text-align: center;}
.i-main .tab{margin: 25px auto 50px;text-align: center;font-size: 24px;line-height: 24px;color: #ff5100;}
.i-main .line{width: 100px;height: 1px;background: #d8d8d8;display: inline-block;margin: 0 15px 8px;}
.i-about{width: 1170px;margin: auto;padding: 100px 15px;}
.i-about .about-img{width: 500px;height: 334px;overflow: hidden;float: left;border-radius: 15px;}
.i-about .about-content{float: left;margin-left: 50px;width: calc(100% - 550px);}
.i-about h3{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 25px;}
.i-about p{font-size: 16px;line-height: 32px;color: #777;text-indent: 32px;margin: 15px 0;}
.i-about .dongtai-content{width: 30%;float: left;background: #fff;margin: 0 calc(10% / 6);}
.i-about .dongtai-content .title{width: 100%;height: 66px;line-height: 66px;color: #fff;font-size: 24px;background: #000;overflow: hidden;}
.i-about .dongtai-content .main{width: 90%;height: 240px;border-bottom: 1px solid #ddd;font-size: 14px;line-height: 28px;padding:30px 5%;}
.i-about .dongtai-content .main .main-t{font-size: 14px;height: 230px;overflow: hidden;text-indent: 28px;}
.i-about .dongtai-content .main .main-b{font-size: 14px;}
.i-about .dongtai-content .more{width: 100%;max-width: 150px;height: 40px;margin: 20px auto;text-align: center;color: #fff;font-size: 16px;background: #000;line-height: 40px;transition: all 1s;}
.i-about .dongtai-content .more:hover{background: #ff5100;transition: all 1s;}
.i-more{color: #fff;font-size: 16px;width: 150px;height: 40px;line-height: 40px;background: #ff5100;border-radius: 25px;text-align: center;margin: 35px auto 0;}
.card-fouth .desc.desc-list{font-size:0;color:#3a3a3a;font-weight:200;width:100%;margin:0 auto;margin-bottom:45px;white-space:nowrap;overflow:scroll;text-align:center}
.card-fouth .desc.desc-list::-webkit-scrollbar{width: 0 !important; }
.card-fouth .desc.desc-list{-ms-overflow-style: none;overflow: -moz-scrollbars-none; }
.card-fouth .industry{font-size:20px;color:#999;padding:15px 0;display:inline-block;border-bottom:1px solid hsla(0,0%,85%,.4);width:120px;}
.card-fouth .industry.active{padding-bottom:14px}
.card-fouth .industry span{font-family:PingFang SC;font-weight:400;font-size: 14px;cursor: pointer;}
.card-fouth .industry.active span{font-size:28px;font-weight:700;color:#ff5100;border-bottom:5px solid #ff5100;padding-bottom:5px;font-weight:500}
.card-fouth .case-container{position:relative;width:1170px;margin:0 auto;padding: 0 15px;}
.card-fouth .case-panel{position:absolute;z-index:1;overflow:hidden;width: 1170px;display:none;}
.card-fouth .case-panel .case-img{width: 24%;float: left;margin: 15px 0.5% 0;overflow: hidden;height:250px;}
.card-fouth .case-panel .case-img img{transition: all 1.5s;height:250px;}
.card-fouth .case-panel .case-img:hover img{transform: scale(1.1);}
.card-fouth .case-panel.active{z-index:100;display: block;}
.card-fouth .case-preview{display:inline-block;width:576px;position:relative;top:28px;left:-60px;z-index:200}
.i-qyfc{width: 1100px;}
.i-qyfc img{max-width: 253px;max-height: 161px;min-width: 253px;min-height: 161px;}
.i-qyfc span{display: block;text-align: center;font-size: 16px;line-height: 32px;}
.button-prev{color: #ff5100;float: left;font-size: 36px;margin: -145px 0 0 -30px;cursor:pointer;z-index: 2;}
.button-next{color: #ff5100;float: left;font-size: 36px;margin: -145px 0 0 1170px;cursor: pointer;z-index: 2;}
.form{width: 100%;text-align: justify;margin-bottom: 50px;}
.form input{border: 1px solid #ccc;background-color: #fff;line-height: 50px;color: rgb(153, 153, 153);width: calc(32% - 2px);text-indent: 12px;font-size: 14px;margin-bottom: 20px;border-radius: 3px;}
.form textarea{width: calc(66% - 30px);height: 200px;background-color: #fff;font-size: 14px;line-height: 28px;border-radius: 3px;padding: 15px;resize: none}
.form .form-right{width: 33%;height: 232px;float: right;}
.form .form-text{width: 100%;height: 192px;color: #fff;font-size: 14px;line-height: 28px;text-indent: 28px;}
.form .form-sub{color: #fff;width: 100%;height: 40px;line-height: 40px;background: #ff5100;border-radius: 3px;text-align: center;font-size: 16px;}
.i-contact{width: 100%;}
.i-contact-main{width: 31%;height: 130px;float: left;margin: 0 calc(7% / 6);overflow: hidden;}
.i-contact-main-icon{width: 60px;height: 60px;border-radius: 50%;background: #fff;padding: 15px;float: left;}
.i-contact-main-right{color: #fff;float: left;margin-left: 25px;width: calc(100% - 115px);}
.i-contact-main-right-t{font-size: 24px;border-bottom: 1px solid #eee;line-height: 24px;height: 35px;}
.i-contact-main-right-b{font-size: 14px;margin-top: 15px;height: 79px;}
.bottom{width: 95%;text-align: center;line-height: 48px;font-size: 14px;background: #252525;color: #fff;padding: 0 2.5%;}
.bottom a,.bottom span{display: inline-block;}
.new-con img{max-width:800px;}
.xbtn{display:none;position:absolute;top:74px;left:15px;width:80px;height:24px;line-height:24px;color:#fff;background:#ff5100;z-index:999;border-radius:10px;text-align:center;}
.logo-text{color: #ff5100;line-height: 24px;position: fixed;top: 24px;left: 160px;font-size:16px;}

.fangdajing{position: absolute;}
#small{width: 880px;height: 800px;position: absolute;}
#small img{width: 100%;height: 100%;}
#small #mark{width: 100px;height: 100px;background-color: white;opacity: 0.5;position: absolute;left: 0;top: 0;}
#big{border: 1px solid #000;position: absolute;left: 850px;top: 50px;overflow: hidden;}
#big img{width: 800px;height: 800px;position: absolute;max-width:10000%;}

@media screen and (max-width:768px) {
	.logo{padding-left:0%;}
	.m-nav{display:block;}
	.nav{display:none;background:rgba(0,0,0,0.5);position:fixed;top:74px;margin:0;}
	.nav ul li{width:100%;line-height:24px;}
	.banner-text{width:calc(100% - 30px);top:15%;line-height:24px;}
	.banner-text .p1{font-size:16px;height:auto;}
	.banner-text .p2{font-size:12px;margin-top:0;}
	.banner-text .p3{margin-top: 5px;width: 100px;font-size: 14px;height: 32px;line-height: 32px;}
	.i-about{width:calc(100% - 30px);padding:35px 15px;}
	#about,#dongtai,#product,#huanjing,#i-contact-title,#i-contact-tab,#i-contact-form,.banner-text{display:none;}
	.i-contact-main{width:100%;height:auto;margin:15px 0;}
	.i-contact-main-icon{width:24px;height:24px;padding:5px;}
	.i-contact-main-right-t{display:none;}
	.i-contact-main-right-b{height:auto;margin-top:0px;line-height:34px;}
	.xbtn{display:block;}
	.form input{width: calc(100% - 2px);}
	.form textarea{width: calc(100% - 30px);}
	.form .form-right{width:100%;height:auto;}
	.form .form-text{height:auto;}
	.form .form-sub{margin-bottom:30px;}
	.logo-text{left: 120px;font-size:14px;}
	#small #mark,#big{display: none;}
	
	
	
}
