@charset "utf-8";
/*--[if lte IE 8]>body { behavior:url("../PIE-1.0.0/PIE.htc"); }<![endif]--*/

* { margin: 0; padding: 0;}
html{ overflow-x: hidden; overflow-y: hidden; }
body { font: 16px/1.8 "Microsoft Yahei",verdana; }

#ind_z_box{z-index:9999; position:relative; }
#ind_z_box .logo{position:fixed; top:30px; left:76px;z-index:9998; }

#ind_iconnav_box{ position:fixed; left:50px; top:50%; margin-top:-220px; width:120px; text-align:center; color:#fff; font-size:12px;}
#ind_iconnav_box a{ display:block; width:100%; color:#fff; font-size:12px; text-decoration:none; margin-bottom:20px;}
#ind_iconnav_box a img{ float:none; display:block; margin:auto; width:50px;transition: all 0.5s; margin:5px  auto 5px auto;}
#ind_iconnav_box a b{ font-weight:normal; font-size:14px; margin-bottom:0px; padding:0px; line-height:16px; opacity:0.6;}
#ind_iconnav_box a b span{ font-size:7px;-webkit-text-size-adjust:none;font-size:10px;-webkit-transform:scale(0.8); display:block; opacity:0.4;text-transform:uppercase; margin:0px; padding:0px;}
#ind_iconnav_box a:hover b{ opacity:1;}
#ind_iconnav_box a:hover b span{ opacity:1;}
#ind_iconnav_box a:hover img{ width:60px;margin:0px  auto 0px auto}

#foot_copyright{ position:fixed; bottom:0px; height:60px; width:100%; z-index:9998; font-size:12px;}
.foot_nav { float:left; color:#fff; margin-left:30px; margin-top:15px;}
.foot_nav  a{ color:#fff; text-decoration:none; margin:0 5px 0 5px;}
.foot_nav  a:hover{ color:#c49426; text-decoration:underline;}
.sb_icon{ float:left; width:35px; height:62px; position:absolute; left:50%; margin-left:-20px;}

.right_copyright{ float:right; margin-right:70px; margin-top:15px;}
.right_copyright span{ text-align:right; color:#fff; line-height:13px; float:right;}
.right_copyright a{ float:right; margin-left:5px;}

.right_copyright a p{position:absolute; display:none; margin-left:-120px; margin-top:-180px;}
.wx_2wm:hover p{ display:block;}



/* 右侧切换导航 */
#fullPage-nav { _display: none; font-size: 12px; z-index:9999;}
#fullPage-nav li { width: 90px; height:15px; margin:10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width:12px; height:12px; color: #fff; border-radius:30px; text-decoration: none; text-align: right; background:#fff; opacity:0.5;transition: all 2s;}
#fullPage-nav li .active { background:#fff; opacity:1;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height:12px;}
#fullPage-nav li a:hover{ opacity:0.8;}

#ind_a_style{ clear:both; width:500px; height:60px;}
#ind_a_style a{ padding:6px 20px 6px 20px;text-decoration:none; float:left; color:#fff; border:1px solid #d49506; margin-right:10px;-moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;    behavior:url("PIE.htc"); font-size:14px;}
#ind_a_style a:hover{ background:#d49506;transition: all 0.2s;}

.section { position: relative; overflow: hidden; background:#aaa; width: 100%; height: 100%;}
.section .bg { position: absolute; left:0; top:0; width: 100%; height: 100%; opacity:0.2; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition: all 8s;}
.section .bg img { display: block; width: 100%; height: 100%;}
.active .bg{ opacity: 1; -webkit-transform:scale(1.2, 1.2); transform:scale(1.2, 1.2); transition-delay:1s;}

.section .bg01 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity:0.2; -webkit-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); transition: all 10s;
 background:url(../images/ind_bg/d_bg01.jpg) no-repeat center bottom;background-size:cover }
.active .bg01{ opacity:1; -webkit-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0); transition-delay:1s;}

.section .bg02 { left: 0; top: 0; width: 100%; height: 100%; opacity:0.2; -webkit-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); transition: all 10s;
 background:url(../images/ind_bg/d_bg02.jpg) no-repeat center top;background-size:cover }
.active .bg02{ opacity:1; -webkit-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0); transition-delay:1s;}

.section .bg03 {  left: 0; top: 0; width: 100%; height: 100%; opacity:0.2; -webkit-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); transition: all 10s;
 background:url(../images/ind_bg/d_bg03.jpg) no-repeat center center;background-size:cover }
.active .bg03{ opacity:1; -webkit-transform:scale(1.10, 1.0); transform:scale(1.0, 1.0); transition-delay:1s;}

.section .bg04 {  left: 0; top: 0; width: 100%; height: 100%; opacity:0.2; -webkit-transform:scale(1.3, 1.3); transform:scale(1.3, 1.3); transition: all 10s;
 background:url(../images/ind_bg/d_bg04.jpg) no-repeat center bottom;background-size:cover }
.active .bg04{ opacity:1; -webkit-transform:scale(1.0, 1.0); transform:scale(1.0, 1.0); transition-delay:1s;}



