body{margin: 0;padding: 0; font: 14px "microsoft yahei",Arial,Helvetica,sans-serif; color: #333333;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dd{margin: 0;padding: 0;}
.lf{float: left;}
.rt{float: right;}
.clear{clear: both;}
a{text-decoration: none;color: #333; font-size: 14px;}
a:hover{color:#EC5952;}
li{list-style: none;}
img{ border: 0;}

body{background: #F1F1F3;position: relative;}
.header,.topMessage,.bottom_border.header_banner,.column_header,.mainBody,.footer{
    width: 100%;min-width: 1200px;
}

.header{
    position:absolute;
    width: 100%;top:0;left:0;
    z-index: 101;
}

.logo_nav{ width: 1200px; margin:0 auto; }
.logo_nav .logo_bar{width:100%;height:100px;background: #2D2D2D;}
.logo_nav .logo_bar img{margin:15px 0 0 15px;}
.logo_nav .logo_bar .search{ margin-right:20px; width: 250px;}
.logo_nav .logo_bar .search>div{text-align: right;margin-top:15px;}
.logo_nav .logo_bar .search>div a{color:#fff; position: relative;}
.logo_nav .logo_bar .search>div a:hover{color:#EC5952;text-decoration: underline;}
.logo_nav .logo_bar .search>div a:before {
    content: '';
    display: inline-block;
    width: 15px;height: 12px;
    background: url("../image/home3.png") no-repeat;
    position: absolute;
    top:4px;left:-22px;
}
.logo_nav .logo_bar .search form{
    width: 250px;height:35px;
    position: relative;
    margin-top:10px;
}
.logo_nav .logo_bar .search input[type='text']{
    width:240px;
    height:30px;
    line-height:30px;
    padding-left: 10px;
    border:1px solid #ddd;
    font-size: 14px;
}
.logo_nav .logo_bar .search input[type='image']{
    width:19px;height: 20px;
    position:absolute;
    right:8px;top:8px;
}
:-moz-placeholder { 
    color: #8E8E8E;
}
::-moz-placeholder { 
    color: #8E8E8E;
}
input:-ms-input-placeholder{
    color: #8E8E8E;
}
input::-webkit-input-placeholder{
    color: #8E8E8E;
}


.nav{
    width: 1200px;height:55px;
    background: #EC5952;
}
.nav>ul>li{
    float: left;
    display: block;
    width: 150px;
    height:55px;
    text-align: center;
    box-sizing: border-box;
}
.nav>ul>li>a{
    font-size: 18px;color: #fff;
    height: 55px;line-height: 55px;
    display:block;text-align: center;
}
.nav>ul>li ul{
	background: rgba(255,255,255,.8);
    display: none;
}
.nav>ul>li ul li{
    border-top:1px solid #fff;
    box-sizing:border-box;
    height: 45px;line-height: 45px;
}
.nav>ul>li ul li a{font-size: 16px;color: #000;}
.nav>ul>li:hover{background: rgba(255,255,255,.9);}
.nav>ul>li:hover>a{color: #333;}
.nav>ul>li:hover ul{ display: block;}
.nav>ul>li ul li:hover{background: #EC5952;}
.nav>ul>li ul li:hover a{ color:#fff;}


.header_banner{ height: 850px;  position:relative; width:100%;min-width:1200px;}
.main_visual{ height:850px; overflow:hidden; position:relative; z-index:0;}
.main_image{ width: 1920px; height:850px; position:absolute; left:50%; margin-left:-960px;  }
.main_image li img{width:100%;height:850px; min-width:1200px;}
.flicking_con{
    position: absolute;width: 85px;top:62.5%;left:48%;
    z-index:99;
}
.flicking_con a{
    display: inline-block;width: 15px;height: 15px;
    background: #646464;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-right:10px;
}
.flicking_con a.on{ background: #EC5952; }
#btn_prev,#btn_next{
    z-index:99;position:absolute;
    display:block;
    width:42px!important;height:85px!important;top:35%;
    
}
#btn_prev{
    background: url("../image/B_left.png") no-repeat left top;
    left:19%;
}
#btn_next{
    background: url("../image/B_right.png") no-repeat right top;
    right:19%;
}


.column_banner{height: 395px;}
.column_banner .main_visual{ height:395px; }
.column_banner .main_image{ height:395px; }
.column_banner .main_image li img{height:395px;}
.column_banner .flicking_con{top:90%; }
.column_banner .flicking_con a{ background: #646464; }
.column_banner .flicking_con a.on{ background: #EC5952; }
.column_banner #btn_prev,.column_banner #btn_next{ top:55%; }



.mainBody{ position: relative; }
.mainContent{
    width: 1200px;background: #fff;
    margin: -285px auto 0;
}
.mainContent:after{
    content: '';
    display: table;
    clear: both;
}
.mainContent>div{
    float: left;
    display: block;
    height: 1060px;
}
.mainContent div.right{ display:block; width: 400px; height: 1060px;}
.mainContent div.middle{
    display:block; width: 400px; height: 1060px;
    border-right: 1px solid #eee;box-sizing: border-box;
}
.mainContent div.left{ width: 400px; height: 1060px;}






div.left .media{
    width: 360px; height: 555px;
    padding: 20px;
    background: #EC5952;
}
.media .columnName:before{
    background: url("../image/media.png") no-repeat;
}
.media .columnName span{color: #A04645;}
.media .columnName{color: #fff;}
.media ul li{
    height: 80px;
    border-top: 1px solid #fff;
    color: #fff;
}
.media ul li a{color: #fff;}
.media ul li a:hover{text-decoration: underline;}
.media ul li.first_media{
    height: 325px;border-top: none;
    margin-top: 15px;
}
.media ul li.first_media .media_pic{
    display: block;width: 360px;height: 230px;
    position: relative;
}
.media .first_media .media_pic img{width: 360px;height: 230px;}
.media .first_media .media_pic span{
    display: block;margin: 0;font-size: 14px;
    width: 100px;height: 35px;line-height: 35px;
    background: #2d2d2d;color: #fff;text-align: center;
    position: absolute;top:0;left:0;
}
.media .first_media .first_mediaInfo{
    display: block;
    
    line-height: 22px;
    overflow: hidden;
    color: #fff;font-size:16px;margin: 20px 0 10px;
}
.media .first_media p{
    font-size: 12px;height: 36px;line-height: 18px;
    overflow: hidden;text-align: justify;
}
.media .first_media span{
    display: block;
    font-size: 12px;text-align: right;
}

.media ul li span{ display: block;  margin: 15px 0 10px; }
.media ul li a{
    display: block;
    height: 20px;line-height: 20px;overflow: hidden;
}




div.left .practice_teaching{
    width: 400px;height: 205px;
    overflow: hidden;
}
div.left .practice_teaching img{
    width: 400px;height: 205px;
}
div.effect-apollo {
    position: relative;
    margin: 0;
}
div.effect-apollo p::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: scale3d(3.5,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
    transform: scale3d(3.5,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
div.effect-apollo:hover p::before {
    -webkit-transform: scale3d(3.5,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    transform: scale3d(3.5,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}








div.left .links{
    width: 360px;height:240px;
    padding: 10px 20px;
    background: #2D2D2D;
}
.links .columnName:before{
    background: url("../image/links.png") no-repeat;
}
.links .columnName{color: #fff;}
.links ul{margin-top: 20px;}
.links ul li{
    float: left;display: block;
    width:45%;height: 37px;padding-left: 10px;
}
.links ul li a{
    display: inline-block;
    color: #fff;line-height: 37px;
    position: relative;padding-left: 22px;
}
.links ul li a:before{
    content: '';
    display: inline-block;
    width: 13px;height: 9px;
    background: url("../image/g_arrow.png") no-repeat;
    position: absolute;
    top:15px;left:0;
}
.links ul li a:hover{color: #EC5952;}











div.middle .news{
    width: 360px; height:555px;
    padding: 20px;
    background: #EAE8E9;
}
.news .columnName:before{
    background: url("../image/news.png") no-repeat;
}

.news_slider{
    width: 360px;height: 360px;
    border-bottom: 1px dotted #A7A5A6;
}
.slider{
    width: 360px;
    height: 230px;
    margin-top:15px;
    position: relative;
}
.slider img{
    width: 360px;height: 230px;
}
.slider div.slider_content a{
    display: block;
    width: 100%;
    height: 40px;line-height: 40px;
    overflow: hidden;
    font-size: 16px;
}
.slider div.slider_content p{
    height: 44px;line-height: 22px;overflow: hidden;
    color: #666;margin-bottom: 10px;
	 font-size:13px;
}
.slider div.slider_content span{ color: #999;}
.slider .fcon{display: none;}
.slide_circle{
    z-index: 10;
    position: absolute;
    right: 0;
    bottom: -56%;
    width: 66px;
}
.slide_circle li{
    float: left;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 15px 5px;
    background: #666060;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.slide_circle li.current{
    background: #FD0100;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


.news .newsList{margin-top: 15px;}
.news .newsList li{height: 30px;line-height: 30px;}
.news .newsList li a{
    display: inline-block;width: 65%;height: 30px;line-height: 30px;
    overflow: hidden;position: relative;padding-left: 18px;
}
.news .newsList li a:before{
    content: '';
    display: inline-block;
    width: 8px;height: 8px;
    background: #EC5952;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top:11px;left:0;
}
.news .newsList li:hover span{color: #EC5952;}
.news .newsList li:hover a{color: #EC5952;}


div.middle .innovation{
    width: 360px; height:240px;
    padding: 15px 20px;
}
.innovation .columnName:before{
    background: url("../image/innovation.png") no-repeat;
}
.innovation ul{margin-top: 10px; overflow: hidden; }
.innovation ul li{
    float: left;display: block;
    width: 175px;height: 85px;line-height: 85px;
}
.innovation ul li:first-child{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.innovation ul li.course{
    border-bottom: 1px solid #ddd;
}
.innovation ul li.train_2{
    border-right: 1px solid #ddd;
}
.innovation ul li a{
    display: block;height: 50px;line-height: 50px;
    margin-top: 20px;  font-size: 16px;
}
.innovation ul li a img{
    width: 60px;height: 50px;
    display: inline-block;
    margin: 0 5px 0 15px;
    transition: transform 1s;
}
.innovation ul li a span{
    display: inline-block;
    height: 50px;line-height: 50px;
    padding-right: 20px;
}
.innovation ul li:hover a img{
    transform: scale(1.2,1.2);
}
.innovation ul li:hover a{
    color: #EC5952;
}

.innovationtree{
	display: block;
	text-align: center;
	margin-top: 10px;
    border: 1px solid #ddd;
    clear: both;
}


div.right .notice{
    width: 360px;height: 552px;
    padding: 20px 20px;
}
.columnName{
    display: block;height: 50px;line-height: 50px;
    font-size: 20px;position: relative;padding-left: 40px;
}
.columnName span{color: #ACACAC;}
.columnName:before{
    content: '';
    display: inline-block;
    width: 40px;height: 40px;
    position: absolute;
    top:5px;left:0;
}

.notice .columnName:before{
    background: url("../image/notice.png") no-repeat;
}
.notice ul li{
    height: 75px;padding: 15px 0 10px;
    border-bottom: 1px solid #dedede;
}
.notice ul li:last-child{border-bottom: none;}
.notice ul li a{
    display: block;width: 75%;height: 50px;line-height: 25px;
    font-size: 16px;margin-top: 12px;overflow: hidden;
}
.notice ul li p{
    width: 75px;height: 75px;
    background: #eee;text-align: center;
}
.notice ul li p .day{
    display: block;font-size: 32px;
    height: 50px;line-height: 50px;
}
.notice ul li p span{color: #6F6F6F;}
.notice ul li:hover p{background: #EC5952;}
.notice ul li:hover a{color: #EC5952;}
.notice ul li:hover p span{color: #fff;}


div.right .exchange{
    width: 360px;height: 432px;
    padding:15px 20px;border-top: 3px solid #eee;
}
.mainContent .policy,.mainContent .business{
    width: 359px;height: 432px;
    padding:14px 20px;
}
.mainContent .policy{
	border-right: 1px solid #eee;
}
.exchange .columnName:before{
    background: url("../image/exchange.png") no-repeat;
}
.mainContent .policy .columnName{
	padding-left: 30px;
}
.mainContent .policy .columnName:before{
	width: 30px;
    background: url("../image/policy.png") no-repeat 0 center;
}
.mainContent .business .columnName:before{
    background: url("../image/innovation.png") no-repeat;
}
.exchange .first_exchange{
    height: 95px;padding: 15px 0 20px;
    border-bottom: 1px solid #dedede;
}
.exchange .first_exchange>a{
    display: inline-block;width: 105px;height: 95px;
    overflow: hidden;
}
.exchange .first_exchange>a img{
    width: 105px;height: 95px;
}
.exchange .first_exchange>div{
    width: 68%;height: 95px;
}
.exchange .first_exchange>div a{
    display: inline-block;height: 50px;line-height: 25px;
    overflow: hidden;font-size: 16px;margin-bottom: 10px;
}
.exchange .first_exchange>div p{color: #666;}
.exchange div ul{margin-top: 20px;}

.exchange div ul li{
    height: 32px;overflow: hidden;
}
.exchange div ul li a{
    display: block;line-height: 32px;
    padding-left: 18px;position: relative;
}
.exchange div ul li a:before{
    content: '';
    display: inline-block;
    width: 8px;height: 8px;
    background: #EC5952;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top:12px;left:0;
}



.column_mainContent{width: 1200px;margin: 0 auto;}
.column_mainContent:after,
.column_content:after{
    content: '';
    display: table;
    clear: both;
}

.column_content .right_content{ width:890px; }
.column_name{
    width: 94%;  padding-left: 5%;
    height: 65px;line-height: 65px;
}
.column_name h3{
    width: 250px;
    font-size: 20px;font-weight: normal;
    padding-left:35px;position: relative;
}
.column_name h3:before{
    content: '';
    display: inline-block;
    width: 23px;height: 25px;
    background: url("../image/c_arrow.png") no-repeat;
    position: absolute;
    top:20px;left:0;
}
.position{color: #656565;}
.position a{color: #656565;}
.position a:hover{color: #EC5952;}
.column_name .back_home{ position:relative; }
.column_name .back_home:before {
    content: '';
    display: inline-block;
    width: 15px;height: 12px;
    background: url("../image/g_home.png") no-repeat;
    position: absolute;
    top: 4px; left: -25px;
}



.right_content .column_list{
    width: 94%;padding-left: 5%;
}
.right_content .column_list ul.list_info li{
    height: 40px;line-height: 40px;
}
.right_content .column_list ul.list_info li a{
    display: inline-block;width: 680px;
    height: 40px;line-height: 40px;
    overflow: hidden;padding-left:25px;
    font-size: 16px;position: relative;
}
.right_content .column_list ul.list_info li a:before{
    content: '';
    display: inline-block;
    width: 3px;height: 3px;
    position: absolute;
    background: #333;
    top:19px;left:3px;
}
.right_content .column_list ul.list_info li span{
    font-size: 16px;
    height: 40px;line-height: 40px;
}
.right_content .column_list ul.list_info li:hover span{
    color: #EC5952;
}
.right_content .column_list ul.list_info li:hover i{
    background: #EC5952;
}

.column_content .left_nav{ width:310px; background: #d0d0d0; }
.column_content .left_nav h3{
    width: 100%;
    height: 55px;line-height: 55px;
    background: #2d2d2d;
    color: #fff;font-size: 18px;
    text-align: center;
    font-weight: normal;
}
.column_content .left_nav li{
    height: 50px;line-height: 50px;
    border-bottom: 2px solid #fff;
    position: relative;
}
.column_content .left_nav li a{
    height: 50px;line-height: 50px;
    font-size: 16px;
    display: block;
    text-align: center;
}
.column_content .left_nav li.active i{
    display: block;width: 14px;height: 11px;
    background: url("../image/w_arrow.png") no-repeat;
    position: absolute; top:21px;right:30px;
}
.column_content .left_nav li:hover i{
    display: block;width: 14px;height: 11px;
    background: url("../image/w_arrow.png") no-repeat;
    position: absolute; top:21px;right:50px;
}
.column_content .left_nav li:hover{
    background: #EC5952;
}
.column_content .left_nav li.active{
    background: #EC5952;
}
.column_content .left_nav li:hover a{
    color: #fff;
}
.column_content .left_nav li.active a{
    color: #fff;
}




.notice_list li{
    height: 75px;padding: 15px 0 10px;
    border-bottom: 1px solid #dedede;
}
.notice_list li:last-child{border-bottom: none;}
.notice_list li a{
    display: block;width: 87%;height: 75px;line-height: 75px;
    font-size: 18px;overflow: hidden;
}
.notice_list li p{
    width: 75px;height: 75px;
    background: #d0d0d0;text-align: center;
}
.notice_list li p .day{
    display: block;font-size: 32px;
    height: 50px;line-height: 50px;
}
.notice_list li p span{color: #6F6F6F;}
.notice_list li:hover p{background: #EC5952;}
.notice_list li:hover a{color: #EC5952;}
.notice_list li:hover p span{color: #fff;}


.teacher_list:after{
    content: '';
    display: table;
    clear: both;
}
.teacher_list li{
    float: left;  display: block;
    width:178px;height:280px;
    margin: 40px 50px 0;
    text-align: center;
}
.teacher_list li a.teach_pic{
    display: block;width:178px;height:230px;background: #fff;
    -webkit-box-shadow:1px 1px 1px 1px #999;
    -moz-box-shadow:1px 1px 1px 1px #999;
    box-shadow:1px 1px 1px 1px #999;
}
.teacher_list li a img{width: 170px;height: 222px; padding: 4px; }
.teacher_list li a.teach_name{
    display: block;font-size: 16px;
    width: 100%;height: 35px;line-height: 35px;
    text-align: center; margin-top: 12px;
}




.column_list .column_introInfo{
    width:830px;
    margin:20px auto;
}

    
    
    
    





.detail_column{
    width: 100%;min-width: 1200px;
    height: 45px;line-height: 45px;
    background: #dbdbdb;
    padding-left: 0;
}
.detail_column .position{
    width: 1165px;margin: 0 auto;
    padding-left: 35px;
}

    
    
    
    
    
    



.column_list .detail_content{
    width: 98%;
    margin:10px auto;
}
.column_list .detail_content .detail_title{
    height: 90px;
    text-align: center;
}
.column_list .detail_content .detail_title h3{
    height: 55px;line-height:55px;
    padding-top: 5px;
    font-size: 20px;
    font-weight: normal;
}
.column_list .detail_content .detail_title p{
    color: #666;font-size: 12px;
}
.column_list .detail_content .detail_contentInfo{
    margin-top:20px;
}
.column_list .detail_content .detail_contentInfo p{
     font-size: 16px;
     text-align: justify;
     line-height: 25px;
     text-indent: 2em;
 }








.pages {
    clear:both;
    width:100%;
    height:40px;
    margin:30px 0 20px;
}
.pagebox {
    width:100%;
    height:40px;
    line-height: 40px;
    margin: 20px 0;
    text-align:center;
    clear:both;
    font-size:16px;
}
.pagebox span a, .pagebox_pre_nolink{
    height:30px;
    line-height:30px;
    border:1px solid #ddd;
    padding:5px 10px;
    font-size: 16px;
    color:#666;
    cursor:default;
    text-align:center;
}
.pagebox span.pagebox_num_nonce {
    background-color:#EC5952;
    border:1px solid #EC5952;
    color:#fff;
    height:30px;
    line-height:30px;
    margin:0 5px;
    padding:5px 10px;
    box-sizing: border-box;
}
.pagebox span.pagebox_num:hover a{
    background-color:#EC5952;
    border:1px solid #EC5952;
    color:#fff;
    cursor:pointer;
}
.pagebox span.pagebox_next:hover a,.pagebox span.pagebox_pre:hover a{
    background-color:#EC5952;
    border:1px solid #EC5952;
    color:#fff;
    cursor:pointer;
}
.pagebox_jump {
    display:none;
}






.footer{
    height: 455px;margin-top:50px;
    color: #696E72;
}
.footer a{color: #696E72;}
.footer a:hover{color: #EC5952;}
.footer_1{ height: 245px; }
.footer_1 .footer_1_nav{height: 50px;background: #d8d8d8;  }
.footer_1 .footer_1_nav ul{
    width: 1200px;margin: 0 auto;
}
.footer_1 .footer_1_nav ul li{
    float: left;display: block;
    width: 170px;height: 50px;line-height: 50px;
    border-right: 1px solid #BDBFBE;
    text-align: center;
}
.footer_1 .footer_1_nav ul li:last-child{ border: none; }
.footer_1 .footer_1_nav ul li a{font-size: 18px;  }

.footer_1 .footer_1_content>ul{width: 1200px;margin: 0 auto;}
.footer_1 .footer_1_content>ul>li{
    float: left;display: block;
    width: 170px;height: 195px;
    border-right: 1px solid #BDBFBE;
    text-align: center;
}
.footer_1 .footer_1_content>ul>li:last-child{ border: none;}
.footer_1 .footer_1_content>ul>li ul{
    margin-top: 10px;
}
.footer_1 .footer_1_content>ul>li li{
    height: 32px;line-height: 32px;
}

.footer .footer_2{
    height: 160px;
    width: 1170px;margin:0 auto;
    line-height: 25px;
    padding: 50px 15px 0;
}
.footer .footer_2 div{width: 75%; padding-top: 40px; }
.footer .footer_2 img{width: 108px;height: 108px;}




.column_Content .column_2{
    margin-top: 30px;
	 width: 94%;
    padding-left: 5%;
}
.column_Content .column_2 li{
    float: left;display: block;height: 40px;
    margin:0 10px 20px;
}
.column_Content .column_2 li a{
    display: block;width: 120px;padding-left: 65px;
    height: 40px;line-height: 40px;
    background: #dcdcdc;border-radius: 5px;
    font-size: 16px;
    position: relative;
}
.column_Content .column_2 li a:before{
    content: '';
    display: inline-block;
    width: 20px;height: 20px;
    background: url("../image/r_arrow.png") no-repeat;
    position: absolute;
    top:10px;left:25px;
}
.column_Content .column_2 li:hover a{
    background: #EC5952;
    color: #fff;
}
.column_Content .column_2 li:hover a:before{
    background: url("../image/wc_arrow.png") no-repeat;
}