body{ background:#fffdfd;}
p,h2,h3,h1,ul,li,dl,dd,dt,span,i{ margin:0; padding:0;}
a:hover{ text-decoration:none;}
.b01{ clear:both; height:1px; overflow:hidden;}
.b10{ clear:both; height:10px; overflow:hidden;}
.b20{ clear:both; height:20px; overflow:hidden;}
.b40{ clear:both; height:40px; overflow:hidden;}
.width100{ width:100%; margin:0 auto; overflow:hidden;}
.width40{ width:40%; float:left;}
.width20{ width:18%; margin-left:1%; margin-right:1%; float:left;}
.f_l{ float:left;}
.f_r{ float:right;}
.a-ts {
    -webkit-animation-name: gupIn;
    -moz-animation-name: gupIn;
    -ms-animation-name: gupIn;
    animation-name: gupIn;
}

.a-bounce, .a-ts, .a-jj, .a-flip, .a-ssc, .a-flash, .a-shake, .a-swing, .a-wobble, .a-ring {
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    -ms-animation: 1s ease;
    animation: 1s ease;}
.header {
    height: 210px;
    z-index: 99;
    position: fixed;
    width: 100%;
    transition: 0.5s;
    top: 0px;
    background:#fffdfd;
}
.header .headers {
    width: 1200px;
    margin: 0 auto;
    transition: 0.5s;
}
.logo {
    width: 296px;
    margin: 0 auto;
    text-align: center;
}
.logo p {
    width: 296px;
}
.a-ssc {
    -webkit-animation-name: fadeinBs;
    -moz-animation-name: fadeinBs;
    -ms-animation-name: fadeinBs;
    animation-name: fadeinBs;
}
.header .dh {
    transition: 0.5s;
    height: 60px;
    background-color: #fff;
    width: 100%;
    float: left;
    z-index: 99;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2);
	border-top:1px solid #e8e8e8;
}
.header .dh ul {
    width: 1204px;
    margin: 0 auto;
    position: relative;
}
.header .dh ul li {
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 60px;
    margin-right: 80px;
    float: left;
    text-align: center;
    height: 60px;
    overflow: hidden;
}
.header .dh ul li a {
    color: #262626;
    transition: 0.3s, color ,0.3s;
   
	font-size: 1.2rem;
    overflow: hidden;
}
.header .dh ul li a:hover{ color:#03a13f;}
.header .dh ul .ks {
    position: absolute;
    left: 576px;
    top: -130px;
    width: 50px;
    height: 190px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}
.header .dh ul .kv {
    cursor: pointer;
    top: 135px;
    height: 50px;
    position: absolute;
    background: url("../images/jtc.png") no-repeat center 8px;
    width: 50px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.header .dh ul .kv:hover {
    position: absolute;
    background: url("../images/jtc.png") no-repeat center -177px;
    width: 50px;
    height: 50px;
}
.heightb {
    height: 190px;
    width: 100%;
}

.wid25{width: 20%;padding: 12px;overflow: hidden;float: left;}
.h100h1{ padding:7rem;    background: url("../images/100bg.jpg") no-repeat center; background-size:cover;
}
.h100h1 p{  font-size:15px; line-height:30px;;}
.h100h1 .btn{ background:#339900;}
.h100h1 .btn a{ color:#fff;}
.dongtai{ background:#fff; padding:1rem 0;}
.dongtai .col-md-2{ padding-left:0; padding-right:0;}
.dongtai .p1{ color:#33cc00; font-size:2rem; text-align:center;}
.dongtai .p2{ color:#666; text-align:center; padding-bottom:0.58rem; border-bottom:2px solid #999;}
.dongtai h2{ line-height:2rem; margin-bottom:0.5rem;}
.dongtai h2 a{ color:#666; font-size:17px;}
.dongtai p{font-size: 15px;}
.dongtai h2 a:hover{ color:#339900;}
.dongtai .col-md-6{ margin-bottom:1.6rem;}
.hovers{transition:all 0.8s;
-webkit-transition:all 0.8s;}

.hovers img{transition:all 0.8s;
-webkit-transition:all 0.8s;}

.hovers:hover img{transition:all 0.8s;
-webkit-transition:all 0.8s;transform:scale(1.1);-webkit-transform:scale(1.1);}



.btnDown {
    border: 0;
    background: url(../images/btnBottom.png) no-repeat;
    width: 82px;
    height: 54px;
    z-index: 10;
    cursor: pointer;
	margin-bottom:2rem;
}

.index_video {
    margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    padding: 70px 0px;
    background: #eee url("../images/videobg.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}
.zeren{ padding:4rem 0; background:#f7f2ec; overflow:hidden;}

.zeren .img:hover img {
    transform: scale(1.06);
}

.zeren .img img {
    display: block;
    z-index: 21;
    transition-duration: 500ms;
	margin-left: 16%;
}
.zeren h3{ line-height:2rem; font-size:1.4rem; color:#000; text-align:center; margin-top:1.69rem;cursor:default}
.zeren p{ color:#666; line-height:1.6rem; margin-top:1rem;cursor:default}

.footer{ background:#333; padding:3rem 0;}
.footer i{ width:17px; height:17px; margin-right:10px; display:inline-block;}
.footer i img{ width:100%; height:100%;}
.footer p{ line-height:1.6rem; color:#fff;font-size: 15px;}

.footer .dl{margin: 0 auto;text-align: center;}
.footer .dl dd{ position:relative; display: inline-block;  margin:20px 6px;}
.footer .dl dd a{ display:block;}

.foot_nav{ color:#fff;}
.footer ul li{ list-style:none; float:left; line-height:3rem; margin-left:10px;}
.footer ul li i{ display:inline; margin-right:10px; color:#fff;}
.footer ul li a{ color:#fff;}
.footer ul li a:hover{ color:#009933;}
.weixin{ position:relative;}
.wechat_code{ position:absolute; top:50px; left:-50px; z-index:99; display:none;}
/**/


.slides {
	width: 100%;
	height: 600px;
	position: relative;
	overflow: hidden;
}
.slideInner {
	height: 600px;
	position: relative;
	left: 0;
	margin-left: 0;
}
.slideInner a {
	display: block;
	height: 600px;
	background-size: cover;
	background-position: center center;
	position: relative;
	text-align: center;
	z-index: 1;
}
.slideInner a div.img1 {
	width: 556px;
	position: absolute;
	top: 20px;
	left: 50%;
	margin-left: -655px;
}
.slideInner a div.img2 {
	width: 568px;
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -160px;
}

.slideInner a.slide3 .img2 {
	width: 181px;
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -206px;
}

.slideInner a.slide2 .img1 {
	width: 900px;
	position: absolute;
	top: 90px;
	left: 50%;
	margin-left: -600px;
}

.slideInner a.slide4 .img1 {
	width: 488px;
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -600px;
}
.slideInner a.slide4 .img2 {
	width: 625px;
	position: absolute;
	top: 75px;
	left: 50%;
	margin-left: -100px;
}




.nav {
	width: 1200px;
	position: relative;
	left: 50%;
	margin-left: -600px;
	display: none;
}
.nav a {
	display: block;
	width: 41px;
	height: 119px;
	opacity: .2;
	z-index: 9;
}
.nav a.prev {
	position: absolute;
	left: 0;
	top: -280px;
	margin-top: -58px;
	background: url(../images/ban_pre.png) no-repeat;
}
.nav a.next {
	position: absolute;
	right: 0;
	top: -280px;
	margin-top: -58px;
	background: url(../images/ban_next.png) no-repeat;
}
.navListBox {
	position: absolute;
	left: 50%;
	top: 675px;
	z-index: 99;
}
.navListBox li {
	width: 12px;
	height: 12px;
	float: left;
	margin-left: 5px;
	border-radius: 50%;
	overflow: hidden;
}
.navListBox li:first-child {
	margin-left: 0;
}
.navListBox li a {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 0 0 5px #666 inset;
}
.navListBox li a.active {
	background-color: #55ddff;
}



@media screen and (max-width: 1440px){
.slides {	height: 425px;}
.slideInner {	height: 425px;}
.slideInner a {	height: 425px;}

.slideInner a div.img1 {
	width: 320px;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -455px;
}
.slideInner a div.img2 {
	width: 380px;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -160px;
}
.slideInner a div img{ width:100%;}
.nav a.prev {top: -200px;}
.nav a.next {top: -200px;}
	}












/* 种植基地 */

.aa{background:url('../images/z/z02.jpg') 50%;}
.cc{background:url('../images/z/z04.jpg') 50%;}
.dd{ background:url('../images/z/z05.jpg') 50%;}
.ee{background:url('../images/z/z06.jpg')  50%;}
.ff{background:url('../images/z/z07.jpg') 50%;}

#fp-nav ul li a span{ background:#fff;}
.fp-tooltip{ background:#666; padding:3px 15px;}
#fullpage img{ width:100%;}
.section {
    position: relative;
    overflow: hidden;
}
.section .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.section .bg img {
    display: block;
    width: 100%;
    height: 100%;
}

.a02 {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    line-height: 30px;
    width: 592px;
    margin-left: -365px;
    text-align: center;
    font-size: 16px;
    z-index: 3;
    letter-spacing: 5px;
    animation: fadeInLeft 0.5s forwards 1s;
    -webkit-animation: fadeInRight 0.5s forwards 1s;
	
}
.a02, .a01, .a03{
    transition: all 1s;
    -webkit-transition: all 1s;
}
.a01 {
    position: absolute;
    top: 40%;
    left: 0;
    z-index: 3;
    width: 484px;
	margin-left:-256px;
    text-align: center;
    cursor: pointer;
}
.a01 img{ max-width:100%;}
.a03{
    position: absolute;
    top: 40%;
    left: 64%;
    margin-left: -128px;
    z-index: 3;
    width: 716px;
    cursor: pointer;	
	}
.a03 p{    font-size: 1.2rem;
    line-height: 2.6rem;}
.a03 .btn{ margin-top:2rem; background:#339900;}
.a03 .btn a{ color:#fff;}

.active .a02 {
    top: 20%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .a01 {
    left: 32%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .a03 {
    left: 54%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}


.c01{
    transition: all 1s;
    -webkit-transition: all 1s;
}
.c01 {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    line-height: 30px;
    width: 710px;
    margin-left: -365px;
    text-align: center;
    font-size: 16px;
    z-index: 3;
    letter-spacing: 5px;
    animation: fadeInDown 0.5s forwards 1s;
    -webkit-animation: fadeInDown 0.5s forwards 1s;
}
.active .c01 {
    top: 20%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}



.sq_tow_msg{
    position: absolute;
    top:50%;
    left: 36%;
    margin-left:-422px;
    z-index: 3;
    width:1400px;
    text-align: center;
    cursor: pointer;
}
.sq_tow_msg ul li {
    float:left;
    margin:0 15px;
    padding-top:300px;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
	list-style:none;
	color:#fff;
}
.active .sq_tow_msg ul .sq_li1{
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .sq_tow_msg ul .sq_li2{
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}
.active .sq_tow_msg ul .sq_li3{
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
}
.active .sq_tow_msg ul .sq_li4{
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
}

.active .sq_tow_msg ul .sq_li5{
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}
.active .sq_tow_msg ul .sq_li6{
    transition-delay: 1.7s;
    -webkit-transition-delay: 1.7s;
}
.active .sq_tow_msg ul .sq_li7{
    transition-delay: 1.9s;
    -webkit-transition-delay: 1.9s;
}


.active .sq_tow_msg ul li{
    opacity: 1;
    padding-top:0;
}
.sq_img .sq_img_s1{
    margin-top:25px;
}






.d01{
    transition: all 1s;
    -webkit-transition: all 1s;
}
.d01 {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    line-height: 30px;
    width: 764px;
    margin-left: -365px;
    text-align: center;
    font-size: 16px;
    z-index: 3;
    letter-spacing: 5px;
    animation: fadeInDown 0.5s forwards 1s;
    -webkit-animation: fadeInDown 0.5s forwards 1s;
}
.active .d01 {
    top: 20%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}



.sq_tow{
    position: absolute;
    top:50%;
    left: 32%;
    margin-left:-325px;
    z-index: 3;
    width:1400px;
    text-align: center;
    cursor: pointer;
}
.sq_tow ul li {
	width:222px;
    float:left;
    margin:0 25px;
    padding-top:300px;
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
	list-style:none;
	color:#fff;
}
.active .sq_tow ul .sq_1{
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .sq_tow ul .sq_2{
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}
.active .sq_tow ul .sq_3{
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
}
.active .sq_tow ul .sq_4{
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
}

.active .sq_tow ul .sq_5{
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}


.active .sq_tow ul li{
    opacity: 1;
    padding-top:0;
}
.sq_img .sq_img_s1{
    margin-top:25px;
}



.sq_img img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.sq_img_hover{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}


.e01, .e02, .e03, .e04{
    transition: all 1s;
    -webkit-transition: all 1s;
}
.e01 {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    line-height: 30px;
    width: 37%;
    margin-left: -365px;
    text-align: center;
    font-size: 16px;
    z-index: 3;
    letter-spacing: 5px;
    animation: fadeInLeft 0.5s forwards 1s;
    -webkit-animation: fadeInRight 0.5s forwards 1s;
}
.e02{
    position: absolute;
	top:40%;
    left: 10%;
    margin-left: -300px;
    z-index: 3;
    width: 20.5%;
    cursor: pointer;	
	}
.e02 img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.e02 img:hover{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.e03{
    position: absolute;
	top:40%;
    left: 84%;
    margin-left: -300px;
    z-index: 3;
    width: 47.4%;
    cursor: pointer;	
	}
/*.e04{
    position: absolute;
    bottom: 0;
    left: 35%;
    margin-left: -300px;
    z-index: 3;
    width: 1180px;
    cursor: pointer;	
	}*/

/*.active .e04 {
    bottom: 20%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}*/
.active .e01 {
    top: 20%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .e02 {
    left: 34%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .e03 {
    left: 58%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}





.f01, .f02, .f03{
    transition: all 1s;
    -webkit-transition: all 1s;
}
.f01 {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    line-height: 30px;
    width: 19.6%;
    margin-left: -10%;
    text-align: center;
    font-size: 16px;
    z-index: 3;
    letter-spacing: 5px;
    animation: fadeInLeft 0.5s forwards 1s;
    -webkit-animation: fadeInRight 0.5s forwards 1s;
}
.f02 {
    position: absolute;
    top: 45%;
    left: 20%;
    z-index: 3;
    width: 21.8%;
    text-align: center;
    cursor: pointer;
}

.f03{
    position: absolute;
    top: 37%;
    left: 55%;
    margin-left: -4%;
    z-index: 3;
    width: 38%;
    cursor: pointer;	
	}

.active .f01 {
    top: 20%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .f02 {
    top: 35%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .f03 {
    top: 27%;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}


@media screen and (max-width: 1660px){
.a01{ width:360px}
.a02{ width:392px;    margin-left: -234px;}
.a03{ width:620px;}
.a03 p { font-size: 1rem;   line-height: 2rem;}
.a03 .btn {    margin-top: 1rem;	}
.c01{ width:500px; margin-left: -248px;}
#fullpage .active .sq_tow_msg ul li .sq_img img{ width:120px;}	
.sq_tow_msg ul li{ width:148px;}	
.d01{ width:586px; margin-left: -288px;}
.sq_tow { top:45%;}
.sq_tow ul li {width: 165px; margin: 0 40px;}
.e01{ width:586px; margin-left: -288px;}	
.e04{ width:1000px; margin-left:-230px;}

.active .e04 { bottom: 10%;}
.f02{ width:400px;}
.f03{ width:700px;}
.active .f01 {top: 12%;}
.active .f02 {left: 15%;}
.f03{ top:22%; margin-left:-200px;}
}

@media screen and (max-width: 1440px){
.a01{ width:360px}
.a02{ width:392px;    margin-left: -234px;}
.a03{ width:620px;}
.a03 p { font-size: 1rem;   line-height: 2rem;}
.a03 .btn {    margin-top: 1rem;	}
.c01{ width:500px; margin-left: -248px;}
#fullpage .active .sq_tow_msg ul li .sq_img img{ width:120px;}	
.sq_tow_msg ul li{ width:148px;}	
.d01{ width:464px; margin-left: -235px;}
.sq_tow { top:45%;}
.sq_tow ul li {width: 165px; margin: 0 25px;}
.e01{ width:464px; margin-left: -235px;}	
.e04{ width:1000px; margin-left:-300px;}
.active .e04 { bottom: 10%;}
.f02{ width:320px;}
.f03{ width:600px;}
.active .f01 {top: 12%;}
.active .f02 {left: 15%;}
.f03{ top:20%; margin-left:-150px;}


}






/** 蒙北产品 **/
.fffff1{ background:#fffff1; padding:3rem 0;}

.cp_chengfen_left{ margin-left:19.11%; width:23.17%; margin-top:3rem; float:left;}
.cp_chengfen_right{ width:47.2%; float:left; margin-left:2%;}
.cp_jd_bg{ background:url(../images/product/cp_jd_bg.jpg) repeat; padding:3rem 0;}

.cp_jd_bg .container img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.cp_jd_bg .container img:hover{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}

.cp_jd_bg h3{ width:100%; font-size:1.2rem; text-align:center; line-height:2.3rem; color:#339900; cursor:default;}
.pro_liyou{
	margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    padding: 3rem 0;
    background: #eee url("../images/product/cp_liyou.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}

.pro_liyou_li{ height:285px; background:#339900; text-align:center; padding:30px 10px;cursor:pointer;}
.pro_liyou_li img{
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s, -moz-transform 2s; /* Firefox 4 */
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
-o-transition:width 2s, height 2s, -o-transform 2s; /* Opera */	

	}
.pro_liyou_li_hover{
cursor:pointer;
transform:rotate(360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
	}

.pro_liyou_li h3{ color:#fff; font-size:1rem; margin:1rem 0;}
.pro_liyou_li p{ color:#fff; font-size:0.9rem; line-height:1.5rem;}

.tieshi_bg{ background:#fff8d3; padding:3rem 0;}

.fangfa_bg{
	margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    padding: 3rem 0;
    background: #eee url("../images/product/cp_04.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
}

.shipu_bg{
	margin: 0;
    float: left;
    width: 100%;
    text-align: center;
    padding: 3rem 0;
    background: #eee url("../images/product/cp_02.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;
	}
.shipu_bg dl{ width:100%; margin:1rem; overflow:hidden;}
.shipu_bg dt{ width:97px; height:97px; float:left;}	
.shipu_bg dd{ text-align:left; float:left; margin-left:15px;}	
.shipu_bg dd h2 a{ font-weight:bold; color:#339900; font-size:1.2rem; line-height:2.6rem;}
.shipu_bg dd h2 a:hover{ color:#000436;}
.shipu_bg dd p{ line-height:2.6rem; color:#000;}
.shipu_right{ text-align:left;}
.shipu_right h2 a{ color:#339900;  font-size:1.2rem; font-weight:bold; line-height:2.6rem;}
.shipu_right h3 a{ color:#339900;  font-size:1rem; line-height:2.4rem;}
.shipu_right a{ color:#000;  font-size:1rem; line-height:2.2rem; margin:0 0.5rem;}
.shipu_right p a{ font-size:0.8rem;}
.shipu_right h4{ font-size:1.1rem; font-weight:bold; color:#000; line-height:2.2rem; cursor:default;}
.shipu_right p a:hover{ color:#000436;}
.shipu_right h2 a:hover{ color:#000436;}
.shipu_right h3 a:hover{ color:#000436;}
.pro_bg {
    margin: 0;
	height:530px; 
    float: left;
    width: 100%;
    text-align: center;
    padding: 3rem 0;
    background: #eee url("../images/product/pro_bg.jpg");
    background-attachment: fixed;
    background-origin: initial;
    background-clip: initial;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-position: center;

}
.pro_bg .container{ position:relative;}
.pro_bg_left{ margin-top:2rem; z-index:1; position:absolute; left:0;}
.w128{ width:128px; height:179px;}
.pro_bg_left p{ line-height:2.6rem; text-align:left; margin-left:1.4rem; font-weight:500;}
.pro_b{ font-size:1.4rem; font-weight:bold; text-align:left; padding-left:1.4rem; font-weight:500;}
.pro_p{ font-size:1.2rem; text-align:left; font-weight:600;}
.pro_bg_right{z-index:2; position:absolute; right:0; text-align:left;}


#focusBar{width:100%;height:620px;clear:both;position:relative; overflow:hidden;}
#focusBar .mypng{}
#focusBar li{width:100%;clear:both;height:620px;display:none;position:absolute; list-style:none;/* position:relative;*/ }
#focusBar .focusL{height:620px;position:absolute;z-index:9;/*left:-1000px;*/ top:0px;left:-960px;margin-left:50%;}
#focusBar .focusR{height:620px;position:absolute;z-index:10;/* right:1000px;*/top:0px;left:-960px;margin-left:50%;}

#focusBar .arrL,#focusBar .arrR{display:block;width:52px;height:134px;position:absolute;top:210px;z-index:11111;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;}
#focusBar .arrL{left:-52px;background-position:0px 0px;}
#focusBar .arrR{right:-52px;background-position:-68px 0px;}
#focusBar .arrL:hover{background-position:0px -144px;}
#focusBar .arrR:hover{background-position:-68px -144px;}
.zhezhao{height:620px;position:absolute;z-index:19;/* right:1000px;*/top:-15px;left:-960px;margin-left:50%;}

#Section-1{position:relative;}
#Focu{ position:relative; overflow:hidden; width:100%; height:100%;}
#Focu ul{ height:100%}
#Focu ul li{ display:none; position:absolute; left:0; top:0;width:100%; height:100%; background-position:center 0; background-repeat:no-repeat;}
#Focu ul li a{ display:block; height:1000px; width:100%}
#Focu ul li a .fImg1{ position:absolute; left:-50%; top:233px; z-index:10}
#Focu ul li a .fImg2{ position:absolute; left:20%; top:263px; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu ul li a .fImg3{ position:absolute; left:13%; top:423px; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu ul li a .fImg4{ position:absolute; left:50%; margin:0 -165px; top:0; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu ul li a .fImg5{ position:absolute; left:50%; margin-left:-211px; top:559px; opacity:0; filter:alpha(opacity=0); z-index:10}
#Focu .tyeBtn{ position:relative; width:1000px; margin:0 auto}
#Focu .tyeBtn ol{ position:absolute;left: 48%;top:-200px; z-index:11; margin-left: -44px; list-style:none;}
#Focu .tyeBtn ol li{ float:left; margin-right:8px; width:16px; height:16px; background:url(../images/doneCurrent.png) no-repeat 0 0; cursor:pointer}
#Focu .tyeBtn ol li.active{ background:url(../images/doneCurrent.png) no-repeat -16px 0; }
#Section-1 .btnDown{ border:0; background:url(../images/btnBottom1.png) no-repeat; width:23px; height:84px; position:absolute; left:50%; bottom:15px; margin:0 -11px; z-index:10; cursor:pointer;}
#Section-1 .btnDown{
	-moz-animation: Animate 1s ease infinite;-o-animation: Animate 1s ease infinite;-ms-animation: Animate 1s ease infinite;-webkit-animation: Animate 1s ease infinite;animation: Animate 1s ease infinite;}
@-webkit-keyframes Animate{
	0% { -webkit-transform:translateY(-30px); opacity: 1; }
	50% { -webkit-transform:translateY(0px); opacity: 0.2; }
	100% { -webkit-transform:translateY(-30px); opacity: 1; }
}