@charset "utf-8";
/* CSS Document */

@import "base.css";



.header{display: flex;justify-content: space-between;padding: 17px 0 17px 24px;box-shadow: 0px 9px 68px 0px rgba(203, 203, 203, 0.31);}
// .header .logo{width: 139px;height: 82px;background:url(../images/logo.png) 0 0 no-repeat;background-size: 100% 100%;flex-shrink: 0;}
.header .logo{width: 365px;height: 75px;background:url(../images/logo.jpg) 0 0 no-repeat;background-size: 100% 100%;flex-shrink: 0;}
.header .right{display: flex;padding-right: 295px;position: relative;}
.header .nav-bar{display: flex;align-items: center;}
.header .nav-bar .nav-item{font-size: 18px;color: #242424;cursor: pointer;transition: 0.3s;padding: 8px;margin: 0 5px;position: relative;position: relative;}
.header .nav-bar .nav-item:hover{color: #f5a21e;}
.header .nav-bar .nav-item.selected{color: #f5a21e;}
.header .nav-bar .nav-item.selected::after{content: '';position: absolute;left:8px;bottom:-22px;right: 8px;font-size: 0;z-index:9;height: 3px;background-color: #f5a21e;}
.header .search{position: absolute;top: -17px;right: 0;z-index: 9;padding: 34px 36px;box-shadow: 0px 6px 29px 0px rgba(104, 104, 104, 0.4);background:#f5a21e url(../images/icon_search_bg.png) right 0 no-repeat;background-size: 152px 116px;}
.header .search .input{height: 48px;width: 224px;border: 1px solid #fff;background-color: transparent;border-radius: 50px;color: #fff;font-size: 18px;padding-left: 20px;}
.header .search .btn-search{position: absolute;right: 36px;top: 34px;z-index: 9;width: 74px;height: 48px;border-radius: 100px;background:#fff url(../images/icon_search.png) center center no-repeat;background-size: 26px 26px;cursor: pointer;transition: 0.3s;}
.header .search .btn-search:hover{opacity: .9;}

.header .nav-bar .nav{position: relative;}
.header .nav-bar .nav .sub-nav{position: absolute;left: -100%;top: 32px;z-index: 9;padding-top: 38px;display: none;}
.header .nav-bar .nav .sub-nav-wrap{display: flex;white-space: nowrap;background-color: rgba(255, 255, 255, .5);}
.header .nav-bar .nav .sub-nav-item{font-size: 18px;color: #242424;height: 52px;line-height: 52px;padding: 0 26px;transition: 0.3s;}
.header .nav-bar .nav .sub-nav-item:hover{color: #f5a21e;}
.header .nav-bar .nav .sub-nav-item.active{background-color: #f5a21e;color: #fff;}

.header .nav-bar .nav:hover .sub-nav{display: block;}

.header .language{display: flex;align-items: center;position: relative;margin: 0 20px 0 5px;}
.header .language .language-title{font-size: 18px;color: #242424;cursor: pointer;transition: 0.3s;padding: 8px;position: relative;padding-right: 16px;background:url(../images/icon_arrow_down.png) right center no-repeat;background-size: 9px 6px;}
.header .language:hover .language-title{color: #f5a21e;background-image: url(../images/icon_arrow_down_yellow.png);}
.header .language .language-popup{position: absolute;left: -16px;top: 58px;right: -16px;z-index: 9;background-color: #fff;border-radius: 4px;box-shadow: 0 0 8px rgba(0, 0, 0, .1);padding: 8px 0;display: none;}
.header .language .language-popup .language-item{text-align: center;font-size: 18px;line-height: 36px;cursor: pointer;transition: 0.3s;}
.header .language .language-popup .language-item.selected{color: #f5a21e;}
.header .language .language-popup .language-item:hover{color: #f5a21e;background-color: #fff3df;}
.header .language:hover .language-popup{display: block;}


.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 35px;width: 62px;height: 62px;background:url(../images/swiper_icon_prev.png) 0 0 no-repeat;background-size: cover;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 35px;width: 62px;height: 62px;background:url(../images/swiper_icon_next.png) 0 0 no-repeat;background-size: cover;}
.swiper-button-next, .swiper-button-prev{transform: translateY(-50%);transition: 0.3s;cursor: pointer;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: .7;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '';}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}

.swiper-button-next, .swiper-button-prev{transition: 0.2s;}
.swiper-button-next.hide, .swiper-button-prev.hide{opacity: 0;}

.swiper-button-next,
.swiper-button-prev {
/* display: none; */
opacity: 0;
}
.home-swiper-container:hover .swiper-button-next,
.home-swiper-container:hover .swiper-button-prev {
/* display: block; */
opacity: 1;
}

.top-news .swiper-pagination{bottom: auto;top: 350px;text-align: right;padding-right: 14px;}
.top-news .swiper-pagination-bullet{background-color: #fff;width: 10px;height: 10px;margin: 0 6px !important;}



.home-swiper-container img{width: 100%;}
.home-swiper-container .swiper-pagination{color: #fff;text-align: right;font-size: 16px;padding-right: 86px;}
.home-swiper-container .swiper-pagination-current{font-size: 30px;}
.home-swiper-container .swiper-pagination-total{font-size: 50px;}
/* .swiper-button-prev, .swiper-rtl .swiper-button-next{left: 35px;width: 68px;height: 68px;background:url(../images/swiper_icon_prev.png) 0 0 no-repeat;background-size: cover;display: none;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 35px;width: 68px;height: 68px;background:url(../images/swiper_icon_next.png) 0 0 no-repeat;background-size: cover;display: none;}
.swiper-button-next, .swiper-button-prev{transform: translateY(-50%);transition: 0.3s;cursor: pointer;}
.swiper-button-next:hover, .swiper-button-prev:hover{opacity: .7;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '';}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';} */

.container{width: 960px;margin: 0 auto;}

.footer{background-color: #f5a21e;padding-top: 36px;padding-bottom: 2px;}
.footer .footer-container{width: 960px;margin: 0 auto;}
.footer .row{display: flex;justify-content: space-between;margin-bottom: 50px;}
.footer .nav-bar{display: flex;}
.footer .nav-bar .nav-item{font-size: 18px;color: #fff;cursor: pointer;transition: 0.3s;margin-right: 94px;}
.footer .nav-bar .nav-item:hover{opacity: .7;}
.footer .ewm{display: flex;font-size: 18px;color: #fff;}
.footer .ewm > img{width: 86px;height: 86px;margin-left: 12px;position: relative;bottom: 4px;}
.footer .hotline{display: flex;align-items: center;font-size: 16px;color: #fff;}
.footer .hotline > img{width: 39px;height: 39px;margin-right: 15px;}
.footer .hotline .f-big{font-size: 26px;line-height: 26px;}
.footer .copyright{font-size: 18px;color: #fff;align-self: flex-end;}
.footer .copyright > span{margin-left: 28px;}

.home .main{width: 1200px;margin: 46px auto 42px;}
.home .news .news-title-bar{display: flex;align-items: center;justify-content: space-between;margin-bottom: 34px;}
.home .news .news-title-bar .news-title{font-size: 36px;color: #020202;border-bottom: 8px solid #f5a21e;padding-bottom: 10px;font-weight: 500;}
.home .news .news-title-bar .news-tabs{display: inline-flex;align-items: center;}
.home .news .news-title-bar .news-tabs-item{display: inline-flex;padding: 14px 28px;font-size: 20px;border: 1px solid #f5a21e;border-radius: 3px;color: #f5a21e;margin-left: 20px;transition: 0.3s;cursor: pointer;}
.home .news .news-title-bar .news-tabs-item:not(.selected):hover{opacity: .75;}
.home .news .news-title-bar .news-tabs-item.selected{background-color: #f5a21e;color: #fff;cursor: default;}

.home .news .top-news{width: 547px;margin-right: 50px;float: left;}

.home .news .top-news .pic{width: 547px;}
.home .news .top-news .pic img{height: 380px;width: 100%;}
.home .news .top-news .title{font-size: 22px;color: #020202;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin-top: 30px;transition: 0.3s;}
.home .news .top-news .describe{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;font-size: 16px;color: #5a5a5a;margin-top: 8px;line-height: 28px;}
.home .news .top-news:hover .title{color: #f5a21e;}
.home .news .btn-more{font-size: 16px;color: #5a5a5a;transition: 0.3s;cursor: pointer;margin-top: 8px;display: inline-flex;}
.home .news .btn-more:hover{color: #f5a21e;}

.home .news .home-news-list{width: 603px;float: left;}
.home .news .home-news-list .news-item{display: flex;align-items: center;cursor: pointer;margin-bottom: 41px;}
.home .news .home-news-list .news-item:last-of-type{margin-bottom: 0;}
.home .news .home-news-list .news-item .date{font-size: 30px;color: #020202;display: inline-flex;flex-direction: column;text-align: right;flex-shrink: 0;}
.home .news .home-news-list .news-item .date .year{font-size: 18px;}
.home .news .home-news-list .news-item .right{padding-left: 24px;border-left: 1px solid #e3e3e3;margin-left: 24px;flex:1;width: 0;min-width: 0;}
.home .news .home-news-list .news-item .title{font-size: 22px;color: #020202;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;transition: 0.3s;}
.home .news .home-news-list .news-item .describe{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;font-size: 16px;color: #5a5a5a;margin-top: 8px;line-height: 28px;}
.home .news .home-news-list .news-item:hover .title{color: #f5a21e;}

.home .news .news-wrap{overflow: hidden;display: flex;}


.home .special-column{width: 1200px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.home .special-column .special-column-item{width: calc((100% - 60px)/4);height: 159px;margin-right: 20px;margin-top: 34px;background:url(../images/special_column_01.png) 0 0 no-repeat;background-size: 100% 100%;padding: 16px 20px;color: #1f1e1c;overflow: hidden;cursor: pointer;transition: 0.3s;}
.home .special-column .special-column-item:hover{transform: translateY(-16px);}
.home .special-column .special-column-item:nth-of-type(4n){margin-right: 0;}
.home .special-column .special-column-item:nth-of-type(2){background-image: url(../images/special_column_02.png);}
.home .special-column .special-column-item:nth-of-type(3){background-image: url(../images/special_column_03.png);}
.home .special-column .special-column-item:nth-of-type(4){background-image: url(../images/special_column_04.png);}
.home .special-column .samll-title{font-size: 18px;}
.home .special-column .describe{font-size: 21px;margin-top: 24px;}
.home .special-column .main-title{font-size: 21px;}

.fixed-menu{position: fixed;right: 16px;top: 45%;z-index: 99;background-color: #f5a21e;border-radius: 6px;border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0px 4px 13px 0px rgba(203, 203, 203, 0.74);}
.fixed-menu .fixed-menu-item{display: flex;flex-direction: column;font-size: 15px;color: #fff;padding: 8px 10px;align-items: center;border-bottom: 1px solid #e5971c;transition: 0.3s;cursor: pointer;}
.fixed-menu .fixed-menu-item:hover{opacity: .75;}
.fixed-menu .fixed-menu-item:last-of-type{border-bottom: 0;}
.fixed-menu .fixed-menu-item > img{width: 32px;height: 32px;margin-bottom: 5px;}

.sub-banner > img{width: 100%;}


.news-list{display: flex;align-items: flex-start; position: relative;}
.side-menu{width: 215px;margin-right: 90px;margin-bottom: 50px;flex-shrink: 0;box-shadow: 0px 12px 13px 0px rgba(139, 139, 139, 0.1);border-radius: 4px;padding: 58px 0 40px 54px;position: relative;top: -58px;z-index: 99;background-color: #fff;}
.side-menu .side-menu-title{display: flex;flex-direction: column;font-size: 28px;color: #212224;margin-bottom: 40px;}
.side-menu .side-menu-title .en{font-size: 16px;color: #77787b;}
.side-menu .side-menu-item{font-size: 16px;color: #333;cursor: pointer;transition: 0.3s;position: relative;padding: 32px 0;position: relative;transform-style: preserve-3d;display: block;}
.side-menu .side-menu-item .sn{margin-right: 16px;}
.side-menu .side-menu-item.selected::after{content: '';position: absolute;left:-25px;top:0;bottom: 0;right: -25px;font-size: 0;border-radius: 4px;background-color: #f5a21e;transform: translateZ(-1px);}
.side-menu .side-menu-item:hover{color: #f5a21e;}
.side-menu .side-menu-item.selected{color: #fff;}

.news-list .news{flex:1;padding-bottom: 50px;width: 0;min-width: 0;padding-top: 82px;}
.news-list .news .news-item{cursor: pointer;border-bottom: 1px solid #f1f1f1;padding-bottom: 22px;margin-bottom: 40px;display: block;}
.news-list .news .news-item:last-of-type{margin-bottom: 0;}
.news-list .news .news-item .title{font-size: 30px;color: #212121;transition: 0.3s;}
.news-list .news .news-item .describe{display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;font-size: 18px;color: #595959;margin-top: 12px;line-height: 31px;}
.news-list .news .news-item .date{font-size: 19px;color: #a9a9a9;margin-top: 12px;}
.news-list .news .news-item:hover .title{color: #f5a21e;}

.news-list .pic-news{flex:1;padding-bottom: 50px;width: 0;min-width: 0;}
.news-list .pic-news .list{display: flex;flex-wrap: wrap;}
.news-list .pic-news .list .list-item{width: calc((100% - 50px) / 3);margin-right: 16px;margin-top: 40px;cursor: pointer;}
/*.news-list .pic-news .list .list-item:nth-of-type(3n){margin-right: 0;}*/
.news-list .pic-news .list .pic{width: 100%;height: 221px;}
.news-list .pic-news .list .describe{font-size: 22px;color: #212121;margin-top: 16px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;transition: 0.3s;text-align: right;}
.news-list .pic-news .list  .list-item:hover .describe{color: #f5a21e;}
.news-list .pic-news .pic-tabs{display: flex;border-bottom: 1px solid #edeff4;padding: 22px 24px ;}
.news-list .pic-news .pic-tabs .pic-tabs-item{font-size: 18px;color: #aab0bc;padding: 12px;cursor: pointer;transition: 0.3s;margin: 0 16px;position: relative;}
.news-list .pic-news .pic-tabs .pic-tabs-item:hover{color: #212121;}
.news-list .pic-news .pic-tabs .pic-tabs-item.selected{color: #212121;}
.news-list .pic-news .pic-tabs .pic-tabs-item.selected::after{content: '';position: absolute;left:0;bottom:-22px;right: 0; font-size: 0;z-index:9;border-bottom: 3px solid #f5a21e;}

.news-list .pic-news .list-col-02 .list-item{width: calc((100% - 50px) / 2);margin-right: 50px;margin-top: 40px;cursor: pointer;}
.news-list .pic-news .list-col-02 .list-item:nth-of-type(3n){margin-right: 50px;}
.news-list .pic-news .list-col-02 .list-item:nth-of-type(2n){margin-right: 0;}
.news-list .pic-news .list-col-02 .pic{width: 100%;height: 249px;}


.pagination{display: flex;align-items: center; margin-top: 50px;}
.pagination .pagination-item{font-size: 18px;color: #707070;padding: 8px;cursor: pointer;transition: 0.3s;margin-right: 16px;}
.pagination .pagination-item:hover{color: #f5a21e;}
.pagination .pagination-item.selected{color: #212121;}
.pagination .pagination-btn-prev{width: 24px;height: 32px;background:url(../images/icon_arrow_next.png) 0 center no-repeat;background-size: 24px 8px;display: inline-flex;margin-right: 16px;transform: rotateY(180deg);cursor: pointer;transition: 0.3s;}
.pagination .pagination-btn-next{width: 24px;height: 32px;background:url(../images/icon_arrow_next.png) 0 center no-repeat;background-size: 24px 8px;display: inline-flex;cursor: pointer;transition: 0.3s;}
.pagination .pagination-btn-prev:hover,.pagination .pagination-btn-next:hover{background-image: url(../images/icon_arrow_next_yellow.png);}

.details-body{padding: 80px 0 50px;}
.details-body img{max-width: 100%;}

.details-body .quick-jump{display: flex;justify-content: space-between;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;padding: 52px 0;margin-top: 56px;}
.details-body .quick-jump .quick-jump-item{display: inline-flex;width: 300px; flex-direction: column;color: #212121;font-size: 18px;line-height: 31px;cursor: pointer;}
.details-body .quick-jump .quick-jump-item span{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;transition: 0.3s;}
.details-body .quick-jump .quick-jump-item:hover span{color: #f5a21e;}
.details-body .btn-back{color: #212121;font-size: 22px;padding:12px 18px;cursor: pointer;transition: 0.3s;margin-top: 46px;display: inline-flex;background:url(../images/icon_arrow_left.svg) 0 center no-repeat;background-size: 5px 8px;}
.details-body .btn-back:hover{color: #f5a21e;background-image: url(../images/icon_arrow_left_yellow.svg);}

.news-list .gas-price{flex:1;padding-bottom: 50px;width: 0;min-width: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.news-list .gas-price .gas-price-item{text-align: center;border-bottom: 1px solid #edeff4;width: 33.33%;padding: 72px 0 42px;position: relative;}
.news-list .gas-price .gas-price-item::after{content: '';position: absolute;right:0;top:40px;bottom: 24px;font-size: 0;z-index:9;border-right: 1px solid #edeff4;}
.news-list .gas-price .gas-price-item:nth-of-type(3)::after{border-right: 0;}
.news-list .gas-price .gas-price-item:nth-of-type(4)::before{content: '';position: absolute;left:0;top:40px;bottom: 24px;font-size: 0;z-index:9;border-left: 1px solid #edeff4;}
.news-list .gas-price .gas-price-item .title{font-size: 24px;color: #f5a21e;}
.news-list .gas-price .gas-price-item .price{font-size: 50px;color: #f5a21e;margin-top: 8px;font-weight: 600;}
.news-list .gas-price .gas-price-item .content{font-size: 16px;color: #212121;margin-top: 16px;line-height: 31px;}
.news-list .gas-price .gas-price-item:nth-of-type(4){border-bottom: 0;}
.news-list .gas-price .gas-price-item:nth-of-type(4) .title{margin-top: 30px;}

.about-us{padding-bottom: 60px;}
.about-us .tabs-bar{display: flex;align-items: center;padding: 0 12px;margin-top: 40px;border-bottom: 1px solid #e3e3e3;}
.about-us .tabs-bar .tabs-bar-item{display: inline-flex;font-size: 34px;color: #5a5a5a;margin-right: 60px;transition: 0.3s;cursor: pointer;padding-bottom: 44px;border-bottom: 8px solid transparent;}
.about-us .tabs-bar .tabs-bar-item:hover{color: #f5a31c;}
.about-us .tabs-bar .tabs-bar-item.selected{color: #f5a31c;border-bottom: 8px solid #f5a31c;}

.about-us .about-us-news .news-item{display: flex;padding: 66px 0 56px;border-bottom: 1px solid #e3e3e3;}
.about-us .about-us-news .news-item .content{flex:1;width: 0;min-width: 0;}
.about-us .about-us-news .news-item .pic{width: 395px;flex-shrink: 0;margin-left: 70px;}
.about-us .about-us-news .news-item .pic img{height: 230px;width: 100%;}
.about-us .about-us-news .news-item .date{font-size: 25px;color: #020202;}
.about-us .about-us-news .news-item .title{font-size: 22px;color: #020202;margin-top: 30px;transition: 0.3s;}
.about-us .about-us-news .news-item .describe{display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;font-size: 16px;color: #5a5a5a;margin-top: 24px;line-height: 28px;}
.about-us .about-us-news .news-item:hover .title{color: #f5a21e;}
.about-us .about-us-news .btn-more{font-size: 16px;color: #5a5a5a;transition: 0.3s;cursor: pointer;margin-top: 16px;display: inline-flex;}
.about-us .about-us-news .btn-more:hover{color: #f5a21e;}

.about-us .video .video-title-bar{color: #020202;font-size: 34px;padding: 44px 0;display: flex;justify-content: space-between;align-items: center;}
.about-us .video .video-title-bar .right{display: inline-flex;align-items: center;}
.about-us .video .video-button-prev,.about-us .video .video-button-next{width: 48px;height: 48px;border-radius: 100%;border: 2px solid #f5a21e;margin-left: 40px;cursor: pointer;transition: 0.3s;background:url(../images/swiper_icon_arrow_left.svg) 16px center no-repeat;background-size: 11px 20px;}
.about-us .video .video-button-prev:hover,.about-us .video .video-button-next:hover{background-color: #f5a21e;background-image: url(../images/swiper_icon_arrow_left_white.svg);}
.about-us .video .video-button-next{transform: rotateY(180deg);}

.video-swiper-container .swiper-slide{position: relative;height: 214px;}
.video-swiper-container .swiper-slide img{width: 100%;height: 214px;}
.video-swiper-container .swiper-slide video{width: 100%;height: 214px;}
.video-swiper-container .swiper-slide .sn{position: absolute;bottom: 0;right: 0;z-index: 9;height: 60px;background-color: #fff;font-size: 24px;color: #bbbcbd;line-height: 60px;min-width: 66px;padding: 0 16px;text-align: center;}

@media (max-width: 1026px){
  .video-swiper-container .swiper-slide{position: relative;height: 168px;}
.video-swiper-container .swiper-slide img{width: 100%;height: 168px;}
.video-swiper-container .swiper-slide video{width: 100%;height: 168px;}
  .news-list .gas-price .gas-price-item{width: 50%;}
  .news-list .gas-price .gas-price-item:nth-of-type(3){border-bottom: 0;}
  .news-list .gas-price .gas-price-item:nth-of-type(2n)::after{border-right: 0;}
  .footer .nav-bar .nav-item{margin-right: 64px;}
  .footer .hotline{font-size: 14px;}
  .footer .hotline .f-big{font-size: 22px;}
  .footer .copyright{font-size: 16px;}
  .footer .copyright > span{margin-left: 22px;}
  .home .main{width: 996px;margin-top: 38px;margin-bottom: 35px;}
  .home .news .news-title-bar{margin-bottom: 24px;}
  .home .news .news-title-bar .news-title{font-size: 30px;border-bottom: 6px solid #f5a21e;padding-bottom: 8px;}
  .home .news .news-title-bar .news-tabs-item{padding: 12px 22px;font-size: 16px;border: 1px solid #f5a21e;border-radius: 2px;margin-left: 17px;}

  .home .news .top-news{width: 524px;margin-right: 40px;}
  .home .news .top-news .pic{width: 524px;}
  .home .news .top-news .pic img{height: 308px;width: 100%;}
  .home .news .top-news .title{font-size: 18px;margin-top: 26px;}
  .home .news .top-news .describe{font-size: 13px;margin-top: 6px;line-height: 23px;}
  .home .news .btn-more{font-size: 14px;margin-top: 6px;}

  .home .news .home-news-list{width: 432px;}
  .home .news .home-news-list .news-item{margin-bottom: 34px;}
  .home .news .home-news-list .news-item .date{font-size: 24px;}
  .home .news .home-news-list .news-item .date .year{font-size: 15px;}
  .home .news .home-news-list .news-item .right{padding-left: 22px;margin-left: 22px;}
  .home .news .home-news-list .news-item .title{font-size: 18px;}
  .home .news .home-news-list .news-item .describe{font-size: 13px;margin-top: 6px;line-height: 23px;}

  .home .special-column{width: 996px;}
  .home .special-column .special-column-item{width: calc((100% - 51px)/4);height: 130px;margin-right: 17px;margin-top: 28px;padding: 14px 16px;}
  .home .special-column .samll-title{font-size: 15px;}
  .home .special-column .describe{font-size: 17px;margin-top: 18px;}
  .home .special-column .main-title{font-size: 17px;}
  .news-list .pic-news .list .pic{width: 100%;height: 160px;}
  .news-list .pic-news .list-col-02 .pic{width: 100%;height: 178px;}
}



@media(min-width: 1260px) and (max-width: 1599px){
 .container{width: 1200px;}
 .footer .footer-container{width: 1200px;}
 .header{padding-left: 44px;}
 .header .language{margin: 0 30px 0 8px;}
 .header .nav-bar .nav-item{margin: 0 20px;}
 .header .right{padding-right: 375px;}
 .header .search .input{width: 304px;}
}

@media (min-width: 1600px){
 .container{width: 1200px;}
 .footer .footer-container{width: 1440px;}
 .header{padding-left: 84px;}
 .header .language{margin: 0 30px 0 8px;}
 .header .nav-bar .nav-item{margin: 0 26px;}
 .header .right{padding-right: 415px;}
 .header .search .input{width: 344px;}
}


.tar{text-align: right;}
.tac{text-align: center;}
.f-flex{display: flex;}
.f-flex-full{flex:1;}
.f-flex-center{display: flex;align-items: center;}
.f-flex-between{display: flex;align-items: center;justify-content: space-between;}
.f-col-center{align-items: center;}
.f-row-between{justify-content: space-between;}