/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px;}

.top{ width:1100px; margin:0 auto; overflow:hidden;}
.top a.logo{ float:left; width:98px; height:39px; padding-top:40px; }
.top p{ float:left; height:125px; line-height:124px; overflow:hidden; margin-left:250px;}
.top p a{ float:left; width:127px; color:#000000;  line-height:124px; text-align:center; font-size:24px; }
.top span{ float:right; height:118px; line-height:118px; color:#000000; font-family:Gill Sans MT; font-size:22px;}

.anchor{ width:1100px; margin:0 auto; overflow:hidden;}
.anchor a{ float:left; width:156px; height:80px; line-height:80px; text-align:center; color:#FFF; font-size:24px; background:url(../images/an_bg.jpg) right center no-repeat; -webkit-transition:all 0.4s ease;}
.anchor a.last{ background:none;}
.anchor a:hover{ background:#FFF; color:#272778; border-radius:12px;}

.what{ width:1100px; margin:0 auto; overflow:hidden;}
.anal{ float:left; width:307px; overflow:hidden; padding:100px 0 0 28px;}
.anal h6{ height:60px; line-height:60px; color:#FFF; font-weight:bold; text-align:left; font-size:26px;}
.anal dl{ width:100%; overflow:hidden;}
.anal dl dt{ float:left; width:210px; line-height:40px; color:#FFF; font-size:20px;}
.anal dl dd{ float:right; width:96px; text-align:left; line-height:40px; font-size:20px; text-decoration:underline; color:#FFF;}

.intro{ float:left; width:450px; padding:72px 0 0 58px; overflow:hidden;}
.intro h5{ height:67px; line-height:67px; color:#FFF; font-weight:bold; font-style:italic; font-size:32px; text-indent:164px;}
.intro dl{ width:100%; overflow:hidden;}
.intro dl dt{ height:71px; line-height:80px; font-size:26px; font-weight:bold; color:#d3b388;}
.intro dl dd{ line-height:36px; color:#FFF; font-size:22px;}

.zx_bt{ width:100%; text-align:center; padding-bottom:66px;}
.zx_bt a{ -webkit-transition:all 0.4s ease-in-out; display:inline-block; width:236px; height:56px; border-bottom:5px solid #bf8c3d; text-align:center; border-radius:30px; line-height:60px; margin-right:124px; font-size:24px; background:#f8b64e; color:#FFF;}
.zx_bt a.phone{ margin-right:0px; background:#272778; border-bottom:5px solid #101035;}
.zx_bt a:hover{ -webkit-transform:translateY(10px);}

.main_tit{ width:100%; overflow:hidden; padding-top:54px; text-align:center;}
.main_tit h2{ height:80px; line-height:80px; text-align:center; color:#272778; font-size:38px;  border:1px solid #272778; margin:0 auto; display:inline-block;}
.main_tit h2 b{ font-weight:bold;}
.main_tit h2 i{ display:inline-block; width:68px; height:80px; background:url(../images/tit_bg.png) center center no-repeat; vertical-align:middle;}

.country{ width:1100px; overflow:hidden; margin:0 auto; position:relative; height:364px;}
.country dl{ position:absolute; width:86px; height:30px;}
.country dl dd{ display:none; position:absolute; left:0px; top:0px; width:176px; height:53px; padding:4px 0 0 12px; color:#272778; font-size:18px; text-align:left; background:#f8b64e; border-radius:8px;}
.country dl.se dd{ display:block;

  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;




}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


.tsdx{ width:1100px; margin:0 auto 40px; overflow:hidden; padding-top:70px;}
.tsdx dl{-webkit-transition:all 0.4s ease; background:url(../images/dl-bg.png) center center no-repeat; float:left; width:274px; height:520px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; position:relative;}
.tsdx dl dd{ width:100%; overflow:hidden;}
.tsdx dl dd h6{ -webkit-transition:all 0.4s ease; height:83px; text-indent:32px; color:#272778; font-size:34px; line-height:36px; }
.tsdx dl dd ul{ width:100%; overflow:hidden;}
.tsdx dl dd ul li{ width:100%; padding-left:50px; line-height:40px; color:#4c4948; font-size:20px; background:url(../images/li_bg.png) 26px center no-repeat;}
.tsdx dl dt{ position:absolute; left:0px; bottom:0px;}
.tsdx dl.se{ background:url(../images/dl_bg.png) no-repeat;}
.tsdx dl.se dd h6{ line-height:80px; font-weight:bold;}

.time{ width:1100px; margin:0 auto; overflow:hidden; background:url(../images/tfbk_24.jpg) center top no-repeat; height:619px; padding-bottom:98px;}

.time_tit{ float:left; width:346px; padding:248px 0 0 30px; overflow:hidden;}
.time_tit h3{ text-align:left; line-height:48px; font-weight:bold; font-style:italic; color:#f8b64e; font-size:38px;}

.time_ct{ float:left; width:724px; overflow:hidden; padding-top:24px;}
.time_ct dl{ float:left; width:340px; overflow:hidden; background:#1a1a52; margin-right:20px;}
.time_ct dl dt{ text-align:center; font-weight:bold; height:90px; line-height:90px; font-size:28px; color:#b699dd;}
.time_ct dl dd{ width:100%; overflow:hidden;}
.time_ct dl dd ul{ width:285px; margin:0 auto; overflow:hidden;}
.time_ct dl dd ul li{ width:100%; height:36px; background:#9780c1; overflow:hidden; margin-bottom:30px;  font-size:24px; line-height:36px; color:#FFF;}
.time_ct dl dd ul li span{ display:inline-block; width:112px; text-indent:16px;  font-size:24px;}

.bt2{ float:left; width:100%; padding-top:20px;}
.option{ width:1100px; margin:0 auto; overflow:hidden; padding-bottom:20px;}
#process{ width:100%; overflow:hidden; height:173px;}
#process span{ position:relative; cursor:pointer; z-index:10; float:left; width:194px; height:127px; overflow:hidden; margin-right:32px; padding-top:46px; color:#FFF; font-weight:bold; text-align:center; line-height:32px; font-size:28px;}
#process span b{ position:absolute; top:0px; left:0px; z-index:-1; display:none;}
#process span i{ display:none; position:absolute; width:23px; height:16px; overflow:hidden; left:84px; bottom:0px;}
#process span.se i{ display:block;}
#process span.se b{ display:block;}
#process_content{ width:100%; overflow:hidden;}
#process_content div{ height:105px; padding:28px 0 0 24px; width:1050px; margin:0 auto; margin-bottom:30px; overflow:hidden; background:#f8b64e; display:none; box-shadow:#604b35 0 6px 20px;}
#process_content div p{ color:#4c4948; font-size:16px; line-height:24px;}


.data{ width:1068px; padding-top:295px; overflow:hidden; padding-left:32px; margin:0 auto; }
.data dl{ float:left; width:248px; overflow:hidden; margin-right:16px;} 
.data dl dt{ width:170px; height:81px; padding:18px 0 0 78px; overflow:hidden; line-height:32px; color:#4c4948; font-size:24px;}
.data dl dd a{ -webkit-transition:all 0.4s ease; display:block; width:161px; height:46px; margin:0 auto; text-align:center; color:#FFF; line-height:46px; font-weight:bold; font-size:22px;}
.data dl dd a:hover{ color:#272778;}

.main_tit2 h2{ color:#FFF; border:1px solid #FFF;}
.main_tit2 h2 i{ background:url(../images/tit_bg2.png) center center  no-repeat;}

.course{ width:1100px; margin:0 auto; overflow:hidden; }
.course table{ width:100%; text-align:center;}
.course table tr td{ padding:24px 0; line-height:30px;  font-size:18px; color:#FFF; border-right:1px solid #606588; border-bottom:1px solid #606588;}
.course table tr td:nth-last-child(1){ border-right:0px;}
.course table tr:nth-last-child(1) td{ border-bottom:0px;}
.course table tr td i{ font-size:26px; color:#f8b64e; font-weight:bold;}
.course table tr td a.yellow{ display:block; width:127px; height:43px; line-height:42px; text-align:center; color:#FFF; font-size:26px; border-radius:22px; margin:0 auto; box-shadow:#FFF 0 0 20px; background:#f8b64e;}
.course table tr td a.white{display:block; width:127px; height:43px; line-height:42px; text-align:center; color:#272778; font-size:26px; background:#FFF; margin:0 auto; border-radius:22px;}

.footer{ width:100%; text-align:center; color:#FFF; font-size:16px; line-height:30px; padding:80px 0; background:#000000;}