@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td{ font-family: "微软雅黑";margin: 0px; padding: 0px; font-style: normal;}
body{background:#eff4f5; color: #111; font-style: normal;}
ul, ol, menu { list-style: none; }
.hdbg{
width:100%; height: 700px;
  background: -webkit-linear-gradient(left top, #3b065e , #0a0645); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #3b065e, #0a0645); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #3b065e, #0a0645); /* Firefox 3.6 - 15 */
  background: -ms-linear-gradient(bottom right, #0a0645, #3b065e);   
  background: linear-gradient(bottom right, #0a0645 , #3b065e); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #3b065e, endColorstr = #0a0645);
	}
.round01{
  width: 400px; height: 400px;
  background: -webkit-linear-gradient(left top, #bf00e1 , #0a024b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #bf00e1, #0a024b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #bf00e1, #0a024b); /* Firefox 3.6 - 15 */
  background: -ms-linear-gradient(bottom right, #bf00e1, #0a024b);   
  background: linear-gradient(to bottom right, #bf00e1 , #0a024b); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #bf00e1, endColorstr = #0a024b);
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  position: absolute;
  z-index: 2;
  right: 6%;
  top:-250px;
  filter:alpha(Opacity=45);-moz-opacity:0.45;opacity: 0.45;
}
.round02{
  width: 100px; height: 100px;
  background: -webkit-linear-gradient(left top, #f5d000 , #53480a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #f5d000, #53480a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #f5d000, #53480a); /* Firefox 3.6 - 15 */
  background: -ms-linear-gradient(bottom right, #f5d000, #53480a);   
  background: linear-gradient(to bottom right, #f5d000 , #53480a); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #f5d000, endColorstr = #53480a);
  -moz-border-radius: 50px;
  -webkit-border-radius:50px;
  border-radius: 50px;
  position: absolute;
  z-index: 2;
  right: 10%;
  top:300px;
  filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15;
  -webkit-animation: float ease-in-out 2s infinite;
  animation: float ease-in-out 2s infinite;
}
.round03{
  width: 30px; height: 30px;
  background: -webkit-linear-gradient(left top, #bf00e1 , #0a024b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #bf00e1, #0a024b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #bf00e1, #0a024b); /* Firefox 3.6 - 15 */
  background: -ms-linear-gradient(bottom right, #bf00e1, #0a024b);   
  background: linear-gradient(to bottom right, #bf00e1 , #0a024b); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #bf00e1, endColorstr = #0a024b);
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  position: absolute;
  z-index: 2;
  right: 30%;
  top:200px;
  filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15;
  -webkit-animation: float ease-in-out 3s infinite;
  animation: float ease-in-out 3s infinite;
}
.round04{
  width: 80px; height: 80px;
  background: -webkit-linear-gradient(left top, #bf00e1 , #0a024b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #bf00e1, #0a024b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #bf00e1, #0a024b); /* Firefox 3.6 - 15 */
  background: -ms-linear-gradient(bottom right, #bf00e1, #0a024b);   
  background: linear-gradient(to bottom right, #bf00e1 , #0a024b); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #bf00e1, endColorstr = #0a024b);
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  position: absolute;
  z-index: 2;
  left: 50%;
  top:450px;
  filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15;
  -webkit-animation: float ease-in-out 3s infinite;
  animation: float ease-in-out 3s infinite;
}
.round05{
  width: 60px; height: 60px;
  background: -webkit-linear-gradient(left top, #bf00e1 , #0a024b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #bf00e1, #0a024b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #bf00e1, #0a024b); /* Firefox 3.6 - 15 */
  background: -ms-linear-gradient(bottom right, #bf00e1, #0a024b);   
  background: linear-gradient(to bottom right, #bf00e1 , #0a024b); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #bf00e1, endColorstr = #0a024b);
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  position: absolute;
  z-index: 2;
  left: 20%;
  top:250px;
  filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15;
  -webkit-animation: float ease-in-out 4s infinite;
  animation: float ease-in-out 4s infinite;
}
.round06{
  width: 100px; height: 100px;
  background: -webkit-linear-gradient(left top, #f5d000 , #53480a); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #f5d000, #53480a); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #f5d000, #53480a); /* Firefox 3.6 - 15 */
  background: -ms-linear-gradient(bottom right, #f5d000, #53480a);   
  background: linear-gradient(to bottom right, #f5d000 , #53480a); /* 标准的语法 */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #f5d000, endColorstr = #53480a);
  -moz-border-radius: 50px;
  -webkit-border-radius:50px;
  border-radius: 50px;
  position: absolute;
  z-index: 2;
  left:-50px;
  top:100px;
  filter:alpha(Opacity=15);-moz-opacity:0.15;opacity: 0.15;
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes float {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    50% {
      -webkit-transform: translateY(20px);
      transform: translateY(20px);
    }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
}

	
.hdcontent{ position: absolute; z-index: 3; width: 1200px; left: 50%; margin-left: -600px;overflow: hidden;}
.top{ width: 100%; overflow: hidden;}
.logo{ float:left; padding: 20px 0px; cursor: pointer;}
.logo span{ width: 50px; height: 40px; display: block; float: left;}	
.logo span img{padding:7px 0px;}
.logo em{ font-size:14px; color: #fff; font-style: normal; line-height: 40px; display: block; float: left;}
.nva{ float: right; overflow: hidden; padding: 20px 0px; cursor: pointer;}
.nva dl{ width:100%; overflow: hidden;}
.nva dl dt{ line-height: 40px; display: block; float: left;}
.nva dl dt a{ color:#fff; padding-right: 40px;text-decoration:none;font-size: 14px;}
.nva dl dt a:hover{ color:#fad000;}
.nva dl dd{ display:block; float: left;}
	
	
	
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.btn {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
	border: none;
	font-size: 14px;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 8px 20px;
	margin-top: 2px;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-1 {
	border: 2px solid #fad000;
	color: #fad000;
}

/* Button 1b */
.btn-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #fad000;
}

.btn-1b:hover,
.btn-1b:active {
	color: #111;
}

.btn-1b:hover:after,
.btn-1b:active:after {
	height: 100%;
}
.propaganda{ width: 100%; overflow: hidden; padding-top:120px;}
.propaganda span{ display: block; width: 100%; text-align: center;}

.ipa{ width: 100%; overflow: hidden; position: absolute; z-index: 9; margin-top: -120px;}
.ipa_box{ width: 1200px; overflow: hidden; margin: 0px auto; padding-bottom: 30px;}
.ipa_content{ width: 380px; height: 600px; overflow: hidden; float: left;}
.ipa_hd{ width: 380px; height: 120px; overflow: hidden;}
.ipa_hd dl{width: 380px; height: 120px; overflow: hidden;}
.ipa_hd dl dt{width: 380px; height: 120px; overflow: hidden; position: absolute; z-index: 11;} 
.ipa_hd_icon{ width:100px; height: 100px; padding: 10px 0px; overflow: hidden; float: left;}
.ipa_hd dl dd{width: 380px; height: 120px; overflow: hidden; background: #fff; position: absolute; z-index: 10;-moz-border-radius: 4px 4px 0px 0px;-webkit-border-radius: 4px 4px 0px 0px;border-radius:4px 4px 0px 0px;filter:alpha(Opacity=4);-moz-opacity:0.04;opacity: 0.04;}
.ipa_hd_text{ width: 270px; padding: 18px 0px 0px 0px; overflow: hidden;}
.ipa_hd_text span{ display: block; font-size: 18px; color: #fff; line-height: 40px;}
.ipa_hd_text p{ margin: 0px; padding: 0px;  font-size: 12px; color: #888; line-height: 20px;}
.acts,.icts,.pcts{width:380px;height: 480px; background: #fff;}
.ipa_nva{ margin-left: 3px; width:380px; height: 51px; overflow: hidden;}
.ipa_nva span{ display:block; width:125px; height: 50px; text-align: center; float: left; border-bottom:solid 1px #ececec;border-right:solid 1px #ececec; line-height: 50px; font-size: 14px; color: #666; cursor: pointer;}
.ipa_nva span:hover{color: #fad000;}
.ipa_chart{ width: 380px; height: 429px; overflow: hidden;}
.ipa_chart_text{ width:340px; margin: 0px auto; height: 110px; padding-top: 10px;}
.ipa_chart_text span{ display:block; line-height: 50px; font-size: 16px; text-align: center;}
.ipa_chart_text p{display:block; height: 48px; line-height: 24px; overflow: hidden; text-align: center; font-size: 12px; color: #888;}
.ipa_chart_js{ width: 340px; margin: 0px auto; height: 260px; padding-top: 10px;}
.ipa_chart_notes{width: 340px; margin: 0px auto;overflow: hidden;}
.ipa_chart_notes ul{float:right; padding-top:10px;}
.ipa_chart_notes ul li{float:left; padding-left: 20px;}
.ipa_chart_notes ul li span{ display: block;float: left; width: 16px; height: 16px;}
.ipa_chart_notes ul li p{display: block; float: left; font-size: 12px; color: #666; line-height: 16px;}
.function{ width: 100%; padding: 80px 0px; overflow: hidden; margin-top: 510px; background: #fff;}
.function_box{ width:1200px; margin: 0px auto; overflow: hidden;}
.function_box_text{ overflow: hidden; text-align: center;}
.function_box_text span{ font-size:24px; line-height: 50px;}
.function_box_text p{ font-size:14px; line-height: 30px; color: #888;}
.function_box_icon ul li{ width: 260px; padding: 20px; float: left; overflow: hidden;}
.function_box_icon ul li span{ text-align: center; display: block; padding: 20px 0px 0px 0px;}
.function_box_icon ul li i{ font-size:18px; line-height: 40px; font-style: normal; text-align: center; display: block;}
.function_box_icon ul li p{ width: 200px; margin: 0px auto; line-height: 20px; font-size:12px; color: #888; font-style: normal; text-align: center; display: block;}
.case{ width: 100%; overflow: hidden; padding: 80px 0px 30px 0px;}
.case_content{ width:1200px; margin: 0px auto;clear: both; padding: 80px;}
.case_content ul{overflow:hidden;}
.case_content ul li{ float:left; overflow: hidden;}
.case_imgbg span{ display:block; width: 80px; height: 80px; margin: 60px auto 0px auto; border: 1px solid #fff;-moz-border-radius: 40px;-webkit-border-radius:40px;border-radius:40px;}
.case_img{ width: 380px; height: 200px; overflow: hidden;}
.case_imgbg{ cursor: pointer;width: 380px; height: 200px; background:#000;filter:alpha(Opacity=80);-moz-opacity:0.80;opacity: 0.80; position: absolute; z-index: 2;}
.case_imgbg:hover{background:#fad000;filter:alpha(Opacity=80);-moz-opacity:0.80;opacity: 0.80; position: absolute; z-index: 2;}
.case_text{ width: 380px; height: 250px; overflow: hidden; background: #fff;}
.case_text span{ display: block; font-size: 16px; line-height: 60px; width: 340px; padding: 0px 20px;}
.case_text p{ display: block; font-size: 12px; color: #888; line-height: 28px; width: 340px; height: 190px; overflow: hidden; padding: 0px 20px;}
.foot{ width: 100%; overflow: hidden; background: #e7e7e7; padding: 50px 0px;}
.foot_content{ width: 1200px; margin: 0px auto; overflow: hidden; }
.foot_content p{ font-size: 14px; text-align: center; line-height: 30px; color: #666;}