a {text-decoration: none;}
* {text-decoration: none;color: #000000;font: "微软雅黑";}
ul, ol {margin: 0;padding: 0;}
#menu {margin: 0;padding: 0;position: fixed;left: 10px;top: 10px;list-style-type: none;z-index: 70;}
#menu li {float: left;margin: 0 10px 0 0;font-size: 14px;}
#menu a {float: left;padding: 10px 20px;background-color: #fff;color: #333;text-decoration: none;}
#menu .active a {color: #fff;background-color: #333;}
.section {text-align: center;font: 50px "Microsoft Yahei";color: #fff;}





@font-face {font-family: zaozi;src: url(../font/MFLangQian_Noncommercial-Regular.otf);}
.bg1 {background: url(../img/index3_01.jpg) center center no-repeat;background-size: cover;}
.bg1_1 {background: url(../img/index3_01_1.png) center center no-repeat;background-size: cover;}
.bg1_2 {background: url(../img/index3_01_1.png) center center no-repeat;background-size: cover;}
.bg1_3 {background: url(../img/index3_01_1.png) center center no-repeat;background-size: cover;}
.bg2 {background: url(../img/index3_02.jpg) center center no-repeat;background-size: cover;}
.bg3 {background: url(../img/index3_03.jpg) center center no-repeat;background-size: cover;}
.bg4 {background: url(../img/index3_04.jpg) center center no-repeat;background-size: cover;}
.bg5 {background: url(../img/index3_05.jpg) center center no-repeat;background-size: cover;}
.bg6 {background: url(../img/index3_06.jpg) center center no-repeat;background-size: cover;}
/*@media screen and (max-width: 1400px ) {
.bg1 {background-size:100%;}
.bg2 {background-size:100%;}
.bg3 {background-size:100%;}
.bg4 {background-size:100%;}
.bg5 {background-size:100%;}
.bg6 {background-size:100%;}
}

*/
@media screen and (max-width:1200px ) {
.bg1 {background: url(../img/index3_01s.jpg) center center no-repeat;background-size: cover;}
.bg2 {background: url(../img/index3_02s.jpg) center center no-repeat;background-size: cover;}
.bg3 {background: url(../img/index3_03s.jpg) center center no-repeat;background-size: cover;}
.bg4 {background: url(../img/index3_04s.jpg) center center no-repeat;background-size: cover;}
.bg5 {background: url(../img/index3_05s.jpg) center center no-repeat;background-size: cover;}
.bg6 {background: url(../img/index3_06s.jpg) center center no-repeat;background-size: cover;}
}

.sec{ margin-bottom:-60px;}

.lefoot{ background:rgba(20,20,20,1)}




.zoom-img {
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.zoom-img:hover {
	-webkit-transform: scale(1.1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 150ms;-moz-transform: scale(2);
	-moz-transition-timing-function: ease-out;-moz-transition-duration: 750ms;
	overflow: hidden;
	position: relative;
	z-index: 9999;
}






/*********************************第1屏**********************************************/
#banner{position:relative;overflow:hidden;margin:0;width:100%;height:950px;max-height:950px}
.pelm{position:absolute}
#warpbg{top:45%;left:50%; margin-left:-680px; background:url(../images/warpbg.png) center center no-repeat; width:1512px; height:630px;}
#star1{top:8%;right:35%; margin-right:-240px;}
#star2{top:40%; left:25%;}
#star3{top:35%;right:22%;}




@media screen and (max-width: 1600px ) {
#banner{transform:scale(0.8);}
}












/*********************************第1屏**********************************************/
/*********************************第2屏**********************************************/
.sec2-bt{ width:100%;}
.sec2-bt img{ width:auto;}

.sec2-all{ width:1200px; margin:0 auto; background:rgba(0,0,0,0.2); margin-top:80px; padding:20px;}
.sec2-li{ width:25%; float:left;}
.sec2-li a{ display:block; text-align:center; padding:20px}
.nubem{ text-align:center; color:rgba(255,255,255,1); margin:0 auto; border:8px solid rgba(255,255,255,1); padding:50px 0}
.nubem h1{ font-size:90px; font-weight:400}
.nubem h2{ font-size:24px; font-weight:800; display:none;}
.nubem h6{ font-size:14px;}
.nubem h5{ border:1px solid rgba(255,255,255,1); width:30px; height:30px; line-height:28px; border-radius:5px; text-align:center; margin:0 auto; margin-top:25px;}

.nubem:hover{ background:url(../img/nunem_bg.png) center center no-repeat; background-size:cover; transition-delay: 1.5s; transition: all 1s;}
.nubem:hover h2{ display:block; margin-top:43px; margin-bottom:60px} 
.nubem:hover h1{ display:none; }
@media screen and (max-width: 1200px ) {
.sec2-li{ width:50%; float:left;}	

.sec2-bt{ background:none;}
.sec2-bt img{ width:80%; margin:0 auto;}

.sec2-all{ width:90%; margin:0 auto; padding:0; margin-top:80px;}

.navbar-brand img{ display:none}

.nubem {
    text-align: center;
    color: rgba(255,255,255,1);
    margin: 0 auto;
    border: 2px solid rgba(255,255,255,1);
    padding:0;
	min-height: 100px;
    overflow: hidden;
}	
.nubem:hover h2{ display:none;} 
.nubem:hover h1{ display:block; }

.nubem h1{ font-size:20px;}
.nubem h5{ display:none;}

}
/*********************************第2屏**********************************************/
/*********************************第3屏**********************************************/
.sec3-bt{ width:100%;}
.sec3-bt img{ width:auto;}

.sec3-all{ width:1200px; margin:0 auto; min-height:150px; padding:50px 0;}
.newsli{ width:20%;  float:left;}
.newsli-l{ width:100%; height:200px;}
.newsli-l img{ width:100%; height:100%;}
.newsli-r{ width:100%; height:200px; padding:20px; background:rgba(0,0,0,0.5);}
.newsli-r h3{ font-size:18px; line-height:40px; color:rgba(255,255,255,1); font-weight:800;}
.newsli-r-span{ width:40px; height:2px; background:rgba(255,255,255,1); text-align:center; margin:0 auto;}
.newsli-r h5{ font-size:12px; line-height:24px; color:rgba(255,255,255,1); height:72px; overflow:hidden;}
.newsli-r:hover{ background:rgba(204,0,0,1);}


@media screen and (max-width: 1600px ) {
.sec3-all{ width:80%;	}
}

@media screen and (max-width: 1200px ) {
.sec3-bt{ background:none;}
.sec3-bt img{ width:80%; margin:0 auto;}

.newsli{ width:50%;  float:left;}

.newsli-l, .newsli-r{ height:150px;}
.newsli-r{ background:none; color:rgba(0,0,0,1)}
.newsli-r h3, .newsli-r h5{ color:rgba(0,0,0,1)}
.newsli-r-span{ background:rgba(0,0,0,1);}
}



/*********************************第3屏**********************************************/



/*********************************第4屏**********************************************/
.sec4-bt{ width:100%;}
.sec4-bt img{ width:auto;}

.sec4-all{ width:1200px; margin:50px auto -50px auto;}














#yixing{ width:100%; height:400px; margin:100px auto 0px auto; position: relative; overflow: hidden; }


.anniu .fenlei{display: block; width:1100px; height: 43px; position: absolute; top:77%;left:50px; cursor: pointer;      background: #000000a3;
    line-height: 38px;
    color: #fff;
    font-size:18px}
.anniu .fenlei a{    
	line-height:42px;
    color: #fff;
    font-size: 18px;
    padding: 3px 15px;
    margin: 0 30px;
}
.anniu .fenlei a:hover{ color:rgba(255,0,0,1); background:rgba(255,255,255,1);}

.anniu .zuoanniu{display: block; width: 43px; height: 43px; position: absolute; top:77%;left:0; cursor: pointer;      background: #000000a3;
    line-height: 38px;
    color: #fff;
    font-size: 35px;}

.anniu .youanniu{display: block; width: 43px; height: 43px; position: absolute; top:77%;right:0; cursor: pointer;       background: #000000a3;
    line-height: 38px;
    color: #fff;
    font-size: 35px; }
	
.anniu .zuoanniu:hover{ background:rgba(255,0,0,1)}
.anniu .youanniu:hover{ background:rgba(255,0,0,1)}

#yixing ul{ list-style: none; }

#yixing ul li{ position: absolute; }

#yixing ul li img{ width: 100%; height: 100%; }



#yixing ul li.no0{ width:122px; height:156px; top:132px; left:61px; margin-left:-61px }

#yixing ul li.no1{ width:148px; height:188px; top:99px; left:206px; margin-left:-72px; }

#yixing ul li.no2{ width:184px; height:234px; top:53px; left:385px; margin-left:-92px; }

#yixing ul li.no3{ width:226px; height:286px; top:0; left:600px; margin-left:-113px; }

#yixing ul li.no4{ width:184px; height:234px; top:53px; left:724px; margin-left:-92; }

#yixing ul li.no5{ width:148px; height:188px; top:99px; left:920px; margin-left:-72; }

#yixing ul li.no6{ width:122px; height:156px; top:132px; left:1078px; margin-left:-61; }

#yixing ul li.denghou{display: none;}
























@media screen and (max-width: 1600px ) {

}

@media screen and (max-width: 1200px ) {
.sec4-all{ width:100%; margin:0;}
.sec4-bt img{ width:80%;}


.sec-product{ width:100%; margin:0 auto;}
.product-index {width:70%; margin:20px 15%;}
.product-index img {width: 100%;overflow: hidden;padding:0px; height:350px;}
.product-index h4{ text-align:center; background:rgba(51,51,51,1); color:rgba(255,255,255,1); line-height:50px; margin:0;}

}
/*********************************第4屏**********************************************/
/*********************************第5屏**********************************************/
.sec5-bt{ width:100%; }
.sec5-bt img{ width:auto;}


.sec5-all{ width:300px; margin:0 auto;margin: 150px  auto;}
.sec5-li{ background:url(../img/sec5libg.png) top left no-repeat; width:237px; height:75px; margin-left:270px;transition-delay: 1.5s; transition: all 1s;}
.sec5-li h3{ line-height:60px; color:rgba(0,0,0,1); font-weight:800;}
.sec5-li:hover{ margin-left:200px;transition-delay: 1.5s; transition: all 1s;}
.sec5-li:hover h3{ color:rgba(255,0,0,1);}
@media screen and (max-width: 1600px ) {
.sec5-all{margin: 100px  auto;}
}
@media screen and (max-width: 1200px ) {
.sec5-all{ width:100%; margin:0 auto;padding: 50px 0;}
.sec5-bt img{ width:80%;}
.sec5-li{ margin-left:0; margin:0 auto;}


}
/*********************************第5屏**********************************************/
/*********************************第6屏**********************************************/
.sec6-bt{ width:100%;}
.sec6-bt img{ width:auto;}

.sec6-all{ width:60%; margin:0 auto; padding:100px 0; }
.sec6-l{ width:21%; float:left; text-align:left; margin:0 2%;text-align:center;    border: 1px solid #fff; padding:30px 0;}
.sec6-l img{ width:auto; margin:0 auto; text-align:center}
.sec6-l h5{ font-size:22px; color:rgba(255,255,255,1);}
.sec6-l h6{ font-size:16px; color:rgba(255,255,255,1); line-height:48px;}
.sec6-l:hover{ background:rgba(247, 0, 0, 0.5)}


@media screen and (max-width: 1200px ) {
.sec6-bt{ width:100%; background: center 45px no-repeat;}
.sec6-bt img{ width:80%;}
.sec6-all{ width:90%; margin:0 5%;padding:20px 0;}
.sec6-l img{ width:20px; height:auto; margin:0 auto; text-align:center}
.sec6-l{ width:48%; margin:4px 1%; height:140px;}
.sec6-l h5{ font-size:14px; display:none}
.sec6-l h6{ font-size:12px; line-height:24px;}
}
/*********************************第6屏**********************************************/




/*********************************第其他屏幕大小调整**********************************************/
@media screen and (max-width: 1600px) {
.sec{transform:scale(0.9) !important;}
}
@media screen and (max-width: 1400px ) {

}
@media screen and (max-width: 1200px ) {

}
@media screen and (max-width: 1080px) {
/*.lecenter {width: 70%;}*/
}
@media screen and (max-width: 960px) {
/*.lecenter {	width: 80%;}*/
}
@media screen and (max-width: 840px) {
/*.lecenter {	width: 90%;}
.producterji ul a li {	width: 50%;}
.navbar-brand img {	display: none;}
.navbar-brand h4 {display: block;	font-size: 30px;font-family: zaozi;	color: rgba(0, 0, 0, 1);padding-left: 15px;}
.lenet img {width: 100%;}*/
}
@media screen and (max-width: 640px) {
/*.lecenter {	width: 100%;padding: 0 10px;}
.producterji ul a li {width: 100%;}
.navbar-brand img {	display: none;}
.navbar-brand h4 {display: block;font-size: 30px;font-family: zaozi;padding-left: 15px;}*/
.video-ol{ display:none;}
.slide-all { display:block;}
.bg1_1 { background: url(../img/index3_01_1s.png) top center no-repeat;background-size: 100%;}
.bg1_2 { background: url(../img/index3_01_2s.png) top center no-repeat;background-size: 100%;}
.bg1_3 { background: url(../img/index3_01_3s.png) top center no-repeat;background-size: 100%;}
}
@media screen and (max-width: 320px ) {
	
	
}



