﻿.sub-main{max-width: 750px;margin: 0 auto;margin-top:60px;}
/*sub-banner*/
.sub-banner{height:180px;background-repeat: no-repeat;background-size:cover;background-position:right center;position: relative;background-color: #adb5bd;}
.sub-banner:after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0.05);z-index: 1;position: absolute;left: 0;top:0;}
.sub-banner .page-title{padding: 60px 0 0 0;position: relative;z-index: 2;}
.sub-banner .page-title h4{font-size:2rem;margin-bottom:10px;color: #fff;text-transform: uppercase;font-weight: 600}
.sub-banner .page-title p{font-size: 2rem;line-height:2rem;color: #fff;font-weight:500;}
/*section-title*/
.section-title{text-align: center;}
.section-title h4{font-size: 2.5rem;font-weight: 550;color: #212529;margin-bottom: 20px;position: relative}
.section-title h4:after{content: '';width: 40px;height: 3px;background-color: #f28600;position: absolute;left: 50%;margin-left: -20px;bottom: -15px;}
.section-title p{font-size:1.5rem;line-height:2.5rem;color:#868e96;text-transform: uppercase}
.more{
    display: block;width: 135px;line-height: 40px;height: 45px;border-radius: 30px;
    text-align: center;font-size:1.6rem;text-transform: uppercase;
    border: 1px solid #ddd;color:#868e96;
    -webkit-animation: fadeOutInUp 1s both;
    animation: fadeOutInUp 1s both;
    margin: 20px auto 0 auto;
}

/*galleryOverlay*/
.galleryOverlay {width: 100%;height: 100%;position: fixed;top: 0;left: 0;opacity: 0;z-index: 100000;background-color:rgba(0,0,0,0.88);overflow: hidden;display: none;-moz-transition: opacity 1s ease;-webkit-transition: opacity 1s ease;transition: opacity 1s ease}
.galleryOverlay.visible {opacity: 1}
.gallerySlider {height: 100%;left: 0;top: 0;width: 100%;white-space: nowrap;position: absolute}
.gallerySlider .placeholder {background: url(../images/preloader.gif) no-repeat center center;height: 100%;line-height: 1px;text-align: center;width: 100%;display: inline-block}
.gallerySlider .placeholder:before {content: "";display: inline-block;height: 50%;width: 1px;margin-right: -1px}
.gallerySlider .placeholder img {display: inline-block;max-height: 100%;max-width: 100%;vertical-align: middle}
.prevArrow,.nextArrow {border: none;text-decoration: none;background: url(../images/arrows.png) no-repeat;opacity: 1;cursor: pointer;position: absolute;width: 43px;height: 58px;top: 50%;margin-top: -29px}
.prevArrow:hover,.nextArrow:hover {opacity: 1}
.prevArrow {background-position: left top;left: 40px}
.nextArrow {background-position: right top;right: 40px}
.pagelimit {position: absolute;bottom: 20px;left: 50%;margin-left: -18px;color: #fff;font-size: 1.4rem;}
@media (max-width: 991px) {

}

.tabs .accordion-handle { display:none; }
.tabs-vertical-left, .tabs-vertical-right { *zoom:1; }
.tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; }
.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; margin:0 0 5px 0; width:100%; }
.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { height:auto; padding:8px 20px; line-height:1.5; }
.tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:75%; }
.tabs-vertical-left .tabs-list { float:left; }
.tabs-vertical-left .tabs-container { float:right; }
.tabs-vertical-left .tabs-container .tab-content { margin:0 0 0 15px; }
.tabs-vertical-right .tabs-list { float:right; }
.tabs-vertical-right .tabs-container { float:left; }
.tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; }

.accordion-handle {position:relative;margin-bottom:10px;background-color:#ebebeb;text-decoration:none;color:#495057;cursor:pointer;transition:all 0.4s ease 0s;
    background-image: url("../images/arr-right.png");background-repeat: no-repeat;background-size:18px auto;background-position: center right;
}
.accordion-handle:hover {background-color:#dee2e6;}
.accordion-handle.active {background-color:#0e6aac; color:#fff; background-image: url("../images/arr-bottom.png");}
.accordion-handle h4 {height:45px; line-height:45px; padding:0 20px; font-size:1.6rem; font-weight:600; }
.en .accordion-handle h4{font-family:Arial, "sans-serif";font-size: 1.4rem;}
.accordion-content { margin-bottom:20px;display:none;}
@media only screen and ( max-width:768px ){
    .responsive-tabs .tabs-list { display:none; }
    .responsive-tabs .accordion-handle { display:block}
    .responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container {width:100%; float:none;}
    .responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content {margin:10px;}
}

.news{background-color: #fff;padding:60px 0;max-width: 750px;margin: 0 auto}
.news-ul{padding:25px 0}
.news-ul li{margin-bottom: 15px;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
.news-ul li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.news-ul li a{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:flex-start;
    justify-content: flex-start;
}
.news-ul li a .time{width: 25%;background-color: #f2f2f2;padding:10px 10px 0 10px;text-align: center;font-size: 1.4rem;font-weight: 400;}
.news-ul li a .time span{font-size: 4rem;line-height: 4rem;display: block;font-weight: 600;margin-bottom: 5px;}
.news-ul li a .info{width: 70%;margin-left: 5%}
.news-ul li a .info h6{font-size: 1.6rem;font-weight: 500;color: #495057;line-height: 2.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin-bottom: 5px;
}
.news-ul li a .info p{
    color: #868e96;font-size: 1.4rem;font-weight: 400;line-height: 1.8rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

/*err*/
.err{
    width:50%;
    text-align:center;
    margin:10% auto;
    padding:2% 0;
    border:1px solid rgba(0,0,0,0.07);
    background-color:rgba(255,255,255,0.8);
    background-image: url(../images/noinfo.svg);
    background-repeat: no-repeat;background-size:auto 50%; background-position: center 30px;

}
.err p{color:rgba(0,0,0,0.3);line-height:30px;font-size:16px;display: block;padding: 100px 0 0 0;}

/*分页样式*/
.pagination {
    width:100%;
    margin: 0 auto 50px auto;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
}
.pagination a{
    display: block;text-transform: uppercase;text-align: center;font-size: 14px;color:#0e6aac;
    line-height: 30px;padding:0 12px;height: 35px;
    margin-right: 10px;margin-bottom: 10px;
    border: 1px solid #0e6aac;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff !important;background-color:#0e6aac;}
.pagination a:last-child{margin-right: 20px;}
@media (max-width: 992px) {
    .pagination {background-color: #fff;padding:0;line-height:2rem;margin: 20px auto;font-size: 1.2rem;}
    .pagination a{font-size: 1.2rem;line-height:2.3rem;height:2.6rem;}
    .err{margin:5% auto;}
    .err p{line-height:3rem;font-size:1.3rem;}
}