@charset "gb2312";
/* CSS Document */
body {font-family:"΢ÈíÑźÚ", Arial, Tahoma,"΢ÈíÑźÚ";margin:0;padding:0;font-size:12px;color:#000; background:#fff; } 
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;} 
ul,li{list-style-type:none;} 
img{border:0;} 
input,select,textarea{vertical-align:middle;} 
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;} 
header, section, footer, aside, nav, main, article, figure { display: block; } 
/* Link */ 
a{color:#333333;text-decoration:none;} 
a:hover {text-decoration:none;-webkit-transition: .8s} 
/* Other */ 
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;} 
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */ 
.f_left{float:left;} 
.f_right{float:right;} 
.img{vertical-align:middle;}
em,i{ font-style:normal;}

.banner{ width:100%; height:424px; background:url(../images/banner01.jpg) center no-repeat; min-width:1200px;}
.v-center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative; min-width:1200px;}
.v-title{ font-size:56px; color:#fff; font-weight:bold; padding-top:146px;}
.v-title i{ color:#4a8eff;}
.v-title span{ font-size:18px; color:#ccc; display:block; margin-top:10px;}

.v-change{ width:100%; background:url(../images/bage01.jpg) center no-repeat; height:669px; min-width:1200px;}
.v-ch01{ position:absolute; top:46px; left:16px; z-index:2;}
.v-ch02{ position:absolute; top:59px; right:112px; z-index:2;}
.v-ch03{ position:absolute; top:304px; left:474px; z-index:2;}
.v-chul{ width:322px; height:auto; float:right; margin-right:112px; margin-top:474px; display:table; position:relative; z-index:2;}
.v-chul li{ float:left; width:148px; height:41px; font-size:18px; color:#fff; background:rgba(29,29,31,0.34); line-height:41px; margin-right:8px; margin-bottom:8px; cursor:pointer;  -webkit-transition:.8s; cursor:pointer; border:2px rgba(29,29,31,0.01) solid;}
.v-chul li.hover{ color:#4a8eff; border:2px #4a8eff solid; background:#fff; width: 148px; height: 41px; -webkit-transition:.8s;}
.v-chimg{ position:absolute; top:82px; left:68px; z-index:1;}
.v-chimg02{position:absolute; top:86px; right:153px; z-index:1;}
#con_best_2 img{ position:absolute; left:535px; top:388px; z-index:3;}
#con_best_3 img{position:absolute; left:457px; top:368px; z-index:3;}
.v-chimg03{ position:absolute; left:600px; top:100px; z-index:3;}
.v-chimg04{ position:absolute; right:30px; top:394px; z-index:3;}
@keyframes bouncein {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bouncein{-webkit-animation: bouncein 3s infinite;
    -o-animation: bouncein 3s infinite;
     animation: bouncein 3s infinite;
	 -ms-animation: bouncein 3s infinite;}
	 
	 
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


.fadeIn {
  -webkit-animation: fadeIn 2s infinite;
    -o-animation: fadeIn 2s infinite;
     animation: fadeIn 2s infinite;
	 -ms-animation: fadeIn 2s infinite;
}

.v-jih{ width:100%; height:506px; margin:0 auto; background:#ecf4fa; min-width:1200px;}
.v-jih-left{ float:left; padding-top:132px; text-align:left; width:440px;}
.v-jih-left span{ font-size:32px; color:#000; display:block;}
.v-jih-left i{ display:block; width:54px; height:5px; background:#4a8eff; margin-top:26px;}
.v-jih-left p{ font-size:16px; color:#666; line-height:30px; margin-top:38px;}
.v-jih-img{ float:right; margin-top:118px;}

.v-shi{ width:100%; background:url(../images/bage02.jpg) center no-repeat; height:313px; min-width:1200px;}
.v-shi-sp{ font-size:32px; color:#fff; display:block; padding-top:72px; padding-bottom:18px;}
.v-shi-sp02{ display:block; width:54px; height:4px; background:#fff; margin:0 auto;}
.v-shi-sp03{ font-size:16px; color:#ccc; margin-top:24px; margin-bottom:18px;}

.v-tai{ width:100%; background:url(../images/bage03.jpg) center no-repeat; height:970px; min-width:1200px;}
.v-note{ display:block; font-size:32px; color:#fff; padding-top:64px; margin-bottom:76px;}
.v-tai-vid{ display:inline-block; width:578px; height:335px; overflow:hidden; cursor:pointer;}
.v-tai-art{ background:url(../images/bage04.png) center no-repeat; width:556px; height:241px; display:inline-block; position: relative; top: -114px;}
.v-tai-art p{ text-align:left; font-size:22px; color:#333; width:410px; margin:0 auto; padding-top:76px;}
.v-tai-art em{ display:block; width:26px; height:3px; background:#6362f9; margin-top:20px; margin-bottom:24px;}
.v-tai-art span{ font-size:16px; color:#666; display:block;}
.v-tai-huan{ background:url(../images/bage05.png) center no-repeat; width:565px; height:255px;}
.v-tai-huan p{ text-align:right;}
.v-tai-huan em{ margin-left:384px;}
.v-shang{ margin-top:-40px;}

.v-zi{ width:100%; background:url(../images/bage06_02.jpg) center no-repeat; height:755px; min-width:1200px;}
.v-zi .v-note,.v-sate .v-note,.v-note02{ color:#333;}
.v-zi-img01{ float:left; width:388px; height:464px; overflow:hidden; position:relative;}
.v-zi-p{ width:100%; height:100%; background:rgba(57,52,250,0.66); position:absolute; top:0; z-index:2; left:0; display:none;}
.v-zi-p p{font-size:16px; color:#fff; line-height:464px;}
.v-zi-img02{ width:803px; height:190px; margin-left:8px; margin-bottom:8px;}
.v-zi-img02 .v-zi-p p{ line-height:190px;}
.v-zi-down{ width:811px; height:auto; float:left;}
.v-zi-img03{ width:345px; height:266px; margin-left:8px;}
.v-zi-img03 .v-zi-p p,.v-zi-img04 .v-zi-p p{ line-height:266px;}
.v-zi-img04{ width:450px; height:266px; margin-left:8px;}

.v-sate{ width:100%; background:url(../images/bage07.jpg) center no-repeat; height:1225px; min-width:1200px;}
.v-tote{ font-size:22px; color:#5079d8; text-align:left; margin-bottom:40px;}
.v-tote img{ margin-right:12px; position:relative; top:6px;}
.v-sate-a{ float:left; width:355px; height:131px; background:#fff; -webkit-transition:.8s; text-align: left; margin-bottom:46px;}
.v-sate-a:hover{ box-shadow:0 0 13px rgba(14,5,10,0.13);}
.v-sate-a span{ font-size:16px; color:#333; display:block; padding-top:28px; margin-left:22px; -webkit-transition:.8s;}
.v-sate-a:hover span{ color:#5079d8; -webkit-transition:.8s;}
.v-sate-a p{ font-size:14px; color:#666; line-height:24px; width:310px; margin:0 auto; margin-top:14px;}
.v-sate-link{ margin:0 67px;}

.v-last{ width:1200px; height:auto; margin:0 auto; display:table; padding-bottom:80px;}
.v-last li{ width:360px; height:auto; background:#f5f5f5; float:left; text-align:left;}
.v-last li span{ font-size:18px; color:#333; display:block; margin-top:20px; margin-bottom:12px; margin-left:18px;}
.v-last li p{ font-size:14px; color:#666; line-height:20px; width:324px; margin:0 auto; height:65px; padding-bottom:14px;}
.v-last-mar{ margin:0 60px;}