﻿/*banner轮播*/
.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;left: 46%; bottom:35px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px;  width:11px; height:11px;border-radius: 50%;border:2px solid #ffffff; text-align:center; cursor:pointer;}
.slideBox .hd ul li.on{background:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{width: 100%;height: 600px;line-height: 600px;}
.slideBox .bd ul li a{display: block!important;width: 100%;height: 100%;zoom:1;background-size: contain;}
.slideBox .bd img{ width:100%;height:600px;}
/*品牌介绍*/
.brandCon{width: 100%;height:500px;overflow: hidden;}
.brandIntro{width:50%;height:100%;position: relative;float: left;text-align: center;transition: all 2s ease;overflow: hidden;}
.bg{transform: scale(1);transition: all 2s ease;width: 100%;height: 100%;}
.bg1{width: 13px;height: 500px;background:url(../img/bg1.png) no-repeat 0 center;position:absolute;top: 0;left: 0;z-index: 9999;}
.brandIntro:hover .bg{transform: scale(1.2);}
.big{background-size: 130% 130%;}
.mark{width:100%;height:100%;background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;}
.mark1{width:100%;height:100%;background: rgba(0,0,0,0.5);position: absolute;left:0;top:0;}
.BT_bg{width:100%;height:100%;position:absolute;text-align: center;left:0;top:0;line-height: 500px;}
.Bt{vertical-align: middle;}
.brandBt>a{color:#ffffff;font-size:18px;width:100%;text-align: center;position: absolute;left:0;top:60px;}
.brandVideo{width:50%;height:100%;position:relative;float: left;z-index: 100;}
.videoMark{width: 100%;height:100%;background: rgba(0,0,0,0.5);position: absolute;right: 0;top: 0;text-align: center;line-height:500px;}
.videoMark embed{width:100%;height: 500px;display: block;}
.videoMark p{height:100%!important;}
.videoMark>img{vertical-align: middle;cursor: pointer;}
.videoMark>video{width:100%;height:100%;object-fit: fill;}
.videoBtn{position:absolute;top:200px;left:50%;margin-left:-36px;}
@media screen and (max-width:1600px){
.brandCon{width: 100%;height:420px;}
.BT_bg{width:100%;height:100%;position:absolute;text-align: center;left:0;top:0;line-height: 420px;}
.videoMark{width: 100%;height:100%;background: rgba(0,0,0,0.5);position: absolute;right: 0;top: 0;text-align: center;line-height:420px;}
.bg1{width: 13px;height: 420px;background:url(../img/bg1.png) no-repeat 0 center;position:absolute;top: 0;left: 0;z-index: 9999;}
.videoBtn{position:absolute;top:160px;left:50%;margin-left:-36px;}
}
@media screen and (max-width:1400px){
.brandCon{width: 100%;height:380px;}
.BT_bg{width:100%;height:100%;position:absolute;text-align: center;left:0;top:0;line-height: 380px;}
.videoMark{width: 100%;height:100%;background: rgba(0,0,0,0.5);position: absolute;right: 0;top: 0;text-align: center;line-height:380px;}
.bg1{width: 13px;height: 380px;background:url(../img/bg1.png) no-repeat 0 center;position:absolute;top: 0;left: 0;z-index: 9999;}
.videoBtn{position:absolute;top:154px;left:50%;margin-left:-36px;}
}
/*品牌介绍*/
/*专业知识*/
.majorCon{width:100%;height:500px;overflow: hidden;}
.majorLeft{width:40%;height:430px;background: rgba(0,0,0,0.4);float:left;padding:70px 4% 0 4%;position: absolute;left:0;top:0;}
.exbi{height:24px;color:#ffffff;line-height:24px;}
.exbi>a {font-size: 14px;color:#ffffff;}
.exbi>span{font-size:18px;}
.exbiInfo{width: 100%;overflow: hidden;height: 229px;}
.exbiInfo>h3{font-size:20px;padding-top:45px;padding-bottom: 30px;}
.exbiInfo>h3>a{color:#ffffff;}
.exbiInfo li{color: #ffffff;padding-left:24px;height:14px;margin-bottom: 15px;background: url(../img/small_logo.png) no-repeat 0 -60px;line-height:1;}
.e2{background-position:0 -79px!important;}
.e3{background-position:0 -98px!important;}
.more{display: block;width:180px;height:46px;border:2px solid #fff!important;line-height:46px;text-align: center;font-size:16px;color:#ffffff;font-weight:bold;}
/*专业知识中间部分*/
.majorCenter{width:50%;height:100%;float:left;overflow:hidden; position:relative;}
.majorCenter .bd{ position:relative; height:100%; z-index:0;   }
.majorCenter .bd li{ zoom:1; vertical-align:middle;width:100%;text-align:center;height:500px;}
.majorCenter .bd ul li a{display: block!important;width: 100%;height: 100%;zoom:1;z-index: 9999;background-size: contain;}
.majorCenter .bd img{max-width:100%;height:500px; display:block;  }
.exi{position: absolute;width:212px;height:131px;background:url(../img/exhi.png) no-repeat 0 0;right:25%;top:50%;margin-top:-65px;color:#ffffff;font-size:28px;margin-right:-106px;}
/*专业知识右边部分*/
@media screen and (max-width:1600px){
	.majorCon{width:100%;height:420px;overflow: hidden;}
	.majorLeft{width:45%;height:370px;background:background: rgba(0,0,0,0.5);float:left;padding:50px 1.5% 0 2%;}
	.exbiInfo>h3{font-size:20px;padding-top:25px;padding-bottom: 30px;}
	.majorCenter{width:50%;height:420px;float:left;overflow:hidden; position:relative;}
	.majorCenter .bd li{ zoom:1; vertical-align:middle;height:420px;width:100%;text-align:center;}
}
@media screen and (max-width:1400px){
	.majorCon{width:100%;height:380px;overflow: hidden;}
	.majorLeft{width:45%;height:340px;background:background: rgba(0,0,0,0.5);float:left;padding:40px 1.5% 0 2%;}
	.exbiInfo>h3{font-size:20px;padding-top:25px;padding-bottom: 30px;}
	.majorCenter{width:50%;height:380px;float:left;overflow:hidden; position:relative;}
	.majorCenter .bd li{ zoom:1; vertical-align:middle;height:380px;width:100%;text-align:center;}
}
.majorRight{width:50%;height:100%;float: left;overflow: hidden;}
.brandKnow{width: 100%;height:100%;transition: all 2s ease;position: relative;}
.knowImg{transform: scale(1);transition: all 2s ease;}
.brandKnow:hover .knowImg{transform:scale(1.2)}

/*专业知识*/
/*工厂车间*/
.factoryCon{width:100%;height:500px;overflow: hidden;position: relative;}
.factoryLeft{width: 50%;height:100%;overflow: hidden;position:relative;transition: all 2s ease;}
.top{top:70px!important;}
.facImg{transform: scale(1);transition: all 2s ease;width: 100%;height: 100%;}
.factoryLeft:hover .facImg{transform: scale(1.2);}
.bg2{width:12px;height: 500px;background: url(../img/bg2.png) no-repeat 0 0;position: absolute;left: 0;top: 0;z-index: 1000;}
.factoryRight{width: 50%;height:100%;position: absolute;right:0;top:0;overflow:hidden;}
.factoryRight .hd{ height:15px; overflow:hidden; position:absolute;left: 50%;right:0; bottom:35px; z-index:1; margin-left:-45px;}
.factoryRight .hd ul{ overflow:hidden; zoom:1; float:left;  }
.factoryRight .hd ul li{ float:left; margin-right:20px;  width:8px; height:8px; cursor:pointer;border:2px solid #ffffff;border-radius: 50%;}
.factoryRight .hd ul li.on{background:#fff;}
.factoryRight .bd{ position:relative; height:100%; z-index:0;   }
.factoryRight .bd li{ zoom:1; vertical-align:middle; transition: all 2s;}
.factoryRight .bd img{ width:100%; height:500px; display:block;  }
.carRoom{display: block;width: 100%;height:100%;position: relative;}
.carMark{width: 50%;height:374px;position: absolute;left: 0;top:0;background: rgba(255,90,0,0);padding:126px 25% 0;overflow: hidden;}
.carMark>h4{text-align: center;font-size: 18px;color:#ffffff;font-weight: 500;line-height: 50px;transform: translateY(-300px);}
.carInfo{line-height:30px;font-size: 14px;color:#fff;text-indent: 2em;transform: translateY(600px);}
.factoryRight .bd ul li:hover .carMark{background: rgba(255,90,0,0.6);transition: all 2s;}
.factoryRight .bd ul li:hover .carInfo{transform: translateY(0);transition: all 2s;}
.factoryRight .bd ul li:hover h4{transform: translateY(0px);transition: all 2s;}
@media screen and (max-width:1600px){
	.factoryCon{width:100%;height:420px;overflow: hidden;position: relative;}
	.bg2{width:12px;height: 420px;background: url(../img/bg2.png) no-repeat 0 0;position: absolute;left: 0;top: 0;z-index: 1000;}
	.carMark{width: 60%;height:320px;position: absolute;left: 0;top:0;background: rgba(255,90,0,0);padding:100px 20% 0;}
	.factoryRight .bd img{ width:100%; height:420px; display:block;  }
	.bg2{width:12px;height: 420px;background: url(../img/bg2.png) no-repeat 0 center;position: absolute;left: 0;top: 0;z-index: 1000;}
	
}
@media screen and (max-width:1400px){
	.factoryCon{width:100%;height:380px;overflow: hidden;position: relative;}
	.bg2{width:12px;height: 380px;background: url(../img/bg2.png) no-repeat 0 0;position: absolute;left: 0;top: 0;z-index: 1000;}
	.carMark{width: 60%;height:300px;position: absolute;left: 0;top:0;background: rgba(255,90,0,0);padding:80px 20% 0;}
	.factoryRight .bd img{ width:100%; height:380px; display:block;  }
	.bg2{width:12px;height: 380px;background: url(../img/bg2.png) no-repeat 0 center;position: absolute;left: 0;top: 0;z-index: 1000;}
	
}
/*工厂车间*/
/*邮件订阅*/
.mailWarp{width:100%;height:177px;background: url(../img/mailBG.jpg) no-repeat 0 0;padding-top:63px;background-size:cover;}
.mail{width: 1200px;height:240px;margin:0 auto;}
.mailLeft{width:600px;float: left;color:#ffffff;font-size:52px;line-height: 58px;}
.mailLeft_p2{font-weight:100;}
.mailRight{width:583px;float: right;color: #ffffff;font-size:16px;line-height:24px;}
.mailDiv{width:580px;height:44px;font-size:14px;background: #FFFFFF;margin-top:15px;border-radius: 5px;color:#999999;}
.inpMail{width:517px;height:44px;padding-left:13px;line-height:44px;font-size:14px;float: left;color:#999999;}
.mailBtn{width: 40px;height: 44px;background: #FFFFFF url(../img/flyMail.png) no-repeat 10px 13px;float: left;cursor: pointer;}
input::-ms-input-placeholder{color:#999999;}
input::-webkit-input-placeholder{color:#999999;}
input::-moz-input-placeholder{color:#999999;}
/*邮件订阅完*/



@media(max-width:1190px){
	.slideBox{height:40vw;}
	.slideBox .bd li{height:40vw;}
	.slideBox .hd ul li{width:6px;height:6px;margin:0px 10px 0px 0px;}
	.slideBox .hd{bottom:10px;left: 50%;transform: translateX(-50%);}
	.slideBox .hd ul li:last-child{margin:0;}

	.brandCon{height: 35vw;}
	.BT_bg{line-height: 30vw;}
	.BT_bg .Bt{max-width: 65%;}
	.brandBt>a{font-size: 14px;top: 7vw;}
	.factoryCon .brandBt>a{top: 9vw!important;}

	.bg1{height:100%;}
	.videoMark{line-height:100%;}
	.videoMark>p{height:100%!important;}

	.majorCon{height: 35vw;}
	.majorCenter{height:100%;}
	.exi{left: 55%;width: 35%;height: 40%;margin: 0px;top: 10vw;background-size: contain;}
	.majorLeft{height: 100%;padding: 25px 3% 0px 3%;width: 50%;box-sizing: border-box;}
	.exbi>a{font-size: 18px!important;}
	.exbi>span{font-size:14px;/* float: none; *//* display: block; */}

	.exbiInfo{height: 60%;}
	.exbiInfo>h3{font-size: 13px;padding: 10px 0px;}
	.exbiInfo li{margin: 0px 0px 10px 0px;font-size: 14px;}
	.more{width: 90px;height: 25px;line-height: 25px;border: 1px solid #fff!important;font-size: 12px;}

	.knowImg{height:100%;width:100%;}

	.factoryCon{height: 35vw;}
	.bg2{height:100%;}
	.carMark{height: 100%;box-sizing: border-box;width: 100%;padding: 60px 10% 0px 10%;}
	.factoryRight .bd ul,.factoryRight .bd li{height:100%;}
	.factoryRight .bd img{height:100%;}
	.carInfo{/* transform:translateY(200px); */}
	.carMark>h4{font-size: 16px;line-height: 30px;}
	.factoryRight .bd ul li:hover .carInfo{text-indent: 0px;line-height: 24px;}

	.mailWarp{height: auto;padding: 20px 0px;}
	.mail{width:90%;height: 140px;position: relative;}
	.mailLeft{width: 40%;line-height: 50px;height: 120px;position: relative;}
	.linkLogo{width:90%;margin:0px;height: 100px;position: absolute;top: 50%;transform: translateY(-50%);}
	.mailRight{width: 55%;font-size: 12px;line-height: 24px;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
	.goshop{margin:10px 0px 0px 0px!important;width: 120px;height: 30px;line-height: 30px;padding: 0px 0px 0px 45px;background-size: contain;color: #999999;-webkit-appearance: none;}



}






@media(max-width:600px){
	.carMark{padding: 10px 10%;}
	.factoryRight .bd ul li:hover .carInfo{font-size: 11px;line-height:18px;}
	.carMark>h4{font-size: 14px;line-height: 20px;}
	.exbi>a{font-size: 15px!important;}
	.exbi>span{font-size:12px;}
	.exbiInfo>h3{font-size: 12px;padding: 4px 0px;}
	.exbiInfo li{font-size: 12px;margin: 0px 0px 2px 0px;}
	.majorLeft{padding: 0px 5%;width:100%;}
	.more{width:70px;height:22px;line-height:22px;font-size:12px;}
	.factoryCon{height: 40vw;}
	.majorCon{height:40vw;}
	.brandCon{height: 40vw;}
	.exi{left: 30%;width: 70%;height: 40%;margin: 0px;top: 0px;background-size: contain;display: none;}
	.factoryCon .brandBt>a{top:13vw!important;}
	.brandBt>a{top:10vw;}
	.mailRight{font-size:10px;width: 55%;line-height: 18px;}
	.mailLeft{width: 45%;height: 100px;}
	.mail{height: 110px;}





	

	
}