.banner_text01 { position:absolute; width:480px; height:206px; left:20%; top:60px; margin:0px; opacity: 0; transition: all 1s; color:#fff;}
.banner_text03 { position:absolute; width:480px; height:206px; left:20%; top:60px; margin:0px; opacity: 0; transition: all 1s; color:#fff;}
.banner_text h1{ color:#fff; font-size:30px; margin-bottom:15px; position:relative; }
.banner_text h2{ font-size:18px; font-weight:normal; top:10px;}
.banner_text p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; /*text-transform:uppercase; */line-height:20px; opacity:0.6; letter-spacing:2px;}

.banner_text02 { position:absolute; width:480px; height:206px; left:20%; top:20px; margin:0px; opacity: 0; transition: all 1s; color:#fff;}
.banner_text04 { position:absolute; width:480px; height:206px; left:20%; top:20px; margin:0px; opacity: 0; transition: all 1s; color:#fff;}

.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

/* CSS3过度及动画 */
.active .banner_text01 { top:30%; opacity: 1;  transition-delay: 0.7s;}
.active .banner_text02 { top:30%; opacity: 1;  transition-delay: 0.7s;}
.active .banner_text03 { top:30%; opacity: 1;  transition-delay: 0.7s;}
.active .banner_text04 { top:30%; opacity: 1;  transition-delay: 0.7s;}

.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 strong{ opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}


@media only screen and (max-width:1200px){

#ind_iconnav_box{ position:fixed; left:20px;}	

}

@media only screen and (max-width:960px){
#ind_iconnav_box{ position:fixed; left:0px; bottom:80px; top:auto; margin-top:0px; width:100%; text-align:center; color:#fff; font-size:12px;}
#ind_iconnav_box a{ display:block; width:25%; color:#fff; font-size:12px; text-decoration:none; margin-bottom:20px; float:left;}
#ind_iconnav_box a img{ float:none; display:block; margin:auto; width:50px;transition: all 0.5s; margin:5px  auto 5px auto;}
#ind_iconnav_box a b{ font-weight:normal; font-size:14px; margin-bottom:0px; padding:0px; line-height:16px; opacity:0.6;}
#ind_iconnav_box a b span{ font-size:7px;-webkit-text-size-adjust:none;font-size:10px;-webkit-transform:scale(0.8); display:block; opacity:0.4;text-transform:uppercase; margin:0px; padding:0px;}
#ind_iconnav_box a:hover b{ opacity:1;}
#ind_iconnav_box a:hover b span{ opacity:1;}
#ind_iconnav_box a:hover img{ width:60px;margin:0px  auto 0px auto}

#foot_copyright{ position:fixed; bottom:0px; height:60px; width:100%; z-index:9998; font-size:12px; text-align:center; border-top:1px solid #666;}
.foot_nav { float:none; color:#fff; margin-left:0px; margin-top:15px;}
.foot_nav  a{ color:#fff; text-decoration:none; margin:0 5px 0 5px;}
.foot_nav  a:hover{ color:#c49426; text-decoration:underline;}
.sb_icon{ float:left; width:35px; height:62px; position:absolute; left:50%; margin-left:-20px; display:none;}

.right_copyright{ float:none; margin-right:70px; margin-top:15px; display:none;}
.right_copyright span{ text-align:right; color:#fff; line-height:13px; float:right;}
.right_copyright a{ float:right; margin-left:5px;}

.right_copyright a p{position:absolute; display:none; margin-left:-120px; margin-top:-180px;}
.wx_2wm:hover p{ display:block;}

}

@media only screen and (max-width:640px){
#ind_z_box .logo{position:fixed; top:20px; left:20px;z-index:9998; }
#ind_z_box .logo img{ width:150px;}

.section .bg01 {background:url(../images/ind_bg/x_bg01.jpg) no-repeat center center;background-size:cover; }
.section .bg02 {background:url(../images/ind_bg/x_bg02.jpg) no-repeat center center;background-size:cover; }
.section .bg03 {background:url(../images/ind_bg/x_bg03.jpg) no-repeat center center;background-size:cover; }
.section .bg04 {background:url(../images/ind_bg/x_bg04.jpg) no-repeat center center;background-size:cover; }


.banner_text01 { position:absolute; width:100%; height:auto; top:60px; margin:0px; opacity: 0; transition: all 1s; color:#fff; text-align:center; left:0;}
.banner_text h1{ color:#fff; font-size:2.6em; margin-bottom:15px; position:relative;}
.banner_text h2{ font-size:1.3em; font-weight:normal; top:10px; line-height:1.4em; margin-bottom:5px;}
.banner_text h2 b{ display:block; height:0px; overflow:hidden;}
.banner_text p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; /*text-transform:uppercase; */line-height:18px; opacity:0.8; letter-spacing:1px;}

.banner_text02 { position:absolute; width:100%; height:auto; top:20px; margin:0px; opacity: 0; transition: all 1s; color:#fff; text-align:center; left:0;}
.banner_text03{ width:80%; left:0; text-align:center; right:0; margin:0 auto}
.banner_text04{ width:80%; left:0; text-align:center; right:0; margin:0 auto}

.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

/* CSS3过度及动画 */
.active .banner_text01 { top:25%; opacity: 1;  transition-delay: 0.7s;}
.active .banner_text02 { top:25%; opacity: 1;  transition-delay: 0.7s;}
.active .banner_text03 { top:25%; opacity: 1;  transition-delay: 0.7s;}
.active .banner_text04 { top:25%; opacity: 1;  transition-delay: 0.7s;}
	
}

@media only screen and (max-width:380px){
	
.banner_text h2{    font-size: 1.2em;}	
	}