@charset "utf-8";
/* huxiuzhi 2015.11.20 */
* { margin: 0; padding: 0; }
html,body,div,button,input,select,textarea,li,ul,p {
  border:0; padding:0; margin:0;
}
h1,h2,h3,h4,h5,h6 {font-size: 100%; padding:0; margin:0}
ul,ol,li,i,em,var {list-style: none; font-style:normal; padding:0; margin:0;}
input,button,a {outline:none; text-decoration: none;}
body {
  margin: 0 auto; padding:0;  
  position: relative; font-size: 1.8px;  
  font-family: "微软雅黑", sans-self;
}
.fl {float:left; display: inline;}
.fr {float:right; display: inline;}
.cls:after{ content:""; display:block; height:0;  clear:both;  visibility:hidden; }
/* index page */
.section {
  overflow: hidden;
  position: relative;
}

.section1 {background: #D6303A;}
.section2 {background: #272B36;}
.section3 {background: #FFAF32;}
.section4 {background: #eee;}
.section5 {background: #68C3C4;}
.section6 {background: #272B36;}
.section7 {background: #FFAF32;}
.section8 {background: #D6303A;}
.section9 {background: #eee;}
.section10 {background: #68C3C4;}

/* div[class^="bg"]{ 
  margin:0 auto; 
  width: 1100px;
  position: absolute;
} 
*/

.Wbg {width: 1100px; margin:0 auto; position: relative; }
.bg { position:absolute; bottom:0; left:0;
  left:50%; margin-left: -550px;
  width: 1100px;
}

.section1 .bg {top:0; right:0; text-align: right;} 


.logo { position: absolute; top:0; 
  left:50%; margin-left: -550px;
  width: 1100px; height: 60px;
  background:url(../images/1-logo.png) no-repeat 0 center;
  text-indent: -9999px;
}

.bg11 {
  background: url(../images/1-pic1.png) no-repeat;
  width:891px; height: 183px; margin-bottom: 90px;
}

.bg12 {
  background: url(../images/1-pic2.png) no-repeat;
  width: 531px; height: 188px;
}

.bg13 {
  background:url(../images/1-pic3.png) no-repeat right top;
  width: 501px; height: 325px;
  position: absolute;
  bottom:0;
  left:50%; margin-left: -550px;width: 1100px;
}


.bg21 {
  background:url(../images/2-pic1.png) no-repeat;
  width: 434px; height: 176px;
}

.bg21,.bg31,.bg51,.bg61,.bg71,.bg81 {float:left; display: inline; margin-top:-50px;} 
.fla {float:right;display: inline;}

/* .fla {position: absolute; bottom:15%; right:20px;}
 */
.bg31 {
  background:url(../images/3-pic1.png) no-repeat;
  width: 405px; height: 131px;
}

.bg41 {
  background: url(../images/4-pic1.png) no-repeat center center;
  width: 100%; height: 34px; margin-bottom: 50px;
}

.flashDiv dl{
  float:left; width: 275px; text-align: center;
}
.flashDiv dt {
  color:#666; font-size: 22px; line-height: 200%; letter-spacing: 1px; margin-bottom: 20px;
}
.flashDiv dt i {color:#eb6100; font-weight: bold; font-size: 30px; vertical-align: top;}
.flashDiv dd {text-align: center;}
.bg51 {
  background:url(../images/5-pic1.png) no-repeat;
  width: 648px; height: 220px;
}
.bg61 {
  background:url(../images/6-pic1.png) no-repeat;
  width: 493px; height: 231px;
}
.bg71 {
  background:url(../images/7-pic1.png) no-repeat;
  width: 515px; height: 377px;
}
.bg81 {
  background:url(../images/8-pic1.png) no-repeat;
  width: 502px; height: 151px;
}


.bg91 {
  background:url(../images/9-pic1.png) no-repeat  top center;
  width: 454px; height: 130px;
}
.bg92 {
  background:url(../images/9-pic2.png) no-repeat top center;
  width: 454px; height: 87px;
}
.section9 .flash_a,
.section9 .flash_b { margin-top:80px;}


.copyright {
  background:url(../images/10-copyright.png) no-repeat 0 center;
  width: 100%; height: 17px; margin-top:  40px;
}

.bg10_1 {background:url(../images/10-pic1.png) no-repeat;
  width: 560px; height: 31px; margin-bottom: 40px;

}

.tabshow {position: relative;}
.tab_span {
  float:left; width: 190px; text-align: center; display:inline;
  background: #c5f5f5; border-radius: 10px; padding:30px;
}
.udbtn {
  background:url(../images/10-arrow.png) no-repeat;
  display:inline-block; width: 28px; height: 20px; text-indent: -9999px;
}
.uPrev {background-position: 0 0;}
.dNext {background-position: 0 -60px;}
.uPrev:hover {background-position: -62px 0;}
.dNext:hover {background-position: -62px -60px;}
.tabTagBox { height: 250px;overflow: hidden; }
.tabTagBox li {line-height: 50px; color:#000; font-size: 18px; cursor: pointer;}
.tabTagBox .current {background:url(../images/10-current.png) no-repeat center; color:#fff;}

.tab_line {position: absolute; z-index: 9; left:220px; top:0;}
.tab_line li {background:url(../images/10-line.png) no-repeat;
  width: 111px; height: 46px; margin-top:35px; text-indent: -9999px;
}
.tab_center {margin-left:296px; background:#c5f5f5; border-radius: 20px; 
  padding:0 60px; height: 350px;   position: relative; z-index: 2;
}
.tab_center .u_name {  
  font-size: 24px; color:#666; height: 60px; line-height: 60px; font-weight: normal;
}
.tab_center .tips {position: absolute; top:0; right:0; background:url(../images/10-ico.png) no-repeat right top;
  width: 97px; height: 75px; line-height: 60px; text-align:right; padding-right:15px; 
  color:#fff; font-size: 20px;
}
.tab_cot {display: none;}

.tab_ul li {line-height: 30px;  font-size: 16px; width: 100%;  text-align: right;
  background: url(../images/10-li.png) no-repeat left center; padding-left:15px; 
}
.tab_ul span {float:left; display:inline;}
.tab_ul var { color:#68c3c6;}

#fp-nav ul li .fp-tooltip {font-family: "微软雅黑"; font-size: 13px;}

/*
div[class$="1"] {
 position: absolute; left: 50%; top: 15%; z-index: 10; width: 512px; height: 45px; margin-left: -256px; margin-top: 60px; text-indent: -9999px; background-repeat: no-repeat;  
  opacity: 0; 
  -webkit-transform:scale(0.5, 0.5); 
  transform:scale(0.5, 0.5);
   transition: all 1s;
}

 CSS3过度及动画 
.active div[class$="1"] { opacity: 1; 
  -webkit-transform:scale(1, 1); 
  transform:scale(1, 1); 
  transition-delay: 0.7s;
}
.active .p1 { opacity: 1; transition-delay: 1.7s;}


*/