@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA;  }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{  text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
a:hover { text-decoration:none; }
 
.fl{ float:left} 
.fr{ float:right}

.RText .RPart {
	opacity: 0;
	filter: alpha(opacity=0)\9;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px)
}
.RText .RPart:nth-child(1) {
	-webkit-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out
}
.RText .RPart:nth-child(2) {
	-webkit-transition: all 0.7s ease-out 0.5s;
	transition: all 0.7s ease-out 0.5s
} 
.RText .RPart:nth-child(3) {
	-webkit-transition: all 0.7s ease-out 1s;
	transition: all 0.7s ease-out 1s
} 
.RText .RPart:nth-child(4) {
	-webkit-transition: all 0.7s ease-out 1.5s;
	transition: all 0.7s ease-out 1.5s
} 
.RText .RPart:nth-child(5) {
	-webkit-transition: all 0.7s ease-out 2s;
	transition: all 0.7s ease-out 2s
} 
.RText .RPart:nth-child(6) {
	-webkit-transition: all 0.7s ease-out 2.5s;
	transition: all 0.7s ease-out 2.5s
} 
.RText .RPart:nth-child(7) {
	-webkit-transition: all 0.7s ease-out 3s;
	transition: all 0.7s ease-out 3s
} 
.RText .RPart:nth-child(8) {
	-webkit-transition: all 0.7s ease-out 3.5s;
	transition: all 0.7s ease-out 3.5s
} 
.RText .RPart:nth-child(9) {
	-webkit-transition: all 0.7s ease-out 4s;
	transition: all 0.7s ease-out 4s
} 
 
.RText.fadeShow .RPart {
	opacity: 1;
	filter: alpha(opacity=100)\9;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px)
}



.banner {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
	background: #000;
}
 
.banner-list>li {
	width: 100%;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	
 
}
.banli{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: 7s linear;
	-moz-transition: 7s linear;
	-ms-transition: 7s linear;
	-o-transition: 7s linear;
	transition: 7s linear;
	opacity: 1;
	}
.banlion {
	-webkit-transform: scale(1) !important;
	-moz-transform: scale(1) !important;
	-ms-transform: scale(1) !important;
	-o-transform: scale(1) !important;
	transform: scale(1) !important;
 	-webkit-transition: !important;
	-moz-transition: 7s linear !important;
	-ms-transition: 7s linear !important;
	-o-transition: 7s linear !important;
	transition: 7s linear !important;
	opacity: 1 !important;
}
 




.layer {
  width: 100%;
  height: 100%;
  position: absolute;
  transform-style: preserve-3d;
  opacity: 1;
  animation: ಠ_ಠ 5s infinite alternate ease-in-out -7.5s, o_O 0.1s 1;
  animation-fill-mode: forwards;
  transform: rotateY(5deg) rotateX(5deg) translateZ(0);
   position:absolute; z-index:9999 ;top:350px; left:0;
}

@media screen and (max-width: 1440px) {  
.layer {
  top:250px; 
}
}
 

.layer:after {
 
  height: 100%;
  width: 100%;
  position: absolute;
  top: 50px;
  color: whitesmoke;
  letter-spacing: -2px;
  text-shadow: 4px 0 10px rgba(0, 0, 0, 0.13);
}

 
 

@keyframes ಠ_ಠ {
  100% {
    transform: rotateY(0deg) rotateX(0deg);
  }
}
@keyframes o_O {
  100% {
    opacity: 1;
  }
}

.logo{ position:absolute; left:60px; top:40px; z-index:999}

.clouds_one {
  background: url(../images/yunduo.png) repeat-x;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 300%;
  z-index:99999;
  -webkit-animation: cloud_one 170s linear infinite;
  -moz-animation: cloud_one 170s linear infinite;
  -o-animation: cloud_one 170s linear infinite;
  animation: cloud_one 170s linear infinite;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@-webkit-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@-moz-keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}
