/*sample css*/
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:#e32e37;}
li{list-style: none;}
img{ border: 0;}

body{  min-width:1200px;  }
.header,.mainBody,.footer{
    width: 100%;min-width: 1200px;
}


/*logo*/
.logo{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 101;
}
.logo>div{
    width: 1200px;height: 182px;
    margin: 0 auto;
}
.logo>div img{
    width: 258px;height: 182px;
}

/*nav*/
.nav_bar{
    width: 100%;
    min-width:1200px;height: 50px;
    margin:0 auto;
    background: #333;
}
.nav{
    width: 1200px;height:50px;margin: 0 auto;
}
.nav>ul{
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
}
.nav>ul>li{
    float: left;
    display: block;
    width: 200px;
    height:50px;
    text-align: center;
}
.nav>ul>li>a{
    display: block;
    height: 50px;line-height: 50px;
    font-size: 16px;
    color:#fff;
}
.nav>ul>li>a.firstPage{border:0;}
.nav>ul>li:hover{ background: #d1131d;}
/*.nav>ul>li:hover>a{color: #fff;}*/
.nav>ul>li ul{position:relative;background: #d1131d;opacity: .9; display: none; z-index:101; }
.nav>ul>li ul li{ border-top:1px solid #7A0606;height: 45px;line-height: 45px;}
.nav>ul>li ul li a{font-size: 16px; color:#fff;}
/*.nav>ul>li:hover ul{ display: block;}*/
.nav>ul>li ul li:hover{ background: #7A0606;}
/*.nav>ul>li ul li:hover a{ color:#004EA2;}*/


.banner{ height: 600px;  position:relative;width: 100%;min-width:1200px;}
.main_visual{ height:600px; overflow:hidden; position:relative; z-index:0;}
.main_image{ width: 100%; height:600px; position:absolute; left:50%; margin-left:-50%;  }
.main_image li img{width:100%;height:600px; object-fit: cover; }
.flicking_con{
    position: absolute;width: 85px;bottom:3%;left:48%;
    z-index:9;
}
.flicking_con a{
    display: inline-block;width: 15px;height: 15px;
    background: #333;border-radius: 50%;
    margin-right:10px;
}
.flicking_con a.on{ background: #9c1615; }
#btn_prev,#btn_next{
    z-index:99;position:absolute;
    display:block;
    width:50px!important;height:50px!important;top:50%; margin-top: -25px;
}
#btn_prev{
    background: url("../images/hover_left.png") no-repeat left top;
    left:calc((100% - 1200px)/2);
}
#btn_next{
    background: url("../images/hover_right.png") no-repeat right top;
	right:calc((100% - 1200px)/2);
}



/*mainBody*/

.mainContent{margin-top: 25px;}


/*mainBody_com*/
.first_content{width:100%;height: 725px;}
.second_content{
    width: 100%;height: 930px;
    background: url("../images/second_red_bg.jpg") no-repeat center center;
}
.third_content{width:100%;height: 725px;}

.mainBody>div>div{
    width: 1200px;margin: 0 auto;
    padding-top: 35px;
}
.column_flied{
    width: 100%;height: 80px;
    background: url("../images/column_line.png") no-repeat center center;
}
.column_flied_title{
    width: 270px;height: 80px;
    text-align: center;
    margin: 0 auto;
    position: relative;
}
.column_flied_title p{
    font-size: 38px;font-weight: bold;
    padding-left: 30px;
}
.column_flied_title span{
    font-size: 18px;font-family: Georgia;
    color: #D4D4D4;
    display:block;margin-top: 5px;
}
.column_flied_title p:before{
    content: '';
    display: inline-block;
    width: 40px;height: 40px;
    position: absolute;
    top: 8px;  left: 30px;
}
.first_content .column_flied_title p:before{
    background: url(../images/dynamic.png) no-repeat;
}
.second_content .column_flied_title p:before{
    background: url(../images/direct.png) no-repeat;
}
.third_content .column_flied_title p:before{
    background: url(../images/history.png) no-repeat;
}
.second_content .column_flied_title p{ color: #fff; }
.second_content .column_flied_title span{ color: #fff; }


/*first_content*/
.tab_titles{
    width: 100%;height: 47px;margin-top: 30px;
}
.tab_titles .tab_title{
    width: 460px;margin: 0 auto;
    text-align: center;
}
.tab_title a{
    display: inline-block;width: 150px;height: 40px;line-height: 40px;
    background: #f5f5f5;font-size: 16px;
}
.tab_title a.current{
    height: 47px;
    background: url("../images/red_bg.png") no-repeat;
    color: #fff;
}




.newsInfo{
    height: 440px;
}
.first_content_right{
    width: 480px;height: 440px;
    border:1px solid #ddd;
    border-top: 2px solid #e32e37;
    box-sizing: border-box;
}
.first_content_left{
    width: 700px;
}
.first_content_right .first_listInfo{
    height: 80px;padding: 25px 15px;
    background: #f5f5f5;
}
.first_listInfo{border-bottom: 1px solid #ddd;}
.first_listInfo .first_listInfo_content{
    width:345px;padding-left: 15px;
    border-left:1px solid #E5E5E5;
}
.first_listInfo_content a{
    display: block;height: 30px;line-height: 30px;
    overflow: hidden;font-size: 16px;font-weight: bold;
}
.first_listInfo_content p{
    height: 40px;line-height: 20px;
    overflow: hidden;padding-top: 5px;
    color: #666;
}
.first_listInfo .time{
    width: 90px;height: 80px;line-height: 80px;
}
.first_listInfo .month{
    font-size: 40px;color: #000;
}
.first_listInfo .day{
    font-size: 16px;color: #999;
}
.tab_list li{
    height: 30px;line-height: 30px;
    margin:0 15px;padding: 15px 0;
    border-bottom: 1px solid #ddd;
    position: relative;
}
.tab_list li a{
    display: block;padding-left: 25px;height: 30px;
    overflow: hidden;
}
.tab_list li i{
    display: inline-block;position: absolute;
    width: 16px;height: 16px;line-height: 16px;
    background: #D1141B;color: #fff;
    top:21px;left:0;font-style: normal;text-align: center;
}
.first_content_right a.more{
    display: block;
    height:60px;line-height: 60px;
    text-align: center;
    color: #666;position: relative;
}
.first_content_right a.more:after{
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 23px;
    left: 58%;
    background: url("../images/more.png") no-repeat;
}
.first_content_right a.more:hover{
    color: #e32e37;
}
.first_content_left a{
    display: inline-block;
    margin: 0 15px 20px 0;
    position: relative;
}
.first_content_left a.fourth_news{}

.first_content_left a span{
    position: absolute;
    display: block;
    width: 96%;
    height: 35px;line-height: 35px;
    bottom:0;left:0;overflow: hidden;
    background: rgba(0,0,0,.7);
    color: #fff;
    padding: 0 2%;
}
.first_content_left a.first_news{
    width: 400px;height:210px;
}
.first_content_left a.second_news{
    width: 280px;height:210px;
    margin: 0 0 20px 0;
}
.first_content_left a.third_news{
    width: 280px;height:210px;
}
.first_content_left a.fourth_news{
    width: 400px;height:210px;
    margin: 0;
}

.first_content_left a img{
    width: 100%;height:100%;object-fit: cover;
}

.tabcon>div{display: none;}
.tabcon>div.current{display: block;}

/*second_content*/
.road>img{
    width: 720px;height: 391px;
}
.road_info{
    width: 440px;height:350px;padding: 20px;
    background: #fff;
}
.road_info .car{
    height: 80px;border-bottom: 1px dotted #ddd;
}
.road_info>div h3{
    height: 20px;line-height: 20px;
    padding-left:20px;
    font-size: 18px;color: #D1141B;
    border-left:2px solid #D1141B;
}
.road_info .car p{
    padding: 15px 0 0 20px;
}
.road_info .bus{
    padding-top: 20px;
}
.road_info .bus h3 span{
    color: #999;
    font-size: 12px;font-weight: normal;
}
.road_info .bus div{
    width: 100%;height: 215px;
    background: #F5F5F5;
    margin-top: 15px;
    position: relative;
}
.road_info .bus div h2{
    width: 115px;height: 25px;line-height: 25px;
    background: #D1141B;text-align: center;
    color: #fff;font-size: 18px;font-weight: normal;
}
.road_info .bus div p{
    width: 95%;margin: 0 auto;
    padding-top: 15px;
    height: 170px;line-height: 25px;
    overflow: hidden;
}
.road_info .bus div a{
    position: absolute;
    display: block;width: 11px;height: 20px;
    background: url("../images/red_arrow.png") no-repeat;
    top:5px;right:10px;
}


.celebrations{
    margin-top: 30px;
}
.celebrations ul:after{
    content: "";
    display: table;
    clear: both;
}
.celebrations ul li{
    float: left;
    display: inline-block;
    width: 560px;height: 100px;
    padding: 15px 40px 15px 0;
    position: relative;
}
.celebrations ul li a{
    display: block;
    color: #fff;font-size: 18px;height: 30px;line-height: 30px;
    overflow: hidden;padding-left: 90px;
}
.celebrations ul li p{
    color: #FF8185;height: 50px;line-height: 25px;
    overflow: hidden;padding-left: 90px;    margin-top: 10px;
}
.celebrations ul li i{
    position: absolute;display: inline;
    width: 72px;height: 72px;line-height: 72px;
    top:25px;left:0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    color: #E32E37;
    font-size: 40px;font-style: normal;
}
.celebrations>a{
    display: block;width: 200px;height: 45px;line-height: 45px;
    text-align: center;color: #fff;border: 1px solid #fff;font-size: 18px;
    margin: 15px auto 0;
}
.celebrations>a:hover{
    text-decoration: underline;
}



/*third_content*/
.third_content .newsInfo ul li{
    float: left;display: block;
    width: 285px;height: 200px;
    position:relative;margin: 0 20px 20px 0;
}
.third_content .newsInfo ul li img {
    width: 100%;
    height: 100%;
}
.third_content .newsInfo ul li:nth-child(4n){
    margin: 0;
}
.third_content .newsInfo ul li span{
    display: block;position: absolute;
    width: 96%;height: 35px;line-height: 35px;
    text-align: center;bottom:0;left:0;
    background: rgba(0,0,0,.7);color: #fff;
    padding: 0 2%;
}
.tabcon_1>div{display: none;}
.tabcon_1>div.current{display: block;}




/*column_mainBody*/
.column_mainBody{
    width: 1200px;margin: 30px auto 50px;
}
.mainContent:after{
    content: '';
    display: table;
    clear: both;
}

/*left_nav*/
.column_content .left_nav{
    width:260px;position: relative;
    background: #EBEBEB;
    /*-webkit-box-shadow: 0 1px 2px 1px #bebebe;*/
    /*-moz-box-shadow: 0 1px 2px 1px #bebebe;*/
    /*box-shadow: 0 1px 2px 1px #bebebe;*/
}
.column_content .left_nav>div:first-child{
    width: 100%;
    height: 52px;
    background: #c0c0c0;
    border-top: 10px solid #D1141B;
}
.column_content .left_nav>:first-child h3{
    color: #D1141B;
    height: 52px;line-height: 52px;
    font-size: 18px;font-weight: normal;
    margin-left: 30%;
}
.column_content .left_nav li{
    width: 90%;margin: 0 auto;
    height: 45px;line-height: 45px;
    border-bottom: 1px solid #C0C0C0;
    position: relative;
}
.column_content .left_nav li a{
    height: 45px;line-height: 45px;
    font-size: 16px;
    display: block;
    margin-left: 30%;
}
.column_content .left_nav li.active i{
    display: block;
    width:11px;height: 4px;
    background: url("../images/arrow.png") no-repeat;
    position: absolute;top:20px;right:40px;
}
.column_content .left_nav ul{
    padding-bottom: 300px;
}
.column_content .left_nav img {
    position: absolute;
    width: 260px;
    height: 235px;
    bottom: 0;
    left: 0;
    /*animation: zoomIn 1s;*/
}

/*right_content*/
.column_content .right_content{
    width:938px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 1px #bebebe;
    -moz-box-shadow: 0 1px 2px 1px #bebebe;
    box-shadow: 0 1px 2px 1px #bebebe;
}
.column_name{
    width: 95%;
    margin: 0 auto;
    height: 60px;line-height: 60px;
    border-bottom: 2px solid #D1141B;
}
.column_name h3{
    width: 100px;padding-left: 40px;
    font-size: 20px;font-weight: normal;
    color: #D1141B;position: relative;
}
.column_name h3:after{
    content: '';
    display: inline-block;
    width: 28px;
    height: 24px;
    position: absolute;
    top: 20px;
    left: 0;
    background: url("../images/title.png") no-repeat;
}
.right_content .column_list{
    width: 95%;
    margin:10px auto 0;
}


/*column*/
.right_content .column_list ul.list_info li{
    height: 45px;line-height: 45px;
    border-bottom: 1px dotted #BCBCBC;
    position: relative;
}
.right_content .column_list ul.list_info li i{
    display: block;
    width: 11px;height: 4px;
    background: url("../images/arrow.png") no-repeat;
    position: absolute;
    top:19px;left:3px;
}
.right_content .column_list ul.list_info li a{
    display: block;width: 75%;
    height: 45px;line-height: 45px;
    overflow: hidden;padding-left:30px;
    font-size: 16px;
}
.right_content .column_list ul.list_info li span{
    position: absolute;font-size: 16px;
    height: 45px;line-height: 45px;
    right:3px;top:0;
}
.right_content .column_list ul.list_info li:hover span{
    color: #D1141B;
}



/*column_intro*/
.column_list .column_introInfo{
    width:96%;
    margin:20px auto;
    padding-bottom: 50px;
}
/*.column_list .column_introInfo p{*/
    /*font-size: 16px;*/
    /*text-align: justify;*/
    /*line-height: 25px;*/
    /*text-indent: 2em;*/
/*}*/



/*column_teacher*/
.teacher_list:after{
    content: '';
    display: table;
    clear: both;
}
.teacher_list li{
    float: left;  display: block;
    width:220px;height:275px;
    margin: 40px 33px 0;
    text-align: center;
}
.teacher_list li>a img{
    width: 220px;height: 220px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    -webkit-box-shadow:0 1px 2px 1px #969696;
    -moz-box-shadow:0 1px 2px 1px #969696;
    box-shadow:0 1px 2px 1px #969696;
    transition: transform 1s;
}
.teacher_list li:hover a img{
    transform: scale(1.1,1.1);
}
.teacher_list li a.teach_name{
    display: block;font-size: 16px;
    width: 75%;height: 40px;line-height: 40px;
    background: #d1d1d1;text-align: center;
    margin: 20px auto 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #D1141B;
}
.teacher_list li:hover a.teach_name{
    background: #D1141B;
    color: #fff;
}

/*detail*/
.detail_content{
    width:95%;
    margin:0 auto;
    padding-bottom: 1px;
}
.detail_content .detail_title{
    height: 90px;
    text-align: center;
    margin-top:15px;
}
.detail_content .detail_title h3{
    height: 55px;line-height:55px;
    font-size: 22px;
    font-weight: normal;
}
.detail_content .detail_title p{
    color: #666;font-size: 12px;
}
.detail_content .detail_contentInfo{
    margin:10px 0 70px;
}
.detail_content .detail_contentInfo video{
   margin:0 auto;max-width:90%;    display: block;
}
/*.detail_content .detail_contentInfo p{*/
    /*font-size: 16px;*/
    /*text-align: justify;*/
    /*line-height: 25px;*/
    /*text-indent: 2em;*/
/*}*/


/*pages*/
.pages {
    clear:both;
    width:100%;
    height:40px;
    margin:30px 0 20px;
}
.pagebox strong{
	font-weight: normal;
}
.pagebox {
    width:100%;
    height:40px;
    line-height: 40px;
    margin: 30px 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:#D1141B;
    border:1px solid #D1141B;
    color:#fff;
    height:30px;
    line-height:30px;
    margin:0 5px;
    padding:5px 10px;
    box-sizing: border-box;
}
.pagebox span.pagebox_num_nonce a{
	color:#fff;
	margin:0;
	padding:0;
	background: none;
	border: 0;
}
.pagebox span.pagebox_num:hover a{
    background-color:#D1141B;
    border:1px solid #D1141B;
    color:#fff;
    cursor:pointer;
}
.pagebox span.pagebox_next:hover a,.pagebox span.pagebox_pre:hover a{
    background-color:#D1141B;
    border:1px solid #D1141B;
    color:#fff;
    cursor:pointer;
}
.pagebox_jump {
    display:none;
}





/*footer*/
.footer{
    height: 300px;
    border-top: 2px solid #e32e37;
}
.footer>div{
    width:1200px;
    height: 300px;
    margin: 0 auto;
}
.footer .links{
    height: 50px;
    line-height: 50px;
    padding-top: 20px;
    padding-left: 5px;
    border-bottom: 1px solid #ddd;
}
.footer .links a {
    border-left: 1px solid #333;
    padding: 0 15px;
}
.footer .links a:first-child {
    border: 0;
}
.footer .footerInfo{
    padding-top: 50px;
    padding-left: 5px;
    line-height: 28px;
}
.footerInfo .code_pic p{
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    margin-left: 30px;
}
.footerInfo .code_pic p span{
    display: block;
    height: 20px;line-height: 20px;
}
.footer_bottom{
    width: 100%;min-width: 1200px;height: 50px;line-height: 50px;
    background: #e7e7e7;
}
.footer_bottom>div{
    width: 1200px;margin: 0 auto;
}
.footer_bottom>div p{
    padding: 0 5px;
}
.footer_bottom>div a{margin: 0 3px;}