@charset "utf-8";/* CSS Document*/
a{text-decoration: none;}
*{text-decoration: none;color: #000000;font: "微软雅黑";margin: 0;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{margin: 0;}
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.jpg) center center no-repeat;background-size: cover;}
.bg1_2{background: url(../img/index3_01_2.jpg) center center no-repeat;background-size: cover;}
.bg1_3{background: url(../img/index3_01_3.jpg) 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 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;}
.sec3-bg1{ background:url(img/index3_01_1.jpg); width:100%; height:auto}
.sec3-bg2{ background:url(img/index3_01_1.jpg); width:100%; height:auto}
@media screen and (max-width: 1700px ){
.bg4{background: url(../img/index3_04b.jpg) bottom center no-repeat;background-size: cover;}
}
@media screen and (max-width: 1200px ){
.bg1{background: url(../img/index3_01_1s.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 no-repeat;background-size: cover;}
}
/*********************************第二屏**********************************************/.sec-1200{width: 1200px;margin: 0 auto;}
.about{height: 380px;border-top: 4px solid rgba(0,153,0,1);margin-top: 100px;}
.about-all{background: rgba(255,255,255,0.9);border-top: 4px solid rgba(255,255,0,1);height: 100%;border-bottom-right-radius: 50px;}
.about-right{float: right;width: 340px;height: 340px;margin-top: 30px;}
.about-li{width: 150px;height: 150px;padding: 20px 0px;float: left;background: rgba(27, 188, 95, 0.73);margin: 2px;}
.about-li h6{font-size: 14px;color: rgba(255,255,255,1)}
.about-1{border-top-left-radius: 30px;}
.about-4{border-bottom-right-radius: 30px;}
.about-li:hover{background: rgba(51,51,51,1);}
.about-right2{float: right;width: 540px;height: 240px;margin-right: 60px;margin-top: 50px;}
.about-right2 h4{font-size: 24px;font-weight: 900;text-align: left;color: rgb(0, 148, 63);line-height: 24px;height: 24px;overflow: hidden;}
.about-right2 h5{font-size: 16px;font-weight: 500;text-align: left;color: rgba(0,0,0,1);line-height: 32px;height: 250px;overflow: hidden;}
.about-right3{width: 220px;height: auto;}
.about-right3 img{margin-left: -150px;margin-top: -180px;}
@media screen and (max-width: 1200px ){/*.selector.open li input + label{width:80px;height:80px;line-height: 80px;font-size: 16px;}*/}
.about-right{opacity: 0;transition: all 1s;margin-right: -500px;}
.about-right2{opacity: 0;transition: all 1s;margin-top: -500px;}
.about-right3{opacity: 0;transition: all 1s;margin-top: -500px;}
.active .about-right{opacity: 1;transition-delay: 0.5s;margin-right: 0px;}
.active .about-right2{opacity: 1;transition-delay: 0.7s;margin-top: 40px;}
.active .about-right3{opacity: 1;transition-delay: 0.9s;margin-top: 0px;}
.about-right2 h6{text-align: left;}
.about-right2 h6 a{ padding:10px 20px; background:rgba(0,102,51,1); color:rgba(255,255,255,1); border-radius:20px; }
.about-right2 h6 a:hover{background:rgba(255,0,0,1); color:rgba(255,255,255,1);}
/*********************************第二屏**********************************************/


/*********************************第3屏**********************************************/
.sc3-ol{ margin-left:50%; width:500px; display:none}

.sc3-ol ul{}
.sc3-ol ul h4{}
.sc3-ol ul h4 a{ padding:10px 2em; border-radius:50px; background:rgba(255,255,255,1); color:rgba(51,51,51,1); margin:0 1em;}
.pro-active{ background:#063 !important; color:rgba(255,255,255,1) !important}
.sc3-ol ul h4 a:hover{ padding:10px 2em; background:rgba(255,0,0,1); color:rgba(255,255,255,1);}

.sec3-left{ padding:40px; width:508px; height:520px; background:#009a44; border-bottom-right-radius:100px;border-top-left-radius:100px; border:15px solid #63b17f;margin-left: 38px;margin-top: 100px; }
.sec3-left h6{ text-align: left;}
.sec3-left h6 a{ padding:10px 20px; background:rgba(255,255,255,1); color:rgba(0,102,0,1); margin-top:10px;border-radius:20px;}
.sec3-left h6 a:hover{background:rgba(0,102,0,1); color:rgba(255,255,255,1);}
.sec3-left h2{ margin:0; padding:0; background:rgba(255,255,255,1); width:100%; color:#63b17f;  text-align:center; line-height:2em; font-size:18px; font-weight:600; border-radius:20px}
.sec3-left p{ line-height:2em; font-size:16px; color:rgba(255,255,255,1);text-align: left; }
.sec3-left a{ font-size:12px;}
@media screen and (max-width: 1700px ){
	.sc3-ol{ margin-top:100px; margin-left:56%;}
	.sec3-left p{ height:100px; overflow:hidden}
	.sec3-left{ height:370px}
}
@media screen and (max-width: 1200px ){
	.sc3-ol{ margin-top:100px; margin-left:-10%;}
	.sec3-left p{ height:100px; overflow:hidden}
	.sec3-left{ height:370px}
	.sec3-left{width:350px; margin-left:30px;}
	.sc3-ol ul h4 a {padding: 8px 18px;margin: 0 5px;}
	
}
/*********************************第3屏**********************************************/

/*<!---------------------------------------分屏界限-------------4------------------------>*/
.sc4-1080{width: 1080px;margin: 0 auto;}
.sc4-bt{margin: 0 auto;margin-bottom: 10px;text-align: center;}
.sc4-bt a{}
.sc4-bt a img{}
.news-ul{width: 100%;}
.news-left{width: 615px;height: 460px;padding: 15px;float: left;text-align: left;margin: 0}
.news-left>img{width: 590px;height: 250px;}
.news-left>h6{font-size: 14px;color: #333333;line-height: 36px;height: 36px;overflow: hidden;}
.news-left>h3{font-size: 24px;color: #000000;line-height: 30px;height: 36px;overflow: hidden;}
.news-left>h4{font-size: 14px;color: #333333;line-height: 20px;height: 60px;overflow: hidden;}
.news-left>h5{font-size: 14px;color: #333333;line-height: 36px;height: 36px;overflow: hidden; width:8em; text-align:center; border-radius:18px; background:rgba(255,0,0,1); color:rgba(255,255,255,1)}
.news-right{width: 415px;h460px;padding: 15px;float: left;}
.news-right-top{clear: both;width: 385px;height: 190px;background-color: #009a43;padding: 45px 35px; transition:all 2s;}
.news-right-top:hover{ background:rgba(51,51,51,1); border-radius:50px; transition:all 2s;}
.news-right-top>img{float: left;width: 73px;height: 94px;}
.news-right-top>ul{float: left;width: 233px;height: 94px;overflow: hidden;color: rgba(255,255,255,1);text-align: left;padding-left: 22px;}
.news-right-top>ul>h4{font-size: 24px;margin-bottom: 10px;height: 24px;overflow: hidden;}
.news-right-top>ul>h6{font-size: 14px;line-height: 20px;height: 65px;overflow: hidden;}
.news-right-bott{clear: both; padding-top:30px;}
.news-right-bott-left{float: left;width: 178px;height: 190px;background-color: #f3c800; padding:30px 0; transition:all 2s;}
.news-right-bott-left:hover{ background:rgba(51,51,51,1); border-radius:50px; transition:all 2s;}
.news-right-bott-left>img{}
.news-right-bott-left>h4{ color:rgba(255,255,255,1); font-size:24px;margin-top: 15px;}
.news-right-bott-right{float: right;width: 178px;height: 190px;background-color:#F00; padding:30px 0; transition:all 2s;}
.news-right-bott-right:hover{ background:rgba(51,51,51,1); border-radius:50px; transition:all 2s;}
.news-right-bott-right>img{}
.news-right-bott-right>h4{ color:rgba(255,255,255,1); font-size:24px;margin-top: 15px;}



@media screen and (max-width: 1200px ){
.sc4-bt a img{ width:100%}
.sc4-1080{width: 100%;margin: 0 auto;}
.news-left{ display:none}
}
/*<!---------------------------------------分屏界限-------------5------------------------>*/

.sec5-1150{ width:1150px; margin:0 auto;}
.sec5-left{ width:430px; height:430px; float:left; background:url(../img/sec5-imgbg.png) center center no-repeat;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
}
.sec5-left-li{ width:142px; height:142px; float:left; margin:35px;}
.sec5-left-li:hover{ background:rgba(51,51,51,0.5);}
.sec5-right{ width:608px; height:424px; float:right;}
.sec5-right img{ width:100%; height:100%;}

@media screen and (max-width: 1200px ){
.sec5-1150{ width:100%;}
.sec5-left-li{ width:110px; height:110px; float:left; margin:5px;}	
.sec5-left-li img{ width:100%;}
.sec5-left{ width:240px; height:240px; clear:both; margin-left:100px;}
.sec5-right{ clear:both; width:80%; margin:0 auto; height:auto;    margin-top: 64px;margin-right: 24px;}
.sec5-right img{ height:auto}
}





/*<!---------------------------------------分屏界限-------------5------------------------>*/
.sec6-830{ width:830px; margin:0 auto;}
.sec6-bt{ text-align:center; margin-bottom:40px}
.sec6-bt img{}
.sec6-map{ margin:0 auto;}
.sec6-map img{ width:712px; height:234px; text-align:center; border:10px solid rgba(153,0,0,1);}
.sec6-ul{ margin-bottom:35px; margin-top:25px}
.sec6-left{ width:300px; height:130px; float:left; text-align:right;}
.sec6-left h6{ font-size:14px; margin-top:45px; }
.sec6-left h3{ font-size:30px; font-weight:bolder; }
.sec6-right{ width:300px; height:130px; float:right; text-align: left;}
.sec6-right h6{ font-size:14px; margin-top:45px; }
.sec6-right h3{ font-size:30px; font-weight:bolder; color:rgba(0,0,0,1);}
.sec6-middle{ width:130px; height:130px; float:left; margin:0 50px;}
.sec6-middle img{ width:100%; height:100%;}
.sec6-foot{}




@media screen and (max-width: 1200px ){
.sec6-830{ width:100%}	
.sec6-map{ display:none}
.sec6-left{ float:none; text-align:center; margin:0 auto; height:auto}
.sec6-middle{ float:none; text-align:center; margin:0 auto;height:auto; margin-top:20px;}
.sec6-right{ float:none; text-align:center; margin:0 auto;height:auto}
.sec6-right h6{ margin-top:15px;}
}



@media screen and (max-width: 1600px){}
@media screen and (max-width: 1400px ){} 
@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;color:#212121;padding-left: 15px; margin-top:8px;}
.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 ){}