@charset "utf-8";
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,menu{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
img{display:inline-block;overflow:hidden;vertical-align:top;}
em{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}
textarea{word-wrap:break-word;resize:none;}  /* word-wrap for opera, resize for webkit */
input,select,textarea{outline:none;}
select{-webkit-appearance:none;appearance:none;}
a{text-decoration:none;outline: none;blr:expression(this.onFocus=this.blur());} 


body{width:100%;*cursor:default;overflow:hidden;font-family:"Microsoft YaHei"}
.article {overflow: hidden;}
.page{display:none;width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.contain{width:100%;height:100%;display:none;position:relative;z-index:0;background: url(../images/bg.jpg) no-repeat center top;}
.current .contain,.slide .contain{display:block}
.current{display:block;z-index:1}
.slide{display:block;z-index:2}
.swipe{display:block;z-index:3;transition-duration:0ms!important;-webkit-transition-duration:0ms!important}
#navBar{position: absolute;z-index: 9;right: 30px;top: 50%;margin-top: -30px;_height: 66px;}
#navBar li,#navBar .active{background: url(../images/dot.png) no-repeat;_background-image: url(../images/dot_ie6.png);width: 12px;height: 12px;overflow: hidden;}
#navBar li{background-position: 0 -12px;margin-bottom: 10px;cursor: pointer;}
#navBar li.active{background-position: 0 0!important;}
.section1,.section2,.section3,.section4{
	background-color: #34AE34;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#007202),to(#34AE34));
	background-image: -webkit-linear-gradient(top,#007202,#34AE34);
	background-image: -moz-linear-gradient(top,#007202,#34AE34);
	background-image: -o-linear-gradient(top,#007202,#34AE34);
	background-image: -ms-linear-gradient(top,#007202,#34AE34);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#007202,endColorstr=#34AE34);

}
.logo{width: 160px;height: 44px;position: absolute;top: 35px;right: 30px;}
.page-wrap1,.page-wrap2,.page-wrap3,.page-wrap4{position: absolute;left: 50%;color: #FFFFFF;text-align: center;overflow: hidden;}
.page-wrap1{width: 500px;margin-left: -250px;top: 235px;}
.title,.titleEng,.btn{-webkit-animation:dragTop 0.8s ease-in-out both;-moz-animation:dragTop 0.8s ease-in-out both;-ms-animation:dragTop 0.8s ease-in-out both;animation:dragTop 0.8s ease-in-out both;}
.title{font-size:56px;font-weight:normal;}
.titleEng{-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-ms-animation-delay:0.2s;animation-delay:0.2s;font-size:26px;font-weight: bold;color: #B9FF54;margin-top:10px;letter-spacing: 2px;}
.section1 .contain{display:block!important}
.btn{width: 430px;top: 382px;margin: 20px auto 0;padding: 20px 5px;overflow: hidden;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-ms-animation-delay:0.4s;animation-delay:0.4s;}
.btn a,.ico a{background: url(../images/ico.png) no-repeat;_background-image: url(../images/ico_ie6.png);}
.btn a{width: 200px;height: 58px;overflow: hidden;display: inline-block;text-indent: -999px;*display: block;*float: left;}
.btn a:hover{animation: btnScale 2.4s ease-in-out normal infinite;-webkit-animation: btnScale 2.4s ease-in-out normal infinite;-moz-animation: btnScale 2.4s ease-in-out normal infinite;-ms-animation: btnScale 2.4s ease-in-out normal infinite;}
.btn .prod-btn{background-position: 0 0;margin-right: 20px;margin-bottom: 20px;}
.btn .find-btn{background-position: 0 -58px;margin-bottom: 20px;}
.btn .link-btn{background-position: 0 0;margin-right: 20px;margin-bottom: 20px;}
.btn .login-btn{background-position: 0 -58px;margin-bottom: 20px;}

@-webkit-keyframes dragTop{
	0%{opacity:0;-webkit-transform:scale(0,0)}
	90%{opacity:1;-webkit-transform: scale(1,1)}
	97%{-webkit-transform: scale(1,1)}
	100%{-webkit-transform: scale(1,1)}
}
@-moz-keyframes dragTop{
	0%{opacity:0;-moz-transform:scale(0,0)}
	90%{opacity:1;-moz-transform: scale(1,1)}
	97%{-moz-transform: scale(1,1)}
	100%{-moz-transform: scale(1,1)}
}

@-webkit-keyframes btnScale{
	0%{-webkit-transform: scale(1);}
	50%{-webkit-transform: scale(1.02);}
	100%{-webkit-transform: scale(1);}
}

@-moz-keyframes btnScale{
	0%{-moz-transform: scale(1);}
	50%{-moz-transform: scale(1.02);}
	100%{-moz-transform: scale(1);}
}


.page-wrap2{width: 750px;margin-left: -365px;top: 86px;}

.col-sm{
	float:left;
	margin: 100px 5px;
}
.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item,
.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ih-item a {
    color: #333;
}

.ih-item a:hover {
    text-decoration: none;
}

.ih-item img {
    width: 100%;
    height: 100%;
}

.ih-item.circle {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.ih-item.circle .img {
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
}

.ih-item.circle .img:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    /*box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);*/
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/*.ih-item.circle.effect.from_left_and_right{overflow:hidden;}
.ih-item.circle.effect.from_left_and_right .img .rotatesimg{-webkit-animation:transform-5 2s ease 500ms alternate none 1;animation:transform-5 2s ease 500ms alternate none 1;}*/

.ih-item.circle.effect.top_to_bottom .img .rotatesimg{-webkit-animation:transform-5 2s ease 500ms alternate none 1;animation:transform-5 2s ease 500ms alternate none 1;}
@-webkit-keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}
@keyframes transform-5 { 
	from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);} 
    to{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);} 
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ih-item.circle.effect .info {
    background: #3d9b3d;
    background: rgba(61, 155, 61, 0.6);
    opacity: 0;
    pointer-events: none;
	overflow: hidden;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect .info h3 {
    visibility: hidden;
    color: #fff;
	line-height: 40px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 16px;
    /*margin: 0 30px;*/
    padding: 30px 0 0 0;
    height: 70px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect .info p {
    visibility: hidden;
    color: #ccc;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 20px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item.circle.effect a:hover .info {
    opacity: 1;
}

.ih-item.circle.effect a:hover h3 {
    visibility: visible;
}

.ih-item.circle.effect a:hover p {
    visibility: visible;
}

.ih-item.circle.effect .img {
    z-index: 11;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

/*.ih-item.circle.effect.from_left_and_right .info h3 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.ih-item.circle.effect.from_left_and_right .info p {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.ih-item.circle.effect.from_left_and_right a:hover h3 {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.ih-item.circle.effect.from_left_and_right a:hover p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}*/

.ih-item.circle.effect.top_to_bottom .info h3 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ih-item.circle.effect.top_to_bottom .info p {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ih-item.circle.effect.top_to_bottom a:hover h3 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ih-item.circle.effect.top_to_bottom a:hover p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.ih-item.circle.effect.top_to_bottom .img {
    -webkit-transform: scale(1) translateY(0);
    -moz-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    -o-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.ih-item.circle.effect.top_to_bottom .info {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.ih-item.circle.effect.top_to_bottom a:hover .img {
    -webkit-transform: scale(0.5) translateY(100%);
    -moz-transform: scale(0.5) translateY(100%);
    -ms-transform: scale(0.5) translateY(100%);
    -o-transform: scale(0.5) translateY(100%);
    transform: scale(0.5) translateY(100%);
}

.ih-item.circle.effect.top_to_bottom a:hover .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.intro{font-size: 15px;line-height: 22px;color: #FFFFFF;padding-top: 18px;clear: both;animation: intro 0.8s ease-in-out 0.5s both;-webkit-animation: intro 0.8s ease-in-out 0.5s both;-moz-animation: intro 0.8s ease-in-out 0.5s both;-ms-animation: intro 0.8s ease-in-out 0.5s both;}

@-webkit-keyframes intro{
	0%{-webkit-transform: scale(0,0);opacity: 0;}
	97%{opacity:1;-webkit-transform: scale(1,1)}
	100%{-webkit-transform: scale(1,1);}
}

@-moz-keyframes intro{
	0%{-moz-transform: scale(0,0);opacity: 0;}
	97%{opacity:1;-moz-transform: scale(1,1)}
	100%{-moz-transform: scale(1,1);}
}


.page-wrap3{width: 820px;margin-left: -410px;top: 80px;}
.erwm-box{background: url(../images/wx-pic.png) no-repeat 0 0;_background-image: url(../images/wx-pic_ie6.png);width: 800px;height: 495px;margin: 30px 0 0;padding: 0 10px;animation: ewma 0.8s ease-in-out 0.2s both;-webkit-animation: ewma 0.8s ease-in-out 0.2s both;-moz-animation: ewma 0.8s ease-in-out 0.2s both;-ms-animation: ewma 0.8s ease-in-out 0.2s both;}
.ico{position: absolute;border-radius: 50%;animation: ewma 0s ease-in-out;-webkit-animation: ewma 0s ease-in-out;-moz-animation: ewma 0s ease-in-out;-ms-animation: ewma 0s ease-in-out;}
.ico-small{width: 38px;height: 38px;}
.ico-big{width: 52px;height: 52px;}
.ico a{display: block;}
.ico-1{padding: 11px;left: 483px;margin-top: 27px;}
.ico-1 a{background-position: 0 -116px;}
.ico-2{padding: 10px;left: 624px;margin-top: 48px;}
.ico-2 a{background-position: 0 -154px;}
.ico-3{padding: 16px;left: 669px;margin-top: 142px;}
.ico-3 a{background-position: 0 -206px;}
.ico-4{padding: 19px;left: 558px;margin-top: 224px;}
.ico-4 a{background-position: 0 -258px;}
.ico-5{padding: 14px;left: 575px;margin-top: 339px;}
.ico-5 a{background-position: 0 -310px;}
.ico-6{padding: 5px;left: 507px;margin-top: 429px;}
.ico-6 a{background-position: -52px -116px;}
.ico-7{padding: 19px;left: 250px;margin-top: 361px;}
.ico-7 a{background-position: -52px -154px;}
.ico-8{padding: 9px;left: 82px;margin-top: 333px;}
.ico-8 a{background-position: -52px -206px;}
.ico-9{padding: 5px;left: 94px;margin-top: 216px;}
.ico-9 a{background-position: -104px -116px;}
.ico-10{padding: 24px;left: 67px;margin-top: 63px;}
.ico-10 a{background-position: -52px -258px;}
.ico-11{padding: 14px;left: 255px;margin-top: 0px;}
.ico-11 a{background-position: -52px -310px;}
.ico-1:hover,.ico-4:hover,.ico-5:hover,.ico-8:hover,.ico-9:hover{animation: shake 1s linear infinite;-webkit-animation: shake 1s linear infinite;-moz-animation: shake 1s linear infinite;-ms-animation: shake 1s linear infinite;}
.ico-2:hover,.ico-3:hover,.ico-6:hover,.ico-7:hover,.ico-10:hover,.ico-11:hover{animation: scale 1.8s ease-in-out infinite;-webkit-animation: scale 1.8s ease-in-out infinite;-moz-animation: scale 1.8s ease-in-out infinite;-ms-animation: scale 1.8s ease-in-out infinite;}


@-webkit-keyframes ewma{
	0%{-webkit-transform: scale(0,0);opacity: 0;}
	97%{-webkit-transform: scale(1,1);opacity: 1;}
	100%{-webkit-transform: scale(1,1);}
}

@-moz-keyframes ewma{
	0%{-moz-transform: scale(0,0);opacity: 0;}
	97%{-moz-transform: scale(1,1);opacity: 1;}
	100%{-moz-transform: scale(1,1);}
}



@-webkit-keyframes shake{
	0%{-webkit-transform: rotate(0deg);}
	10%{-webkit-transform: rotate(-3deg);}
	20%{-webkit-transform: rotate(3deg);}
	30%{-webkit-transform: rotate(-3deg);}
	40%{-webkit-transform: rotate(3deg);}
	50%{-webkit-transform: rotate(-3deg);}
	60%{-webkit-transform: rotate(3deg);}
	70%{-webkit-transform: rotate(-2deg);}
	80%{-webkit-transform: rotate(2deg);}
	90%{-webkit-transform: rotate(-2deg);}
	100%{-webkit-transform: rotate(0deg);}
}

@-moz-keyframes shake{
	0%{-moz-transform: rotate(0deg);}
	10%{-moz-transform: rotate(-3deg);}
	20%{-moz-transform: rotate(3deg);}
	30%{-moz-transform: rotate(-3deg);}
	40%{-moz-transform: rotate(3deg);}
	50%{-moz-transform: rotate(-3deg);}
	60%{-moz-transform: rotate(3deg);}
	70%{-moz-transform: rotate(-2deg);}
	80%{-moz-transform: rotate(2deg);}
	90%{-moz-transform: rotate(-2deg);}
	100%{-moz-transform: rotate(0deg);}
}


@-webkit-keyframes scale{
	0%{-webkit-transform: scale(1);}
	50%{-webkit-transform: scale(1.15);}
	100%{-webkit-transform: scale(1);}
}

@-moz-keyframes scale{
	0%{-moz-transform: scale(1);}
	50%{-moz-transform: scale(1.15);}
	100%{-moz-transform: scale(1);}
}


.page-wrap4{width: 820px;margin-left: -410px;top: 80px;}
.txt{font-size: 15px;line-height: 22px;color: #FFFFFF;margin-top: 50px;animation: txt 0.8s ease-in-out 0.3s both;-webkit-animation: txt 0.8s ease-in-out 0.3s both;-moz-animation: txt 0.8s ease-in-out 0.3s both;-ms-animation: txt 0.8s ease-in-out 0.3s both;}

@-webkit-keyframes txt{
	0%{-webkit-transform: scale(0,0);opacity: 0;}
	97%{opacity:1;-webkit-transform: scale(1,1)}
	100%{-webkit-transform: scale(1,1);}
}

@-moz-keyframes txt{
	0%{-moz-transform: scale(0,0);opacity: 0;}
	97%{opacity:1;-moz-transform: scale(1,1)}
	100%{-moz-transform: scale(1,1);}
}

.picture{margin: 30px 0 0;padding: 0 10px;animation: pic 0.8s ease-in-out 0.5s both;-webkit-animation: pic 0.8s ease-in-out 0.5s both;-moz-animation: pic 0.8s ease-in-out 0.5s both;-ms-animation: pic 0.8s ease-in-out 0.5s both;}
.icon{
    margin:0 5px;
	-webkit-transition: -webkit-transform 0.8s ease-out;
	-moz-transition: -moz-transform 0.8s ease-out;
	-o-transition: -o-transform 0.8s ease-out;
	-ms-transition: -ms-transform 0.8s ease-out;
}
.icon:hover{ 
    -webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); 
} 

@-webkit-keyframes pic{
	0%{-webkit-transform: scale(0,0);opacity: 0;}
	97%{-webkit-transform: scale(1,1);opacity: 1;}
	100%{-webkit-transform: scale(1,1);}
}

@-moz-keyframes pic{
	0%{-moz-transform: scale(0,0);opacity: 0;}
	97%{-moz-transform: scale(1,1);opacity: 1;}
	100%{-moz-transform: scale(1,1);}
}