@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form{margin:0;padding:0;}
body{font:normal 14px/18px  Arial;color:#555555;background:#ffffff;}
ul, ol{list-style-type:none;}
select{font-size:12px;}
li{list-style:none;}
button{cursor:pointer;margin:0;padding:0;}
a{color:#555555;text-decoration:none}
a:hover{text-decoration:none;}
img{border:none}
input,select{vertical-align:middle}
input:focus {outline:none;}
.clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
input[type="submit"],input[type="text"],input[type="number"],input[type="tel"],input[type="button"],textarea,select,input[type="radio"],input[type="checkbox"]{-webkit-appearance:none;}
/*字体方向*/
.text_left{text-align:left;}
.text_center{text-align:center;}
.text_right{text-align:right;}

html,body{margin:0;padding:0; height:100%; overflow:hidden}
.section{text-align:center;font:14px "Arial";color:#fff;}
header{padding:10px; position: fixed;top:0;left: 0;width: 100%;background: rgba(255,255,255,.9);z-index: 999;}
header section{position: relative;}
header .navbar-brand{text-align: center;}
header .navbar-brand img{height: 35px;}
header .phone-btn{position: absolute;right:35px;top:7px;}
header .phone-btn img{width: 20px;}
header .navbar-toggle{position: absolute;left: 0;top:0;padding:7px 10px;z-index: 99;}
header .navbar-toggle .icon-bar{background-color: #999;width: 20px;display: block;height:2px;
    transition: all .2s linear;-webkit-transition: all .2s linear;margin: 4px 0;}
header .navbar-toggle.nav-clicked .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px); }
header .navbar-toggle.nav-clicked .icon-bar:nth-child(2) {
    opacity: 0; }
header .navbar-toggle.nav-clicked .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(3px, -4px); }
.navbar-collapse{background:rgba(255,255,255,1);position: fixed;
    top: 0;left: -300px;bottom: 0;width: 240px;z-index: 2;
    transition: left 0.5s;-webkit-transition: left 0.5s;padding-top: 70px;}
.sub-navbar-con li{line-height: 40px;margin-bottom: 10px;}
/*.sub-navbar-con li.active{background: #fff;}*/
.sub-navbar-con li a{display: block;padding-left: 20px;}
.sub-navbar-con li a:hover{background: transparent;}
.mask-con{position: fixed;left:240px;right: 0; top:0;height: 100%;z-index: 1031;}
.mask-con.mask-in{opacity: 1;visibility: visible;}
.mask-con.mask-out{opacity: 0;visibility: hidden;}
/*箭头*/
@-webkit-keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
@keyframes start {
	0%,30% {opacity: 0;transform: translate(0,10px);}
	60% {opacity: 1;transform: translate(0,0);}
	100% {opacity: 0;transform: translate(0,-8px);}
}
.resize{width:20px; height:15px; bottom:20px; left:50%; margin-left:-10px; position:fixed;z-index: 999;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;}
/* 第一屏动画 */
.section1{ background:url(../images/section_bg01.jpg) center center no-repeat; background-size:cover;}
.screen-main{ position: relative; width:100%;height:100%;margin: 0 auto;}
.screen-main .home1{width:100%;z-index:50;position: absolute;text-align: left;}
.screen-main .home1 img{ width:60%;margin-left: 10%;}
.screen-main .home1{top:-700px;left:-600px;}
.active .home1{transition: all .5s ease;}

