/*section-title*/
.section-title{padding: 30px 0;text-align: center}
.section-title h4{font-weight:600;font-size: 40px;letter-spacing: 1px;color: #495057;position: relative;}
.en .section-title h4{font-size: 32px;}
.section-title h4:after{content: '';width: 50px;height:3px;background-color:#FFCC00;position: absolute;left:50%;margin-left: -25px;top:-20px;}
.section-title h4 span{color:#FFCC00;}
.section-title p{font-size:18px;color: #adb5bd;text-transform: uppercase;font-family: "DINPro-Regular";padding:10px 0 0 0;}
.en .section-title p{font-size:14px;}
.sub-banner{width: 100%;height:480px;background-size: cover;background-position: center;background-color:#868e96}
.sub-banner .container{height: 100%;text-align: center;padding:8% 0 0 0;}
.sub-banner .container h2{width: 100%;font-size:50px;font-family: DINPro-Bold;font-weight: 600;line-height: 50px;margin-bottom:40px;color: #fff;text-transform: uppercase;}
.sub-banner .container h4{font-size: 35px;font-weight: 500;color: #fff;}
.sub-banner .container p{width: 100%;font-size:40px;font-weight:600;line-height: 40px;color: #fff;letter-spacing:5px;}
@media screen and (max-width: 1440px){
    .section-title h4{font-size: 30px;}
    .en .section-title h4{font-size: 25px}
    .section-title p{font-size:16px;}
    .en .section-title p{font-size:12px;}
    .sub-banner{width: 100%;height:400px;}
}
@media screen and (max-width: 991px){
    .section-title{padding:20px 0 0 0;}
    .section-title h4{font-size: 2.5rem;line-height: 2.5rem;}
    .en .section-title h4{font-size:2rem;}
    .section-title h4:after{height:2px;width: 40px;margin-left: -20px;top:-10px;}
    .section-title p{font-size:1.4rem;}
    .en .section-title p{font-size:1.4rem;}
    .sub-banner{height:220px;}
    .sub-banner .container{height: 100%;text-align: center;padding:25% 10px 0 10px;}
    .sub-banner .container h2{font-size:3rem;line-height: 3rem;margin-bottom:10px;font-weight: 700;}
    .sub-banner .container p{font-size: 1.6rem!important;line-height: 2.5rem!important;letter-spacing:1px}
}
/*page-nav*/
.main .page-nav{
    background-color: #fff;
    width: 100%;
    box-shadow: 0 10px 25px rgba(130, 177, 255, 0.12);
    -webkit-box-shadow: 0 10px 25px rgba(130, 177, 255, 0.12);
    margin: 0;
}
.main .loc i{margin-right: 10px;}
.main .loc .iconarrow-right1{font-size: 1.4rem;display: inline-block;vertical-align: middle;padding: 0 5px;position: relative;top:-2px;}
.main .loc a i{margin: 0;}
.main .page-nav ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.main .page-nav ul li{line-height: 80px;font-size:18px;border-left: 1px solid #eee;}
.en .main .page-nav ul li{font-size: 16px;text-transform: uppercase}
.main .page-nav ul li a{color:#495057;font-weight:500;display: block;position: relative;text-align: center;line-height: 85px;}
.main .page-nav li a:hover,.main .page-nav li a.cur{background-color:#FFCC00;color: #fff;}
.main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
    content: '';left: 50%;margin-left: -10px;bottom: -10px;position: absolute;
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top:10px solid #FFCC00;
}
@media (max-width: 1440px) {
    .main .page-nav ul li{font-size:16px;line-height:60px;}
    .main .page-nav ul li a{line-height: 65px;}
}
@media (max-width: 991px) {
    .main .page-nav ul li{line-height:50px;font-size:1.6rem;font-weight:700;padding: 0!important;}
    .en .main .page-nav ul li{font-size: 1.4rem;}
    .main .page-nav ul li a{line-height: 50px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:700;padding: 0 10px; }
    .main .page-nav ul li:first-child{border-left: none;}
    .main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
        margin-left: -6px;bottom: -6px;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid #FFCC00;
    }
}

/*sidebar*/
.sidebar{width:22%;padding: 20px 0;max-width: 280px;}
.sidebar .sub-nav-title{
    line-height:70px;position: relative;color:#fff;font-size:22px;font-weight:600;text-indent:20px;
    background-color:#f39700;
    -webkit-box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.12);
}
.en .sidebar .sub-nav-title{text-transform: uppercase;font-size: 18px;}
.sidebar .sub-nav-title i{font-size:2.2rem;font-weight: 500;margin-right: 10px;}
.en .sidebar .sub-nav-title i{font-size: 2rem}
.sidebar .sub-nav{
    background-color: #fff;
    -webkit-box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 6px 20px 1px rgba(0, 0, 0, 0.05);
    padding:20px;}
.en .sidebar .sub-nav{padding: 20px 10px}
.sidebar .sub-nav li{padding:0 20px;}
.sidebar .sub-nav li a{position: relative;display: block;font-size:18px;font-weight:500;color:#495057;text-decoration: none;border-bottom:1px solid #e9ecef;}
.sidebar .sub-nav li:last-child a{border-bottom: none;}
.sidebar .sub-nav li a:hover,.sidebar .sub-nav li a.cur{color:#f39700;padding: 0 10px;}

/*sub-main*/
.sub-main{width:75%;margin-left:3%;padding: 20px 0;}
.sub-main .section-title{font-size:25px;letter-spacing: 1px; font-weight:500;padding: 0 0 0 20px;margin: 0 0 30px 0;text-indent: 0; position: relative;}
.sub-main .section-title:before{
    content: '';
    width: 100%;height: 1px;left: 0;bottom: -10px;position: absolute;
    background-color:#eee;}
.sub-main .section-title:after{
    position: absolute;
    content: '';
    width: 2px;
    height: 26px;
    background-color:#f39700;
    left:0;top:50%;margin-top: -13px;}
.sub-main .section-title span{font-size:14px;letter-spacing: 0!important; margin: 0 0 0 10px; font-family:Arial, "sans-serif"; text-transform: uppercase;font-weight: 400;color: rgba(0,0,0,0.3);}
@media screen and (max-width: 1440px){
    .sidebar{max-width: 250px;}
    .sidebar .sub-nav-title{line-height: 60px;font-size:22px;}
    .sidebar .sub-nav-title i{font-size:2.2rem;}
    .sidebar .sub-nav li a{padding: 0 15px;font-size:16px;}
}
@media screen and (max-width: 992px){
    .sidebar{width:100%;padding:0 0 10px 0;margin: -20px 0 0 0;}
    .sidebar .sub-nav-title{line-height:50px;text-indent:20px;font-size: 1.8rem;font-weight:700;letter-spacing:0;position: relative;}
    .en .sidebar .sub-nav-title{font-size: 1.5rem}
    .sidebar .sub-nav-title i{position: absolute;right:15px;top:0;font-weight:500}
    .sidebar .sub-nav{
        display: none;
        -webkit-box-shadow: 0 2px 10px 1px rgba(79, 172, 254, 0.08);
        box-shadow: 0 2px 10px 1px rgba(79, 172, 254, 0.08);}
    .sidebar .sub-nav li a{line-height:30px;font-size:1.6rem;padding:0;}
    .sidebar .sub-nav li a:after{width:0;}
    .sidebar .sub-nav li a:hover:after,.sidebar .sub-nav li a.cur:after{height:0;}
    .sub-main{width:100%;margin-left:0;padding: 0 0 20px 0;}
    .sub-main .section-title{font-size:2rem;color: #666;letter-spacing: 0;font-weight:800;margin:20px;}
    .sub-main .section-title span{font-size:1.3rem;}
}

/*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;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    font-family: "DINPro-Bold";
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
    margin-bottom:20px;
}
.pagination a{
    display: block;font-family: "DINPro-Bold";text-transform: uppercase;text-align: center;font-size: 14px;color:#495057;
    line-height: 25px;padding:0 10px;height: 30px;
    margin-right: 10px;margin-bottom: 10px;
    border: 1px solid #495057;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff !important;background-color:#495057}
.pagination a:last-child{margin-right: 20px;}
@media (max-width: 992px) {
    .pagination {padding:0 20px;line-height:2rem;margin: 0!important;font-size: 1.4rem;}
    .pagination a{font-size: 1.4rem;line-height:2.2rem;height:2.6rem;}
    .err{margin:5% auto;width:80%;}
    .err p{line-height:3rem;font-size:1.3rem;}
}

.title{margin-bottom:20px;padding-top: 5px;}
.title h4{width: 50%;font-size:22px;color:#495057;font-family: "Microsoft Yahei";font-weight: 500;}
.title h4 i{font-size: 2.3rem;color:#f39700;}
@media screen and (max-width: 992px){
    .title{margin-bottom:0!important;}
    .title h4{width:100%;font-size:2rem;font-weight: 700}
    .title h4 i{font-weight: 500;font-size: 2.5rem;}
}
.hot-ul{background-color: #fff;display: block;padding:20px;margin-bottom: 30px;-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 254, 0.06);box-shadow: 0 0 10px 2px rgba(79, 172, 254, 0.06);}
.hot-ul li{border-bottom: 1px dashed #ddd;margin-bottom:20px;padding-bottom:20px;}
.hot-ul li:last-child{border-bottom: none;margin-bottom: 0;}
.hot-ul li a{display: block;position:relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content:space-between;justify-content:space-between;}
.hot-ul li a .info{padding: 0 0 0 15px;width:70%;-webkit-box-shadow:none!important;box-shadow:none!important;}
.hot-ul li a .info h6{font-size:14px;line-height: 20px;color:#495057;font-family: "Microsoft Yahei";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hot-ul li a .info p{font-size: 12px;font-family: DINPro-Regular;color: #868e96;}
.hot-ul li a .img{width:23.5%;height:60px;background-size: cover; overflow: hidden;background-color: #f8f8f8;text-align: center;}
.hot-ul li a .img img{width:60%;padding-top:5px;}
.hot-ul li a:hover .info h6{color:#f39700;}
@media screen and (max-width: 992px){
    .hot-ul li a .img{width:30%;height:60px}
    .hot-ul li a .img img{width:50%;}
    .hot-ul li a .info h6{font-size:1.4rem;font-weight: 500;}
    .hot-ul li a .info p{font-size:1.2rem;}
}

.fancybox{ margin-bottom:30px;}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #333;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox_sprite.png);}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 45px;height: 45px;background: url(../images/fancybox_loading.gif) center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8888;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url(../images/blank.gif); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8888;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: visible !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 888;background: url(../images/fancybox_overlay.png);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;position: relative;text-shadow: none;z-index: 8889;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8889;text-align: center;}
.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url(../images/fancybox_sprite@2x.png);background-size: 44px 152px;}
    #fancybox-loading div {background-image: url(../images/fancybox_loading@2x.gif);background-size: 24px 24px;}
}