﻿@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px}
body{font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif ; font-size:13px; text-align:center; color:#333333; background: #f4f4f4; min-width:1160px;overflow-x: hidden;}
img{border:0; vertical-align: bottom ;}
li{list-style:none;}
h6{font-size:12px;}
h5{font-size:14px;}
h3{font-size:18px;}
h1, h2{font-weight:normal;}
li{list-style:none;}
dd{ padding:0;}
a{color:#333333; text-decoration:none;}
a:hover{color:#e20000; text-decoration:none;}
a:focus{outline:none;}
.clear{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.marc{ margin:0 auto;}
.hidd{ overflow:hidden;}

input {vertical-align: middle; transition: all 0.2s;}
input[type="button"], input[type="submit"] {cursor: pointer;}
input[type="button"]:hover, input[type="submit"]:hover {opacity: 0.8;}
/* top */
/* top */

#top_main_hear{ width:100%; background:#3399CC; }

.hear{height:80px; position:relative; width:1160px; margin:0 auto;}
.hear .logo{position:absolute; left:30px; top:10px;}
.hear .logo a{color:transparent;  width:206px; height:60px; display:block}

.menu_nav{position:absolute; left:260px; top:30px;}
.menu_nav li{ float:left; font-size:16px; margin:0px 6px;}
.menu_nav li a{color:#fff; text-decoration:none; }
.menu_nav li a:hover{color:#f00; text-decoration:none;}

.hear .log_main{position:absolute; right:10px; top:18px;}
.hear .log_main a{color:#fff; display: inline-block; height:30px; line-height:30px; text-align:center; width:60px; background:#212121;}
.hear .log_main a:hover{color:#fff; text-decoration:none;background:#2c2c2c;}
.hear .log_main a.on{color:#fff; display: inline-block; height:30px; line-height:30px; text-align:center; width:60px; background:#009cff;}
.hear .log_main .on:hover{color:#fff; text-decoration:none;background:#23a8fd;}
.hear .log_main span{ height: 21px;line-height: 34px;}

.ser_main{position:absolute; right:160px; top:18px;}
.ser_main input.user{font-family:"Microsoft YaHei";width:125px;border-radius:15px;padding:3px 34px 3px 4px;font-size:13px;border:none; background:#212121; height:30px; line-height:21px; color:#cfcfcf;}
.ser_main img{position:absolute; right:6px; top:6px;}
.ser_main input.user:focus{outline:0;border:1px solid #bababa;box-shadow:0 0 8px rgba(103,166,217,1)}


#hear_banan{ width:100%; height:560px; }

.sch_name {
    line-height: 30px;
    font-size: 30px;
    color: #595959;
    background: url(../images/line.png) no-repeat center;
    margin-top: 40px;
    margin-bottom: 10px;
}

.flexslider {position: relative; height: 560px;overflow: hidden; }
.slides { position: relative; z-index: 1;}
.slides li { height: 560px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}


/*wxys_s*/
.wxys,.bmlc{ background:#f4f4f4; padding:30px 0px;}
.rigline{ float:right; border-bottom:1px solid #e3e3e3; height:1px; width:825px; margin-top:18px;_margin-top:2px;}
.wxyslist{ margin-top:40px; margin-right:-100px; height:280px;}
.wxyslist ul li{ float:left; width:218px; height:250px; background:#FFF; padding:0px 24px; text-align:center; position:relative; margin-right:30px;}
.wxys01,.wxys02,.wxys03,.wxys04{ position:absolute; display:block; width:66px; height:76px; left:98px; top:-36px; overflow:hidden;}
.wxys02{_width:65px;}
.wxys01{ background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat left -219px;}
.wxys02{background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat -67px -219px;}
.wxys03{background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat -134px -219px;}
.wxys04{background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat -201px -219px;}
.wxyslist ul li .wxystit{ font-weight:bold; font-size:24px; margin-top:50px;}
.wxyslist ul li .wxysinfo{ line-height:24px; color:#666; margin-top:10px;}
.wxyslist ul li .wxysmor{ display:none; margin-top:20px;}
.wxyslist ul li .wxysmor a{ color:#FFF;}
.wxyslist ul li:hover .wxysmor{ display:block;}

.wxyslist ul .wxyslisthov{ background:#008ab3; color:#FFF; cursor:pointer; height:272px;}
.wxyslist ul .wxyslisthov .wxysinfo{ color:#FFF;}
.wxyslist ul .wxyslisthov .wxysmor{ display:block;}
.wxyslist ul .wxyslisthov .wxys01{background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat left -301px;_border-bottom:1px solid #008ab3;}
.wxyslist ul .wxyslisthov .wxys02{background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat -67px -301px;_border-bottom:1px solid #008ab3;}
.wxyslist ul .wxyslisthov .wxys03{background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat -134px -301px;_border-bottom:1px solid #008ab3;}
.wxyslist ul .wxyslisthov .wxys04{background:url(http://img.233.com/wx/img/union/home/autumn/blue/redbg.png) no-repeat -201px -301px;_border-bottom:1px solid #008ab3;}
/*wxys_e*/


#student_c{ width:1160px; margin:0 auto;}
.index-con{ width:1160px; height:450px; margin:20px auto; position:relative;}
.index-con li{ width:415px; float:left; margin:0 10px 5px 0; position:relative; list-style:none;}
*html .index-con li{margin:0 10px 10px 0;}
*html .index-con .in-zxl{ margin-top:-10px;}
.index-con li a{font-size:30px; color:#fff!important; line-height:63px; zoom:1; position:relative; text-decoration:none;}
.in-kct a{height:300px;  display:block; text-align:center;}
.in-kct a{ background:#f74438;border-radius:5px;}
.in-kct i{ width:150px; height:150px; display:block; background:url(../images/course-icon.png) no-repeat; float:left;;margin: 40px 145px 0px; }
*html .in-kct i{margin:45px 45px 15px 45px; }
.in-quest a{ background:#e4aa39;}
.in-quest i{background:url(../images/quest-icon.png) no-repeat;}
.index-con .in-jbk a{width:310px; height:145px; display:block; background:#4bb075; display:block;line-height:145px;border-radius:5px; }
.in-jbk i{ width:60px; height:50px; display:block; float:left; background:url(../images/plan-icon.png) no-repeat; margin:38px 30px 0 55px; }
*html .in-jbk i{ margin:38px 25px 0 20px;}
.index-con .in-report a{ display:block; background:#4677aa;}
.in-report i{ width:62px; height:55px; background:url(../images/report-icon.png) no-repeat; margin:42px 30px 0 49px;}
.index-con .in-client a{ height:130px; display:block; background:#d23438; line-height:130px;}
.in-client i{width:56px; height:56px; background:url(../images/client-icon.png) no-repeat; margin:38px 30px 0 52px;}
*html .in-client i{ margin:40px 30px 0 22px;}
.index-con .in-zxl a{ height:130px; line-height:130px;display:block; background:#4662aa; margin-top:5px;  overflow:hidden; border-radius:5px; } 
*html .index-con .in-zxl a{ margin-top:10px;}
.in-zxl i{width:64px; height:56px; display:block; float:left;}
.in-forma i{background:url(../images/forma-icon.png) no-repeat; margin:37px 25px 0 95px;}
.index-con .in-means a{ background:#4bb075;}
.in-means i{  background:url(../images/means-icon.png) no-repeat; margin:40px 25px 0 95px;}
.in-forma i,.in-means i{ *margin:40px 35px 0 75px; }
*html .in-forma i,.in-means i{ margin:40px 35px 0 35px;  *margin:40px 35px 0 80px;}
.in-text{ width:210px; position:absolute; left:105px; bottom:50px; text-align:center; font-size:16px; line-height:30px;}
.in-text em{ color:#ffe569; font-size:25px;}
*html .in-kct .in-none{ position:absolute; top:3px; left:64px;}
.in-jbk .in-text,.in-zxl .in-text{ width:145px; line-height:25px; text-align:left; margin-left:55px;position:absolute;left: 65px;bottom:48px;}
.in-client .in-text{position:absolute;left: 65px;bottom:40px;}
.in-jbk .in-none{margin: 38px 30px 0 30px; position:absolute; top:0; left:0;}
.in-report .in-none{margin: 42px 30px 0 30px;}
.in-zxl .in-none{margin:40px 30px 0 42px; *margin:40px 30px 0 42px; position:absolute; top:0; left:0;}
.in-forma .in-none{margin:37px 30px 0 42px; *margin:38px 30px 0 42px;}
.in-zxl .in-text{ margin-left:65px;position:absolute;left: 65px;bottom:42px;}
.in-none .in-text{position:absolute;left: 65px;bottom:40px;}
.in-report .in-none .in-text,.in-plan .in-none .in-text{position:absolute;left: 65px;bottom:50px;}
.nav-box-big span { font-size:33px; color:#de2501}
.nav-box-big span{ max-width:260px;_max-width:230px}
.index-con .in-none,.index-con .in-text{ display:none;}


.index-con .in-jbk{ height:130px; position:absolute; top:0; right:-10px;}
.index-con .in-plan{ width:310px; height:145px; position:absolute; top:0; right:-10px;  z-index:5}
.index-con .in-report{ width:310px; height:145px; position:absolute; top:154px; right:-10px; z-index:5}
.index-con .in-client{ width:310px; height:130px; position:absolute; top:310px; right:-10px; z-index:5}
.index-con .in-jbk i.hide,.index-con .in-zxl i.hide{ visibility:hidden}
.index-con .in-kct .ch{ position:absolute; bottom:40px; left:180px;}
.index-con .in-jbk .ch1{ position:absolute; top:0; left:140px;}
.index-con .in-zxl .ch2{ position:absolute; top:0; left:180px;}

.in-kct .in-block .smaller{animation:scale 1s .1s ease-in-out both normal; -moz-animation:scale 1s .1s ease-in-out both normal; -webkit-animation:scale 1s .1s ease-in-out both normal; -o-animation:scale 1s .1s ease-in-out both normal}
.in-kct .in-block .bigger{animation:scale1 1s .1s ease-in-out both normal; -moz-animation:scale1 1s .1s ease-in-out both normal; -webkit-animation:scale1 1s .1s ease-in-out both normal; -o-animation:scale1 1s .1s ease-in-out both normal;}
.show{animation:show 1s .1s ease-in-out both normal; -moz-animation:show 1s .1s ease-in-out both normal; -webkit-animation:show 1s .1s ease-in-out both normal; -o-animation:show 1s .1s ease-in-out both normal;}
.toLeft1{animation:toLeft1 1s .1s ease-in-out both normal; -moz-animation:toLeft1 1s .1s ease-in-out both normal; -webkit-animation:toLeft1 1s .1s ease-in-out both normal; -o-animation:toLeft1 1s .1s ease-in-out both normal;}
.toRight1{animation:toRight1 1s .1s ease-in-out both normal; -moz-animation:toRight1 1s .1s ease-in-out both normal; -webkit-animation:toRight1 1s .1s ease-in-out both normal; -o-animation:toRight1 1s .1s ease-in-out both normal;}
.toLeft2{animation:toLeft2 1s .1s ease-in-out both normal; -moz-animation:toLeft2 1s .1s ease-in-out both normal; -webkit-animation:toLeft2 1s .1s ease-in-out both normal; -o-animation:toLeft2 1s .1s ease-in-out both normal;}
.toRight2{animation:toRight2 1s .1s ease-in-out both normal; -moz-animation:toRight2 1s .1s ease-in-out both normal; -webkit-animation:toRight2 1s .1s ease-in-out both normal; -o-animation:toRight2 1s .1s ease-in-out both normal;}
.toLeft3{animation:toLeft3 1s .1s ease-in-out both normal; -moz-animation:toLeft3 1s .1s ease-in-out both normal; -webkit-animation:toLeft3 1s .1s ease-in-out both normal; -o-animation:toLeft3 1s .1s ease-in-out both normal;}
.toRight3{animation:toRight3 1s .1s ease-in-out both normal; -moz-animation:toRight3 1s .1s ease-in-out both normal; -webkit-animation:toRight3 1s .1s ease-in-out both normal; -o-animation:toRight3 1s .1s ease-in-out both normal;}
.toLeft4{animation:toLeft4 1s .1s ease-in-out both normal; -moz-animation:toLeft4 1s .1s ease-in-out both normal; -webkit-animation:toLeft4 1s .1s ease-in-out both normal; -o-animation:toLeft4 1s .1s ease-in-out both normal;}
.toRight4{animation:toRight4 1s .1s ease-in-out both normal; -moz-animation:toRight4 1s .1s ease-in-out both normal; -webkit-animation:toRight4 1s .1s ease-in-out both normal; -o-animation:toRight4 1s .1s ease-in-out both normal;}


@-webkit-keyframes scale {
0% { -webkit-transform: scale(1); }
100% { -webkit-transform:scale(0.65); }
}

@-moz-keyframes scale {
0% { -moz-transform: scale(1); }
100% { -moz-transform: scale(0.65); }
}

@-ms-keyframes scale {
0% {  -ms-transform: scale(1); }
100% { -ms-transform: scale(0.65); }
}

@keyframes scale {
0% { transform: scale(1); }
100% { transform:scale(0.65); }
}

@-webkit-keyframes scale1 {
0% { -webkit-transform: scale(0.65); }
100% { -webkit-transform:scale(1); }
}

@-moz-keyframes scale1 {
0% { -moz-transform: scale(0.65); }
100% { -moz-transform: scale(1); }
}

@-ms-keyframes scale1 {
0% {  -ms-transform: scale(0.65); }
100% { -ms-transform: scale(1); }
}

@keyframes scale1 {
0% { transform: scale(0.65); }
100% { transform:scale(1); }
}

@-webkit-keyframes show {
0% { opacity: 0; -webkit-transform: translateY(70%)  }
100% { opacity: 1; -webkit-transform: translateY(0px)  }
}

@-moz-keyframes show {
0% { opacity: 0; -moz-transform:translateY(70%) }
100% { opacity: 1; -moz-transform: translateY(0px) }
}

@-ms-keyframes show {
0% { opacity: 0; -ms-transform: translateY(70%) }
100% { opacity: 1; -ms-transform: translateY(0px)}
}

@keyframes show {
0% { opacity: 0; transform: translateY(70%) }
100% { opacity: 1; transform: translateY(0px)}
}



@-webkit-keyframes toLeft1 {
0% { -webkit-transform: translateX(45%)  }
100% { -webkit-transform: translateX(0px) }
}

@-moz-keyframes toLeft1 {
0% {  -moz-transform:translateX(45%)  }
100% {  -moz-transform: translateX(0px) }
}

@-ms-keyframes toLeft1 {
0% { -ms-transform: translateX(45%)  }
100% {-ms-transform: translateX(0px) }
}

@keyframes toLeft1 {
0% { transform: translateX(45%)}
100% { transform: translateX(0px)}
}

@-webkit-keyframes toRight1 {
0% { -webkit-transform: translateX(0px)  }
100% { -webkit-transform: translateX(45%) }
}

@-moz-keyframes toRight1 {
0% {  -moz-transform:translateX(0px)  }
100% {  -moz-transform: translateX(45%) }
}

@-ms-keyframes toRight1 {
0% { -ms-transform: translateX(0px)  }
100% {-ms-transform: translateX(45%) }
}

@keyframes toRight1 {
0% { transform: translateX(0px)}
100% { transform: translateX(45%)}
}


@-webkit-keyframes toLeft2 {
0% { opacity: 1; -webkit-transform: translateX(30%)  }
100% { opacity: 1; -webkit-transform: translateX(0px) }
}

@-moz-keyframes toLeft2 {
0% { opacity: 1; -moz-transform:translateX(30%)  }
100% { opacity: 1; -moz-transform: translateX(0px) }
}

@-ms-keyframes toLeft2 {
0% { opacity: 1; -ms-transform: translateX(30%)  }
100% { opacity: 1; -ms-transform: translateX(0px) }
}

@keyframes toLeft2 {
0% { opacity: 1; transform: translateX(30%)}
100% { opacity: 1; transform: translateX(0px)}
}

@-webkit-keyframes toRight2 {
0% { -webkit-transform: translateX(0px)  }
100% { -webkit-transform: translateX(30%) }
}

@-moz-keyframes toRight2 {
0% {  -moz-transform:translateX(0px)  }
100% {  -moz-transform: translateX(30%) }
}

@-ms-keyframes toRight2 {
0% { -ms-transform: translateX(0px)  }
100% {-ms-transform: translateX(30%) }
}

@keyframes toRight2 {
0% { transform: translateX(0px)}
100% { transform: translateX(30%)}
}

@-webkit-keyframes toLeft3 {
0% { -webkit-transform: translateX(38%)  }
100% { -webkit-transform: translateX(0px) }
}

@-moz-keyframes toLeft3 {
0% {  -moz-transform:translateX(38%)  }
100% {  -moz-transform: translateX(0px) }
}

@-ms-keyframes toLeft3 {
0% { -ms-transform: translateX(38%)  }
100% {-ms-transform: translateX(0px) }
}

@keyframes toLeft3 {
0% { transform: translateX(38%)}
100% { transform: translateX(0px)}
}

@-webkit-keyframes toRight3 {
0% { -webkit-transform: translateX(0px)  }
100% { -webkit-transform: translateX(38%) }
}

@-moz-keyframes toRight3 {
0% {  -moz-transform:translateX(0px)  }
100% {  -moz-transform: translateX(38%) }
}

@-ms-keyframes toRight3 {
0% { -ms-transform: translateX(0px)  }
100% {-ms-transform: translateX(38%) }
}

@keyframes toRight3 {
0% { transform: translateX(0px)}
100% { transform: translateX(38%)}
}


@-webkit-keyframes toLeft4 {
0% { -webkit-transform: translateX(82%)  }
100% { -webkit-transform: translateX(0px) }
}

@-moz-keyframes toLeft4 {
0% {  -moz-transform:translateX(82%)  }
100% {  -moz-transform: translateX(0px) }
}

@-ms-keyframes toLeft4 {
0% { -ms-transform: translateX(82%)  }
100% {-ms-transform: translateX(0px) }
}

@keyframes toLeft4 {
0% { transform: translateX(82%)}
100% { transform: translateX(0px)}
}


@-webkit-keyframes toRight4 {
0% { -webkit-transform: translateX(0)  }
100% { -webkit-transform: translateX(82%) }
}

@-moz-keyframes toRight4 {
0% {  -moz-transform:translateX(0)  }
100% {  -moz-transform: translateX(82%) }
}

@-ms-keyframes toRight4 {
0% { -ms-transform: translateX(0)  }
100% {-ms-transform: translateX(82%) }
}

@keyframes toRight4 {
0% { transform: translateX(0)}
100% { transform: translateX(82%)}
}


.footerN.noN {
    background: #303437;
    color: #979cad;
    border-top: 2px solid #000;
}
.footerN {
    color: #a5a5a5 !important;
    background-color: #535660;
}
.footerN {
    width: 100%;
    padding: 36px 0 30px 0;
    border-top: 1px solid #eaeaea;
    text-align: center;
    font-family: microsoft yahei;
    line-height: 24px;
    background: #535660;
    color: #666;
}
.footerN.noN .fLink a, .footerN.noN .fText a {
    color: #979cad;
}
.footerN .fPic {
    padding-top: 15px;
}
.footerN .fPic span.borC {
    border: 1px solid #d7d7d7;
    border-color: #ececec #ececec #d7d7d7 #ececec;
}
.footerN .fPic span {
    display: inline-block;
    margin: 0 10px;
}







