﻿.text-box1{padding-top:20px; line-height:30px;}
.about-desc-row{background:#F4F3F0; text-align:center;}
.about-desc-row .col{width:25%; float:left;}
.about-desc-row .col p{margin-bottom:0;}
.about-desc-row .col h3{margin-top:65px; font-size:60px; color:#C00;}
.about-desc-row .col h4{font-size:16px; color:#4e4e4e;}
.about-desc-row .col h5{padding:0 20px; font-size:14px; color:#777;}
.about-desc-row .group{float:left; width:50%;}
.about-desc-row .group .col{width:50%;}
.about-desc-row .group .row-right{float:right;}

.video-about{width:554px; height:420px;}

.history-row .col-md-12{margin-bottom:40px;}
.history-row .img-box{width:320px;}
.history-row .txt-box{width:380px; padding-top:110px; color:#777; line-height:30px;}
.history-row .txt-box p{font-size:20px; color:#333;}

.history-title{font-size:24px; padding:40px 0;}
.history-row .col-odd .img-box{float:left; margin:0 20px 0 420px;}
.history-row .col-odd .txt-box{float:left;}
.history-row .col-even .img-box{float:right; margin-right:400px;}
.history-row .col-even .txt-box{float:left; text-align:right;}

.join-about h3{font-size:24px; color:#C00;}
.join-about p{margin:20px 0; font-size:20px; color:#4e4e4e;}
.join-about dl{height:40px; margin-bottom:0; margin-top:-1px; overflow:hidden; border-width:1px 0; border-style:solid; border-color:#CCC;}
.join-about dt{float:left; width:22%; line-height:40px; font-size:18px; color:#C00;}
.join-about dd{float:left; width:78%; line-height:40px;}

.join-notice{text-align:center; margin-top:50px; margin-bottom:40px; padding-top:20px; border-top:2px dotted #999;}
.join-list .list-title{margin-bottom:10px; font-size:20px; color:#C00; font-weight:bold;}
.join-list .list-desc{padding-left:30px; margin-bottom:10px; line-height:30px; font-size:14px; color:#777;}
.join-list .list-desc a{color:#777;}
.join-list .list-desc a:hover{color:#ED1B2F; text-decoration:none;}
.join-list .list-desc strong{font-size:16px;}

.contact-detail{margin-bottom:70px;}
.contact-detail h3{display:inline-block; padding:10px; background:#ED1B2F; color:#FFF; font-weight:bold;}
.contact-detail h4{margin-bottom:20px; color:#777;}
.contact-detail p{font-size:16px; color:#777;}
.contact-detail a{color:#777;}
.contact-detail a:hover{color:#ED1B2F;}
.contact-detail-rt .col-md-1, .contact-detail-rt .col-md-4,.contact-detail-rt .col-md-5{float:right;}

.contact-list{height:110px; background:#fdfcfb;}
.contact-list .list-title{line-height:110px; font-weight:bold;}
.contact-list .list-title em{font-style:normal; color:#C00;}
.contact-list .list-name{float:left; width:50%; padding-top:30px; color:#777;}
.contact-list .list-desc{float:left; width:50%; padding-top:20px; color:#777;}
.contact-list .list-desc p{margin:0;}
.contact-list .list-desc a{color:#777;}
.contact-list .list-desc a:hover{color:#ED1B2F;}
.contact-list-even{background:#f7f5f1;}

.news-list{padding:30px 0; margin-top:-1px;}
.news-list a{color:#4e4e4e;}
.news-list a:hover{text-decoration:none;}
.news-list .title{padding-top:10px; margin-bottom:15px; font-size:16px;}
.news-list .title i{display:inline-block; height:20px; margin-left:4px; line-height:20px; padding:0 8px; background:#ED1B2F; border-radius:20px; font-size:12px; color:#FFF; font-style:normal; vertical-align:2px;}
.news-list .time{margin-bottom:10px;}
.news-list p{line-height:26px;}
.news-list .arrow{height:185px; background:url(../images/icon/arrow-news.png) center right no-repeat; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease;}
.news-list:hover .arrow{margin-top:-20px;}

.detail-content h3{font-weight:bold; color:#4e4e4e;}
.detail-content .detail-desc{margin-bottom:20px; color:#777;}
.detail-content .detail-article{font-size:16px; line-height:30px; color:#777;}

.detail-other{margin-bottom:30px; font-size:16px;}

.detail-right-title{height:30px; margin-bottom:20px;}
.detail-right-title h4{float:left; padding-left:10px; border-left:3px solid #ED1B2F; font-size:20px; color:#777;}
.detail-right-title a{float:right; display:block; line-height:30px; color:#999;}
.detail-right-title a i{font-style:normal; font-family:SimSun;}
.detail-topic{position:relative; margin-bottom:20px;}
.detail-topic .desc{position:absolute; left:0; bottom:0; z-index:2; width:100%; height:26px; padding:0 20px; background:rgba(0, 0, 0, 0.5); font-size:14px; color:#FFF; line-height:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.detail-list{padding-left:0; list-style:none; overflow:hidden;}
.detail-list li{position:relative; padding-left:20px; border-bottom:1px solid #f7f5f1;}
.detail-list li:before{content:""; position:absolute; left:0; top:50%; z-index:2; width:4px; height:4px; margin-top:-2px; background:#ccc;}
.detail-list li a{display:block; height:40px; line-height:40px; font-size:16px; white-space:nowrap; text-overflow:ellipsis;}

@media only screen and (max-width: 1200px) {
    .text-box1{line-height:28px;}
    .about-desc-row .col{width:100%; float:none;}
    .about-desc-row .col h3{margin-top:25px; font-size:30px;}
    .about-desc-row .col h4{font-size:18px;}
    .about-desc-row .col h5{padding:0 20px 40px; font-size:14px;}
    .about-desc-row .group{float:none; width:100%;}
    .about-desc-row .group .col{width:100%;}
    .about-desc-row .group .row-right{float:none;}

    .video-about{width:100%; height:0; overflow:hidden; padding-bottom:76%;}

    .history-title{padding:20px 0;}
    .history-row .col-md-12 .img-box{float:none; width:80%; margin:0 auto;}
    .history-row .col-md-12 .txt-box{float:none; width:100%; padding-top:20px; margin:0; text-align:center;}

    .news-list .time{color:#777;}
    .news-list p{color:#777;}

    .join-about h3{text-align:center;}
    .join-about p{text-align:center;}
    .join-notice{margin-left:0; margin-right:0; border-top-width:1px;}
    .join-about p{font-size:14px;}
    .join-notice{margin-top:30px; padding-top:0; margin-bottom:20px;}
    .join-notice h3{font-size:18px;}
    .join-list .list-desc{padding-left:0;}

    .contact-detail{margin-bottom:30px;}
    .contact-detail h3{font-size:20px; padding:5px;}
    .contact-detail h4{font-size:18px;}

    .contact-list{height:auto; padding-bottom:15px;}
    .contact-list .list-title{padding-top:20px; line-height:1em;}
    .contact-list .list-name{width:35%; padding-top:20px;}
    .contact-list .list-desc{width:65%; padding-top:20px;}

    .detail-content h3{line-height:36px;}
    .detail-topic{margin-bottom:10px;}
    .detail-topic .desc{padding:0 10px;}
    .detail-right-title a{margin-top:5px;}
    .detail-content .detail-desc span{padding-bottom:5px;}
    .detail-other p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}