@keyframes cloud_one {
  0% {
	left: 0
  }
  100% {
	left: -200%
  }
}

 
.section { text-align: center; font: 50px "Microsoft Yahei"; color: #fff;}
.section .container{ }
 
 
.section-03 .bg1{ background: #fff; background-size:100%; width:50%; height:100%; position:absolute; left:-100%; bottom:0; z-index:9  }
.section-03 .bg1 .fr{ margin-right:5%; text-align:center; width:100%; height:400px; margin-top:15%}
.section-03 .bg1 h1{ font-size:24px; color:#000; margin:3% 0 0.5%  }
.section-03 .bg1 p{ font-size:14px; margin:0% 0 3%; color:#000;}
.section-03 .bg1 a{ width:195px; height:35px; line-height:35px; border:1px solid #939393; text-align:center; display:block; font-size:18px; color:#000; font-family:Arial;  margin-top:20%; overflow:hidden; margin:0 auto; }
.section-03 .bg1 a:hover{ background:#cc0000; color:#fff;-webkit-transition: all 0.7s ease-out 0s;	transition: all 0.7s ease-out 0s}
.section-03 .bg1 img{ margin-bottom:6%;}
  
 
.section-03 .bg2{ background: url(../images/ind2bg2.jpg) no-repeat;  width:50%; height:100%; position:absolute; right:-100%; bottom:0; }
.section-03 { } 


.section-05 {  } 
.section-06 { } 
.section-07 { background: url(../images/ind7.jpg) no-repeat; background-size:100%;} 

.section-02 .s3_1{ width:40%; float:left;}
.section-02 .s3_2{ width:20%; float:left;}
.section-02 .s3_3{ width:20%; float:left;}
.section-02 .s3_4{ width:20%; float:left;}
.section-02 .s3_7{ width:40%; float:left;}

.jx .hd{ position:relative; width:46%; height:100%;  float:left; background:url(../images/ind4_6.jpg) no-repeat; background-size:100%; text-align:left;}
.jx .hd .fl{ margin-top:20%; margin-left:5%;}
.jx .hd h1{ font-size:22px; color:#fff; margin-top:3%; margin-bottom:2%;}
.jx .hd p{ font-size:12px; color:#d9d0cb; width:360px; line-height:20px;margin-bottom:10%;}
.jx .hd ul{color:#fff; margin-bottom:10%; overflow:hidden;}
.jx .hd ul li{cursor:pointer; width:20%;  height:125px ; display:block;   position:relative; float:left; margin-right:5px; overflow:hidden; }
.jx .hd ul li img{ width:100%;}
.jx .hd ul li.on{ }
.jx .hd a img{}
.jx .bd{ float:left; width:54%;}
.jx .bd ul{ float:right;}
.jx .bd ul img{ width:100%}

.section-06 ul{ overflow:hidden;  margin-top:8% }
.section-06 ul li{ width:23%; margin:0 0.5%; float:left; position:relative;border:4px solid #f4f5f6; }
.section-06 ul li.bgc{ background:url(../images/ind5_1.jpg) center 11% no-repeat;background-size:100% }
.section-06 ul li.bgu{ background:url(../images/ind5_2.jpg) center 11% no-repeat;background-size:100%}
.section-06 ul li span{ width:33px; height:20px; display:block; position:absolute; font-size:12px; background:#999; color:#fff; left:6%; top:4%;}
.section-06 ul li img{ margin:20% 0 17%; width:70%}
.section-06 ul li h1{ font-size:18px; font-weight:normal; color:#000; height:24px; line-height:24px; overflow:hidden}
.section-06 ul li em{ width:55px; height:3px; margin:3% auto; background:#000; display:block;}
.section-06 ul li p{ width:260px; font-size:12px; margin:0 auto 10%; color:#b2b2b2; line-height:24px;}
.section-06 ul li a{ font-size:12px; width:70px; height:30px; line-height:30px; text-align:center; display:block; border:1px solid #e3e3e3; margin:0 auto 10%; color:#999}

.section-06 ul li:hover{ border:4px solid #f4a6a6; background:url(../images/indnewsbg.jpg)}
.section-06 ul li:hover a{ background:#f4a6a6; color:#fff;}



.section-04{}
.section-04 .bg2{ background: #fff; background-size:100%; width:50%; height:100%; position: absolute; right:-100%; bottom:0; z-index:9  }
.section-04 .bg2 .fl{ margin-left:5%; text-align:center; width:100%; height:400px; margin-top:15%}
.section-04 .bg2 h1{ font-size:24px; color:#000; margin:3% 0 0.5%  }
.section-04 .bg2 p{ font-size:14px; margin:0% 0 3%; color:#000;}
.section-04 .bg2 a{ width:195px; height:35px; line-height:35px; border:1px solid #939393; text-align:center; display:block; font-size:18px; color:#000; font-family:Arial;  margin-top:20%; overflow:hidden; margin:0 auto; }
.section-04 .bg2 a:hover{ background:#cc0000; color:#fff;-webkit-transition: all 0.7s ease-out 0s;	transition: all 0.7s ease-out 0s}
.section-04 .bg2 img{ margin-bottom:6%;}
  
 
.section-04 .bg1{ background: url(../images/ind3bg2.jpg) no-repeat;  width:50%; height:100%; position:absolute; left:-100%; bottom:0; }



.bottom{ height:60px; line-height:60px; background:#000; position:fixed; bottom:0; left:0; z-index:999; width:100%;}
.bottom .w1200{ width:1200px; margin:0 auto; font-size:14px; }
.bottom a{ color:#999; display:block; float:left; margin-right:30px; padding-right:30px; background:url(../images/main111.jpg) center right no-repeat}
.bottom a.clear{ background:none;}
.bottom a:hover{ color:#ff6b01}
.bottom span{ float:right;color:#999; }




.bubbleInfo { position: relative;  }
.popup {position: absolute;
        	display: none;
        	z-index: 9999999;
        	border-collapse: collapse;
			background:#fff;
			width:431px; height:255px;
			left:50%;
			margin-left:-215px;
			background:url(../images/indjo.png);					
			top:60px;	
}

.popup form{ width:300px; margin:0 auto; padding-top:50px;}
.popup form p{ font-size:14px; clear:both; margin-bottom:10px; overflow:hidden}
.popup form p span{ float:left;height:40px; line-height:40px; font-size:16px; color:#333;}
.popup form p .inp{ width:220px; height:40px; line-height:40px; border:1px solid #dadada;  float:left;  color:#333 !important; padding-left:5px;}
 
.popup .subjoin{ width:190px; height:45px; line-height:45px; display:block; text-align:center; background:#ab1d11; color:#fff; border:0; border-radius:10px; font-size:16px; margin-left:50px; margin-top:20px; cursor:pointer;	}

.inda0{ margin-top:3%}
.indamain{ width:12%; margin:4% auto 20px; }
.indamain img{ width:100%;}
.inda1{  height:40px; display:block;}
.inda2{  height:40px;display:block;}
.inda3{  height:40px; display:block;}
.inda4{  height:40px; display:block; }
.inda5{  height:40px; display:block;margin:20px 0 ;}
.inda6{  height:40px; display:block; margin:0 0 20px;}