/*第二屏*/
.section2{ background:url(../images/section_bg02.jpg) center bottom no-repeat;background-size:cover;}
.science-inner{position: relative; width:100%;height:100%;margin: 0 auto;overflow: hidden;}
.about-con{font-size: 26px;letter-spacing: 3px; position:absolute; left:0; top:-1400px; width:100%; z-index:3;transition: all 1s;}
.active .about-con{top:120px;transition-delay: 0.2s;}
/*第三屏*/
.section3{background:#fff; overflow:hidden;}
.advantage-introduce-inner{position: relative;width:100%;height:100%;margin: 0 auto;overflow: hidden;}
.advantage-introduce{position: absolute;left:0;top:0;right: 0; z-index:10;height:50%;
    background:#e4007f;-webkit-animation: bg1-4 2s; animation: bg1-4 2s; opacity:0;
}
.active .advantage-introduce{opacity:1; -webkit-animation: bg1-3 2s; animation: bg1-3 2s;}
.introduce-info01{padding:75px 5% 0;line-height: 24px;}
.advantage-introduce-info{position: absolute;height: 25%;left: 0;right: 0;
    z-index: 12;background: #467034;text-align: left;padding: 8%;box-sizing:border-box;
    top: 1400px;transition: all .8s;}
.active .advantage-introduce-info{transition-delay: 1.2s;top:50%;}
.advantage-introduce-info img{max-height:100%;max-width: 100%;object-fit: contain;}
.advantage-introduce-item{position: absolute;height: 25%;bottom: 0;width: 100%;left: 0;z-index: 12;}
.advantage-introduce-item .introduce-item{width: 50%;position: absolute;height: 100%;
    padding: 20px 0;box-sizing:border-box;top: 1400px;transition: all .8s;}
.advantage-introduce-item .introduce-item img{height: 100%;}
.advantage-introduce-item .introduce-item01{left: 0;background: #78962e;}
.advantage-introduce-item .introduce-item02{left: 50%;background: #588935;}
.active .advantage-introduce-item .introduce-item{top:0;}
.active .advantage-introduce-item .introduce-item01{transition-delay: 1.8s;}
.active .advantage-introduce-item .introduce-item02{transition-delay: 2.4s;}
/*第四屏*/
.section4{background:url(../images/section_bg04.jpg) center center no-repeat; background-size:cover;}
.product-inner01{ position: relative;width:100%;height:100%;margin: 0 auto;overflow: hidden;}
.product-inner01 .product-info01,.product-inner01 .product-info02{ position:absolute; top:110px; height:145px;transition: all 1.2s;}
.product-inner01 .product-info01{left:-1000px;}
.product-inner01 .product-info02{right:-1000px;}
.product-inner01 .product-info01 img,.product-inner01 .product-info02 img{height: 100%;}
.active .product-inner01 .product-info01{left:30px;}
.active .product-inner01 .product-info02{right:30px;transition-delay: 0.8s;}
/*第五屏*/
.section5{ background:url(../images/section_bg05.jpg) center center no-repeat; background-size:cover;}
/*第六屏*/
.section6{background:url(../images/section_bg06.jpg) center center no-repeat; background-size:cover;}
.product-inner03{ position: relative;width:100%;height:100%;margin: 0 auto;overflow: hidden;}
.product-inner03 .product-info01,.product-inner03 .product-info02{ position:absolute; left:-1000px; width:170px;transition: all 1.2s;}
.product-inner03 .product-info01{top:110px;}
.product-inner03 .product-info02{top:250px;}
.product-inner03 .product-info01 img,.product-inner03 .product-info02 img{width: 100%;}
.active .product-inner03 .product-info01{left:30px;}
.active .product-inner03 .product-info02{left:30px;transition-delay: 0.8s;}
/*第七屏*/
.section7{background:url(../images/section_bg07.jpg) center center no-repeat; background-size:cover;}
.product-inner04{ position: relative;width:100%;height:100%;margin: 0 auto;overflow: hidden;}
.product-inner04 .product-info01,.product-inner04 .product-info02{ position:absolute; right:-1000px; width:170px;transition: all 1.2s;}
.product-inner04 .product-info01{top:110px;}
.product-inner04 .product-info02{top:250px;}
.product-inner04 .product-info01 img,.product-inner04 .product-info02 img{width: 100%;}
.active .product-inner04 .product-info01{right:30px;}
.active .product-inner04 .product-info02{right:30px;transition-delay: 0.8s;}
/*第八屏*/
.section8{background:url(../images/section_bg08.jpg) center center no-repeat; background-size:cover;}
.product-inner05{ position: relative;width:100%;height:100%;margin: 0 auto;overflow: hidden;}
.product-inner05 .product-info01,.product-inner05 .product-info02{ position:absolute; left:-1000px; width:180px;transition: all 1.2s;}
.product-inner05 .product-info01{top:110px;}
.product-inner05 .product-info02{top:240px;}
.product-inner05 .product-info01 img,.product-inner05 .product-info02 img{width: 100%;}
.active .product-inner05 .product-info01{left:30px;}
.active .product-inner05 .product-info02{left:30px;transition-delay: 0.8s;}

/*第九屏*/
.section9{background:#fff; overflow:hidden;}
.introduce-inner{display: flex;display: -webkit-flex;flex-direction:column;justify-content: flex-start;height: 100%;}
.channel-title{background: #78962e;font-size: 24px;padding: 65px 20px 10px;}
.channel-pic{padding:10px 0;}
.channel-pic img{display: inline-block;max-height: 120px;max-width: 100%;}
.comment-title{background: #00694a;font-size: 24px;padding:5px 20px;}
.comment-pic img{width: 100%;}
.content-con{flex: auto;background:#00694a;color: #fff;display: flex;display: -webkit-flex;
    padding: 0 10px;align-items:center;}
.content-address{font-size: 12px;margin-right: 20px;}
.content-phone{margin-top: 5px;}
.content-phone b{font-size: 14px;}
.content-code{text-align: right;flex: auto;}
.content-con img{width: 80px;height: 80px;}

@-webkit-keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes bg1-3 {
	0% { opacity: 0;}
	50% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes bg1-4 {
    0% { opacity:1;}
    50% { opacity:1;}
    100% { opacity: 0;}
}
@keyframes bg1-4 {
    0% { opacity: 1;}
    50% { opacity: 1;}
    100% { opacity: 0;}
}
@-webkit-keyframes bg3-4 {
	0% { opacity:0.3;}
	50% { opacity:1;}
	100% { opacity:0.3;}
}
@keyframes bg3-4 {
	0% { opacity:0.3;}
	50% { opacity:1;}
	100% { opacity:0.3;}
}


@media(max-width:370px){
	header .navbar-brand img{height: 30px;}
	header .phone-btn{right:30px;top:6px;}
	header .phone-btn img{width: 18px;}
	header .navbar-toggle{padding:5px 10px;}
	.about-con{font-size: 22px;}
	.active .about-con{top:100px;}
	.introduce-info01{line-height: 22px;font-size: 12px;}
	.product-inner01 .product-info01,.product-inner01 .product-info02{top:90px; height:120px;}
	.active .product-inner01 .product-info01{left:25px;}
	.active .product-inner01 .product-info02{right:25px;}
	.product-inner03 .product-info01,.product-inner03 .product-info02{ width:150px;}
	.product-inner03 .product-info02{top:230px;}
	.active .product-inner03 .product-info01,.active .product-inner03 .product-info02{left:25px;}
	.product-inner04 .product-info01,.product-inner04 .product-info02{width:150px;}
	.product-inner04 .product-info02{top:230px;}
	.active .product-inner04 .product-info01,.active .product-inner04 .product-info02{right:25px;}
	.product-inner05 .product-info01,.product-inner05 .product-info02{width:155px;}
	.product-inner05 .product-info02{top:225px;}
	.active .product-inner05 .product-info01,.active .product-inner05 .product-info02{left:25px;}
	.channel-title{font-size: 20px;padding: 55px 20px 10px;}
	.channel-pic{padding:5px 0;}
	.channel-pic img{max-height: 110px;}
	.comment-title{font-size: 20px;}
	.content-con img{width: 70px;height: 70px;}
}