/**!
 * 中国航空油料集团有限公司采购管理平台
 * author: tfx;
 * date:2020-02-12
 */


/* 正文 */
/* 图片轮播 */

#ewb-imgscroll {
    position: relative;
}
/* 轮播-分页按钮 */
.owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 42px;
    width: 72px;
    height: 8px;
    margin: 0 auto;
}

.owl-dots .owl-dot {
    float: left;
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin-right: 8px;
    background: #9c9b9f;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 32px;
    background: #fff;
}

/* 立即查看 */
.lookup {
    height: 366px;
    background-color: #fafafa;
}

.notice {
    position: relative;
    height: 50px;
    margin-top: 38px;
    background-color: #fff;
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.11);
    z-index: 999;
}
.notice-logo {
    position: absolute;
    left: 3px;
    bottom: 3px;
    width: 70px;
    height: 60px;
    padding: 8px 8px 0 14px;
    box-sizing: border-box;
    background: url("../images/notice_bg.png") center center no-repeat;
    text-align: center;
}
.notice-logo>span {
    line-height: 22px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 6px;
}

.notice-marquee{
    float: left;
    width: 1085px;
    height: 50px;
    margin-left: 77px;
    white-space: nowrap;
    overflow: hidden;
}
.notice-marquee-list{
    width: 520px;
    line-height: 50px;
    padding-left: 51px;
    font-size: 15px;
    box-sizing: border-box;
    background: url("../images/notice_point.png") 30px center no-repeat;
}
.marquee-cont{
    width: 335px;
    padding-right: 70px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.marquee-date{
    width: 134px;
    text-align: left;
    color: #999999;
}

div.notice-more{
    float: right;
}
.notice-more>a{
    display: block;
    width: 34px;
    height: 50px;
    text-align: center;
    padding:6px 10px 0;
    box-sizing: border-box;
    color: #999999;
    background: #f8f8f8;
}
.notice-more>a:hover{
    color: #1f79e8;
    background: #f1f7ff;
}


.lookup-ul{
    margin: 60px -10px 0;
}
.lookup-list{
    float: left;
    width: 20%;
}
.lookup-cont{
    height: 220px;
    margin: 0 10px;
    text-align: center;
    background: center 35px no-repeat #fff;
    overflow: hidden;
    box-shadow: 0px 1px 12px 0px rgba(0, 0, 0, 0.06);
}
.lookup-cont>p{
    margin-top: 109px;
    line-height: 25px;
    font-size: 16px;
}
.lookup-cont>a{
    display: inline-block;
    width: 85px;
    height: 32px;
    line-height: 32px;
    margin-top: 30px;
    color: #999999;
    border: 1px solid #d2d2d2;
    border-radius: 32px;
    background-color: #fff;
    cursor: pointer;
}
.lookup-cont.cont1{
    background-image: url("../images/icon_cgr.png");
}
.lookup-cont.cont2{
    background-image: url("../images/icon_gys.png");
}
.lookup-cont.cont3{
    background-image: url("../images/icon_zj.png");
}
.lookup-cont.cont4{
    background-image: url("../images/icon_kpbxt.png");
}
.lookup-cont.cont5{
    background-image: url("../images/icon_ds.png");
}
.lookup-cont.cont1:hover{
    background-image: url("../images/icon_cgr1.png");
}
.lookup-cont.cont2:hover{
    background-image: url("../images/icon_gys1.png");
}
.lookup-cont.cont3:hover{
    background-image: url("../images/icon_zj1.png");
}
.lookup-cont.cont4:hover{
    background-image: url("../images/icon_kpbxt1.png");
}
.lookup-cont.cont5:hover{
    background-image: url("../images/icon_ds1.png");
}
.lookup-cont:hover{
    background-color: #1f79e8;
}
.lookup-cont:hover p{
    color: #fff;
}
.lookup-cont:hover a{
    border:1px solid#fff;
    color: #fff;
    background-color:#1f79e8;
}
.lookup-cont>a:hover{
    border: none;
    color: #1f79e8;
    background-color: #fff;
}

/* 交易信息 */
.tradeinfo{
    height: 748px;
    background-color: #eeeeee;
    overflow: hidden;
}
.tradeinfo-head{
    margin-top: 18px;
    line-height: 53px;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
}
.red-line{
    width: 80px;
   /* margin: 0 auto; */
    border: 1px solid #1f79e8;
}
.grey-line{
    width: 260px;
    /* margin: 0 auto; */
    border-top: 1px solid #e5e5e5;
}
.tradeinfo-eng{
    line-height: 29px;
    text-align: left;
    color: #999999;
}
.tradeinfo-cont{
    margin-top: 16px;
    border-top: 2px solid #1f79e8;
}
.cont-head{
    padding: 25px 0;
    background-color: #f8f8f8;
}
.cont-head-way>span{
    float: left;
    display: block;
    width: 114px;
    line-height: 28px;
    padding-right: 11px;
    text-align: right;
    font-size: 15px;
    font-weight: bold;
    box-sizing: border-box;
}
.cont-head-ul{
    float: left;
}
.cont-head-ul>li{
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    margin: 0 9px;
    font-size: 15px;
    color: #666666;
    cursor: pointer;
}
.cont-head-ul>li.active{
    color: #fff;
    border-radius: 28px;
    background: #57a3ea;
}



.cont-head-ul2{
    float: left;
}
.cont-head-ul2>li{
    float: left;
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    margin: 0 9px;
    font-size: 15px;
    color: #666666;
    cursor: pointer;
}
.cont-head-ul2>li.active{
    color: #fff;
    border-radius: 28px;
    background: #57a3ea;
}





.mt-12{
    margin-top: 12px;
}
.cont-title{
    height: 38px;
    line-height: 38px;
    background: #1f79e8;
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.cont-title>h1{
    float: left;
    width: 1050px;
}
.cont-title>span{
    float: left;
    width: 150px;
}
.cont-list{
    height: 38px;
    line-height: 38px;
    font-size: 15px;
    background: url("../images/notice_point.png") 20px center no-repeat #fff;
}
.cont-list:nth-child(2n){
    background-color: #f4f4f4;
}
.cont-list:hover{
    color: #1f79e8;
    background-color: #f1f7ff;
}
.cont-list:hover a{
    color: #1f79e8;
}
.cont-list>a{
    float: left;
    width: 1090px;
    padding: 0 175px 0 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.cont-list>.astyle{
    float: left;
    width: 1090px;
    padding: 0 175px 0 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
	cursor:pointer
}

.cont-list>span{
    float: left;
    width: 110px;
    text-align: left;
}
.tradeinfo-cont>a{
    display: block;
    width: 100px;
    height: 34px;
    line-height: 34px;
    margin: 20px auto 0;
    color: #999999;
    text-align: center;
    background-color: none;
    border: 1px solid #dddddd;
    border-radius: 34px;
    cursor: pointer;
}
.tradeinfo-cont>a:hover{
    color: #fff;
    background-color: #57a3ea;
    border: none;
}
/* 服务指南 */
.service{
    height: 530px;
    overflow: hidden;
}
.service-ul{
    margin: 31px -15px 0;
}
.service-list{
    position: relative;
    float: left;
    width: 33.333%;
}
.service-cont{
    height: 310px;
    margin: 0 15px;
    padding: 0 15px;
    background: url("../images/service_bg.png") center 0 no-repeat #f3f3f3;
    overflow: hidden;
}
.service-cont-head{
    line-height: 46px;
    margin-top: 4px;
    padding-left: 32px;
    font-size: 18px;
    font-weight: bold;
    background:0 11px no-repeat;
}
.service-cont-head1{
    background-image: url("../images/icon_bszn.png");
}
.service-cont-head2{
    background-image: url("../images/icon_xzzz.png");
}
.service-cont-head3{
    background-image: url("../images/icon_cjwt.png");
}
.service-bs-list{
    float: left;
    width: 100%;
    line-height: 33px;
    padding-left: 25px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    background: url("../images/notice_point.png") 0 center no-repeat;
}
.btn-more,
.service-cont>a{
    display: none;
    width: 100px;
    height: 34px;
    line-height: 34px;
    margin: 10px auto 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 1px solid #fff;
    border-radius: 34px;
    cursor: pointer;
}
.btn-more:hover,
.service-cont>a:hover{
    border: none;
    color: #1f79e8 !important;
    background: #fff;
}

/* 常见问题-tab */
.service-cont-relative{
    position: relative;
}
.tab-service-head{
    position: absolute;
    top: 0;
    left: 15px;
}
.tab-head{
    float: right;
    margin-top: 13px;
}
.tab-body{
    float: left;
    width: 100%;
    margin-top: 13px;
}
.tab-head>li{
    float: left;
    line-height: 23px;
    margin: 0 8px;
    font-size: 15px;
    cursor: pointer;
}
.tab-head>li.active{
    position: relative;
    font-weight: bold;
    color: #1f79e8;
    border-bottom: 1px solid #1f79e8;
}
.tab-head>li.active::before,
.tab-link-head>li.active::before{
    position: absolute;
    top: 24px;
    left: 0;
    right: 0;
    width: 5px;
    height: 3px;
    margin: 0 auto;
    content: '';
    background: url("../images/tab_bot.png") center center no-repeat;
}
/* 触摸效果 */
.service-cont.active{
    position: relative;
    top: -14px;
    left: -10px;
    width: 400px;
    height: 340px;
    box-sizing: border-box;
    background: #1f79e8;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
}
.service-cont.active,
.service-cont.active a{
    color: #fff;
}
.service-cont.active .service-cont-head1{
    background-image: url("../images/icon_bszn1.png");
}
.service-cont.active .service-cont-head2{
    background-image: url("../images/icon_xzzz1.png");
}
.service-cont.active .service-cont-head3{
    background-image: url("../images/icon_cjwt1.png");
}
.service-cont.active .service-bs-list{
    background-image: url("../images/notice_point1.png");
}
.service-cont.active a{
    display: block;
}
.service-cont.active .tab-head>li.active{
    color: #fff100;
    border-bottom: 1px solid #fff100;
}
.service-cont.active .tab-head>li.active::before{
    background-image: url("../images/tab_bot1.png");
}


/* 友情链接 */
.link{
    height: 150px;
    background-color: #eeeeee;
    overflow: hidden;
}
.link-head{
    margin-top: 15px;
    line-height: 46px;
    padding-left: 36px;
    font-size: 16px;
    font-weight: bold;
    background: url("../images/icon_link.png") 10px 15px no-repeat;
}
.tab-link{
    margin-left: 17px;
}
.tab-link-head>li{
    float: left;
    line-height: 27px;
    margin: 0 20px;
    font-size: 15px;
    cursor: pointer;
}
.tab-link-head>li.active{
    position: relative;
    font-weight: bold;
    color: #1f79e8;
    border-bottom: 1px solid #1f79e8;
}
.tab-link-head>li.active::before{
    top: 27px;
}
.tab-link-work{
    padding-left: 20px;
    line-height: 49px;
    color: #666666;
}
.tab-link-work>a{
    color: #666666;
    font-size: 15px;
}
.tab-link-work>span{
    margin: 0 18px;
}
.tab-link-work>a:hover{
    color: #1f79e8;
}