* {margin: 0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
ul,li,ol{list-style: none;}
body{font-family: "微软雅黑","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei";padding: 0;margin: 0;border: 0;-webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; transition: opacity 400ms;}
a:link{text-decoration: none;}
@font-face {font-family:index;src:url("../fonts/FontType.ttf")}
.effect_container {position: fixed; height: 100%; width: 100%; top:0; left:0}
.controls {display: none}
::-webkit-scrollbar {width: 10px;height: 10px;background-color: #fafafa}  
::-webkit-scrollbar-track {box-shadow: 1px 1px 1px #ccc inset}  
::-webkit-scrollbar-thumb {min-height: 10px;background-clip: content-box;box-shadow: 0 0 0 1px #c3c3c3 inset}
.b0-bj{background: url(../img/b0.jpg) center center no-repeat;}
.b1-bj{background: url(../img/b1.jpg) center center no-repeat;}
.b2-bj{background: url(../img/b2.jpg) center center no-repeat;}
.b3-bj{background: url(../img/b3.jpg) center center no-repeat;}
.b4-bj{background: url(../img/b4.jpg) center center no-repeat;}
.b5-bj{background: url(../img/b5.jpg) center center no-repeat;}
.b6-bj{background: url(../img/b6.jpg) center center no-repeat;}
.nav-bg{border-bottom: 1px solid #314e8a}
.navbar-inverse .navbar-nav > li{margin-right: 15px}
.navbar-inverse .navbar-nav > li > a{color: #FFFFFF;text-align: center}
.navbar-inverse .navbar-nav > li > a:hover{color: #feff90}
.navbar-inverse .navbar-brand{ color: #fff;font-family: "index";font-size: 18px;}
.navbar-wrapper {position: absolute; top: 0; right: 0; left: 0; z-index: 20}
.navbar-wrapper > .container { padding-right: 0; padding-left: 0}
.navbar-wrapper .navbar {padding-right: 15px;padding-left: 15px}
.navbar-wrapper .navbar .container {width: auto;}
.carousel { height: 400px; margin-bottom: 50px}
.carousel-caption {z-index: 10}
.carousel .item {height: 400px; background-color: white}
.carousel-inner > .item > img { position: absolute; top: 0; left: 0;right: 0; min-width: 100%; height: 400px}
.course{position: relative;top: 40px;left: 0;bottom: 0px;text-align: center;border: 0}
.course-list{display: block;position: relative;	top: 40px;height: auto;margin: 0 auto}
.course-h1{color: #494949;	font-size: 36px;margin:25px 0;font-family: "index"}
.course-p{color: #606060;font-size: 16px;line-height: 26px}
.projects .thumbnail {display:block;margin-left:auto;margin-right:auto;text-align:center;max-width:310px;margin-bottom:30px}
.projects .thumbnail .caption {	height:200px;overflow-y:hidden;color:#555}
.projects .thumbnail .caption a:hover,.projects .thumbnail .caption a:focus {text-decoration:none}
.navbar-logo{position: relative;top:-30px;margin: 0 auto;width: 90px;height: 90px;border: 4px solid #6991d2;border-radius: 10px;background-color: #2c4669;overflow: hidden;}
.navbar-logo img{position: absolute;display: block;margin: 0 auto;}
.navbar-s{position: relative;width: 100%;top: 120px;height: 40px;margin-bottom: 60px;background-color: rgba(28,54,95,.9)}
.navbar-s .navbar-l{float: left;text-align: right}
.navbar-s .navbar-r{float: right;text-align: left}
.navbar-s .navbar-all{width: 42%;line-height: 40px;color: white;letter-spacing: 2pt}

.match{position: relative;top: 100px;height: auto;text-align: center;margin-bottom: 100px}
.match-h2{ margin-bottom: 40px}
.match-img{position:relative; height:600px;width: 1000px; margin:0 auto; background:url(../img/bj.png) center center no-repeat}
.match .match-img img{position: absolute;}
.match-img-01{top: 10px;left: 410px}
.match-img-02{top: 160px;right: 210px}
.match-img-03{bottom: 40px;right: 280px}
.match-img-04{bottom: 40px;left: 280px}
.match-img-05{top: 160px;left: 210px}
.match .match-img p{position: absolute;font-size: 18px;font-weight:700;color: #737373}
.match .match-img p span{color: #f96446}
.match-p-01{top: 65px;right: 250px}
.match-p-02{top: 260px;right: 55px}
.match-p-03{bottom: 30px;right: 130px}
.match-p-04{bottom: 30px;left: 130px}
.match-p-05{top: 260px;left: 55px}

.three{position: relative;top: 40px;padding: 0;text-align: center}
.course-h1-color{color: #f96446;background-color: rgba(255,255,255,.3);	height:50px;line-height: 50px}
.course-color{color: #ffad22;font-size: 34px}
.process{position: relative;top: 0px;width: 980px;height: 520px;margin: 0 auto;background:url(../img/line.png) center top no-repeat}
.process .one{position: absolute;top: 300px;left: 20px;	text-align: left}
.process .one .one-p{position: relative;top: -180px;left: 170px}
.process .one .one-h3{position: absolute;top: 170px;left: 70px}
.process .two{position: absolute;top: 240px;left: 275px;width: 110px}
.process .two .two-p{position: relative;top: -230px;left: 145px}
.process .two .two-h3{position: absolute;top: 230px;left: 60px}
.process .three{position: absolute;top: 170px;right: 325px}
.process .three .three-p{position: relative;top: -265px;left: 115px}
.process .three .three-h3{position: absolute;top: 295px;left: 50px}
.process .four{position: absolute;top: 132px;right: 105px}
.process .four .four-p{position: relative;top: -310px;left: 156px;width: 87px}
.process .four .four-h3{position: absolute;	top: 332px;	left: 70px}
.process .all-h3{font-size: 18px;text-align: center}
.process .all-p{font-size: 12px;color: #6b6b6b;	text-align: left;font-weight: 400;line-height: 18px}
.process .process-b{color: #f7aa29;font-weight: 600;font-size: 14px}
.tooltip {font-size: 13px;z-index: 1}
.tooltip.in {opacity: 1;filter: alpha(opacity=100);zoom: 1}
.tooltip.top {padding-bottom: 7px}
.tooltip.top .tooltip-arrow {border-top-color: #34495e;border-width: 11px 11px 0;bottom: 0;margin-left: -9px}
.tooltip-inner { background-color: #34495e; line-height: 18px; padding: 4px 4px; text-align: center; width: 210px; border-radius: 26px; border: 2px #ccc solid}
.one .tooltip{position: absolute;top: -118px; left: -18px}
.two .tooltip{position: absolute;top: -118px;left: -12px}
.four > .tooltip{position: absolute;top: -122px;left: 18px}
.three > .tooltip{position: absolute;top: -110px;left: -25px}
.process .tooltip em{color: #fbfe0a;font-style: normal}
.authen{position: relative;	top: 110px;	margin-bottom: 50px}
.authen .kc-font-size{font-size: 20px;margin-bottom: 20px}
.authen-box{position: relative;top: 30px}
.authen-list{max-width: 200px;height: 190px;font-size: 16px;border-width: 8px;border-style: solid; border-radius: 8px;margin: 0 auto 50px auto}
.authen-list img{border-style:solid;border-width:4px;margin:20px 0 15px 0;border-radius: 2px}
.authen-box .ps-border{border-color:#448dd8;color:#448dd8}
.authen-box .dw-border{border-color:#43bd4f;color:#43bd4f}
.authen-box .fl-border{border-color:#ed4242;color:#ed4242}
.authen-box .fw-border{border-color:#e1b530;color:#dcae23}
.authen-list .ps-imgborder{border-color:#7ab7f4}
.authen-list .dw-imgborder{border-color:#53fd00}
.authen-list .fl-imgborder{border-color:#fe2f31}
.authen-list .fw-imgborder{border-color:#e3e506}
.kc-img{margin:20px auto 0 auto}
.kc-div-bg{height: 530px;margin-top: 50px;	background: url(../img/kc02.png) center center no-repeat}
.zp{max-width:860px;margin: 0 auto}
.h3-color{margin-bottom: 15px;color: #ec4c24;border-left: 2px solid #f93;border-right: 2px solid #f93}
.margin-auto{margin:0 auto 20px auto;}
.margin-auto img{max-width: 430px;border:4px solid #5d5d5d}
.te{max-width: 1000px;margin: 0 auto}
.te-center{margin:0 auto 50px auto}
.te-center img{border:2px solid #677696;border-radius: 4px; max-width: 160px;margin-bottom: 5px;}
.view-tenth{overflow:hidden}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}
.graduate{max-width:1000px;margin:0 auto}
.graduate-row{margin:0 auto 20px auto;max-width: 493px;height:209px;background-color: rgba(255,255,255,.4);border-bottom:2px solid #2a59a2;padding: 4px;border-radius: 6px}
.graduate-row img{float:left;border-radius: 2px;width: 169px;height: 201px;}
.graduate-row p{float: left;color: #333;text-align: left;padding:20px;line-height: 22px}
/*footer*/
.site-footer{background-color:#1d3e81;color:white;position:relative;top:130px;height:130px;border-top:6px solid #1e3769;text-align:center;padding-top: 20px}
.sns-info>a{display:inline-block;width:30px;height:30px;background-image:url(../img/sns-icon.png);border-radius:30px;margin-right:15px;background-size:121px 60px;cursor:pointer}
.sns-info>a.qq-info{position:relative;background-position:-30px -30px}
.sns-info>a.qq-info:before{position:absolute;left:0;top:-20px;width:38px;height:38px;content:""}
.sns-info>a.qq-info:hover{background-position:-30px 0;transition-property:background-position;transition-duration:.5s}
.sns-info>a.qq-info:hover .pop{display:block;}
.sns-info>a.qq-info .pop .te-wrapper{width:130px;height:130px;margin:0 auto;background-image:url(../img/weixin-te.jpg);background-size:130px 130px}
.sns-info>a.qq-info .pop{display:none;position:absolute;top:-150px;left:-58px;width:140px;height:140px;background-color:#fff;padding:5px;border:1px solid #d5d8dd;box-shadow:0 1px 6px rgba(0,0,0,.15);border-radius: 8px;}
.sns-info>a.qq-info .pop:after{position:absolute;left:64px;bottom:-14px;border:7px solid transparent;border-top:7px solid #fff;content:""}
.sns-info>a.qq-info .pop label{color:gray;margin-bottom:10px}
.sns-info>a.qq-info .pop p{color:#a6a6a6;margin-top:5px;margin-bottom:10px}
.sns-info>a.weixin-info{position:relative;background-position:-60px -30px}
.sns-info>a.weixin-info:before{position:absolute;left:0;top:-20px;width:40px;height:40px;content:""}
.sns-info>a.weixin-info:hover{background-position:-61px 0;transition-property:background-position;transition-duration:.5s}
.sns-info>a.weixin-info:hover .pop{display:block;opacity: 1;}
.sns-info>a.weixin-info .pop{display:none;position:absolute;top:-150px;left:-58px;width:140px;height:140px;padding:5px;border:1px solid #d5d8dd;background-color:#fff;box-shadow:0 1px 6px rgba(0,0,0,.15);border-radius: 8px;opacity: 0}
.sns-info>a.weixin-info .pop:after{position:absolute;left:64px;bottom:-14px;border:7px solid transparent;border-top:7px solid #fff;content:""}
.sns-info>a.weixin-info .pop .qr-wrapper{width:135px;height:130px;margin:0 auto;background-image:url(../img/weixin-qr.jpg);background-size:130px 130px}
.sns-info>a.sina-info{background-position:0 -30px}
.sns-info>a.sina-info:hover{background-position:0 0;transition-property:background-position;transition-duration:.5s}
.sns-info>a.tencent-info{background-position:-91px -30px;}
.sns-info>a.tencent-info:hover{background-position:-91px 0;transition-property:background-position;transition-duration:.5s}
/*nav*/
#nav{position:fixed; top:50%; right:50%; width:30px; margin:-125px -48% 0 0}
*html #nav{position:absolute;top:expression(documentElement.scrollTop + 0 + "px");} 
#nav li{margin-bottom:5px}
#nav a{display: block; height:20px;width: 20px;font-size: 5pt;line-height:20px;text-align:center;margin-bottom:5px;background:#ccc;border-radius: 20px}
#nav a:hover{background-color:#4283dc;color:white;transition-property:background,color;transition-duration:.5s}
#nav .current a{background:#4283dc;color:#ededed}
@media (max-width: 767px) {
	.navbar-wrapper {margin-top: 20px}
	.navbar-wrapper .container {padding-right: 15px; padding-left: 15px}
	.navbar-wrapper .navbar {padding-right: 0;padding-left: 0}
	.navbar-wrapper .navbar {border-radius: 4px}
	.navbar-logo{position: relative;top:-20px;margin: 0 auto;width:75px;height:75px;border: 4px solid #6c6c6c;border-radius: 10px;background-color: #2c4669}
	.navbar-logo img{position: absolute;display: block;margin: 0 auto;width: 68px;height: 68px}
	.navbar-s{position: relative;width: 100%;top: 120px;height: 40px;margin-bottom: 60px;background-color: rgba(28,54,95,.9)}
	.navbar-s .navbar-l{float: left;text-align: right}
	.navbar-s .navbar-r{float: right;text-align: left}
	.navbar-s .navbar-all{width: 40%;line-height: 40px;color: white;}
	.te-center img{border:4px solid #677696;min-width: 210px;margin-bottom: 5px};
  .graduate-row{max-height:169px;}
  .graduate-row img{width: 139px;height: 171px;}
  .graduate-row p{padding:14px;line-height: 22px}
  .margin-auto{margin:0 auto 20px auto;}
  .margin-auto img{max-width: 360px;border:4px solid #5d5d5d}
}
 
@media (max-width:480px) {
	.zp{ max-width:800px;margin: 0 auto}
	.h3-color{margin-bottom: 15px;color: #ec4c24;border-left: 2px solid #f93;border-right: 2px solid #f93}
	.margin-auto{margin:0 auto 20px auto;}
	.margin-auto img{max-width: 400px;border:4px solid #343554}
	.course-h1 {font-size: 22px}
	.course-p{font-size: 14px}
	.course-color{font-size: 24px}
	.course-h1-2{color: #feff90}
	.navbar-s{position: relative;top: 100px;height: 50px;margin-bottom: 40px;background-color: #1e3860;font-size: 14px}
	.navbar-s .navbar-l{float: right;text-align: left}
	.navbar-s .navbar-r{display: none}
	.navbar-s .navbar-all{width: 70%;line-height: 50px;	color: white;letter-spacing: 1pt}
	.navbar-logo{position: relative;left: -35%;top:-10px;margin: 0 auto;width: 70px;height: 70px;overflow: hidden;}
	.navbar-logo img{position: absolute;display: block;	margin: 0 auto;width: 30px; height: 30px}
	.site-footer{font-size: 12px;padding-top: 25px;}
	.kc-div-bg{background-size: 740px 380px;height: 430px;margin-top: 30px}
  .te-center img{border:4px solid #677696;min-width: 165px;margin-bottom: 5px;}
  .graduate-row{height:128px}
  .graduate-row img{width: 92px;height: 108px;}
  .graduate-row p{padding:6px;line-height: 16px;font-size:12px}
  .margin-auto{margin:0 auto 20px auto;}
  .margin-auto img{max-width: 400px;border:4px solid #5d5d5d}
}
.img-auto{margin:0 auto; width:100%}
.img-auto img{width: 80%}
.img-pig1{background-color:#ca192b}
.img-pig2{background-color:#f2f2f2}
.img-pig3{background-color:#ffb701}
.img-pig4{background-color:#f2f2f2}
.img-pig-img{ margin:0 auto}
.height-bg{ background-color:#ffb701; height:1px}
.pig-navbar{margin-top: 60px}
.pig-top{ background-color: rgba(0,0,0,.8);border-bottom-color: #1c1c1c} 
.footer-bottom2{background-color: #191919; padding-top: 20px; padding-bottom: 20px;}
.footer-bottom2 li{color: #555555}
.footer-bottom2 li a:hover{text-decoration: none;}

#loginalert { width:324px; background:#fff; position:fixed; top:-600px; left:50%; margin-left:-120px; z-index:9999; display:none}
.loginmask { width:100%; height:100%; z-index:9998; background:#000; position:fixed; top:0; left:0; display:none}