/* wangzhaoyu */
/* 通用 */
.row5 { margin-left: -5px; margin-right: -5px }

.letter-spacing5 {letter-spacing:5px}
.letter-spacing8 {letter-spacing:8px}
.letter-spacing10 {letter-spacing:10px}

.triangle-left::before {content: ''; position: absolute; width: 0; height: 0; border-top: 10px solid transparent;border-right: 10px solid #fff; border-bottom: 15px solid transparent;}

.color131313 {color: #131313;}
.color141414 {color: #141414;}
.colorfff_0-6,.colorfff_0-6 a {color: rgba(255, 255, 255, 0.6);}
.colorfff_0-6 a:hover {color: rgba(255, 255, 255, 1);}

.bg2f2f2 {background: #f2f2f2;}

/* link */
.a02, a.a02, .a02 a {display: inline-block;position: relative;}
.a02:before, a.a02:before, .a02 a:before {background: #1e55a8;}
.a02:before, a.a02:before, .a02 a:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%;height: 1px; background-color: #1e55a8;transition: -webkit-transform .2s ease; transition: transform .2s ease;-webkit-transform-origin: right; transform-origin: right;-webkit-transform: scaleX(0);transform: scaleX(0);}
a:hover .a02::before, a.a02:hover::before, .a02 a:hover::before ,.a02:hover::before{-webkit-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: left; transform-origin: left}
.a03 {display: inline-block; padding: 5px 10px;border: 1px solid #999999;}
.a03:hover {border: 1px solid #1f2e8b; background: #1f2e8b; color: #fff;}
/*-------------------线条-------------------*/
.line-ebebebt {width:100%; height:1px; line-height:4px; font-size:0; background:#ebebeb; border:0 none}
.line-ebebebt::before{content: ''; display: inline-block;width: 110px; height: 3px; background: #1f2e8b; position: absolute;left: 0;}
.line-ebebebtno {width:100%; height:1px; line-height:4px; font-size:0; background:#ebebeb; border:0 none}
.line-e2e2e2no {width:100%; height:1px; line-height:4px; font-size:0; background:#e2e2e2; border:0 none}
.line-e2e2e2 {width:100%; height:1px; line-height:4px; font-size:0; background:#c9c9c9; border:0 none}

/*-------------------分割线、边框-------------------*/
.border-1f2e8b {border-bottom: 1px solid #1f2e8b;}
.border-1f2e8b_3 {border-bottom: 3px solid #1f2e8b;}

/*  -------------- 新闻中心 -------------  */
.newSwiper .swiper-wrapper {z-index: 3;}
.swiper-pagination.news-pagination {text-align: left;width: 50%!important;}
.news-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #1f4dac;}
.news-pagination .swiper-pagination-bullet {background: #c3c3c3;}

/*  -------------- 业务领域 -------------  */
.inv-kv {height: calc(55vh);min-height: 500px;}
.inv-bg {background: url(/r/cms/www/default/images/bussiness/index-kv.jpg?v=0.1) center center no-repeat; background-size: cover;}
.top40 {top: 40%;}
.mapbox {width: 1000px; height: 500px; margin: 0 auto;}
.mapdot { position: absolute; z-index: 10;transition-duration: 0.2s; -webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s; -o-transition-duration: 0.2s;}
.spinner { width: 12px;height: 12px; border-radius: 50%; background:rgba(25, 116,225,0.18);  position: absolute; left: 0; right: 0; top: 0; bottom: 0;margin: auto;cursor: pointer;transition-duration: 0.3s; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.spinner::after{content: ''; width: 6px; height: 6px; border-radius: 50%;background: #1f4dac;  position: absolute;top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.map-txt{ width: 491px;position: absolute;top: -66px;left: 35px; background: #fff; border-radius: 10px; opacity: 0;}
.map-txt.triangle-left::before {left: -10px; top: 55px;}
.map-block .map-txt{opacity: 1;}
.map-block .spinner {width: 20px;height: 20px; background: rgba(87,178,178,0.18); left: -4px;}
.map-block .spinner::after {width: 12px;height: 12px;background: #57b28a;}
.spinner:hover {width: 20px;height: 20px; background: rgba(87,178,178,0.18);left: -4px;}
.spinner:hover::after{width: 12px;height: 12px;background: #57b28a;}
/* map */
.mapdot-1 { top: 125px; left: 223px;}
.mapdot-2 { top: 179px;left: 245px;}
/* end */
.nationalday-title { max-width: 60%; margin-top: 5% }

.index-business { padding-top: 100px }

.index-business-txt {top: 40%;}
.index-business-img { padding: 80px 40px }
.index-business .swiper-pagination { position: absolute; top: 0; left: 50%; bottom: auto }
.index-business .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 }
.index-business .swiper-pagination-bullet { display: block; float: left; width: 16.66%; height: 100px; color: #141414; border-radius: 0; box-sizing: border-box; background: transparent; opacity: 1; position: relative ;margin-right:0;}

.index-business .swiper-pagination-bullet .iconfont, .index-business .swiper-pagination-bullet span.h5, .index-business .swiper-pagination-bullet span.line { position: absolute; z-index: 2 }
.index-business .swiper-pagination-bullet .iconfont { font-size: 36px; top: 10px; left: 50%; margin-left: -18px; transition: all .2s }
.index-business .swiper-pagination-bullet span.h5 { display: block; width: 100%; text-align: center; top: 60px; left: 0 }
.index-business .swiper-pagination-bullet span.line { left: 50%; margin-left: -50px; bottom: 0; width: 100px; height: 10px; background: #1f4dac; transition: -webkit-transform .2s ease; transition: transform .2s ease; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0) }
.index-business .swiper-pagination-bullet:hover, .index-business .swiper-pagination-bullet-active { color: #1f4dac }
.index-business .swiper-pagination-bullet:hover span.line, .index-business .swiper-pagination-bullet-active span.line { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left }
.index-business .swiper-pagination-bullet-active .iconfont { transform: scale(1.4) }
.index-business  .swiper-button-prev,.index-business .swiper-button-next { width: 48px; height: 48px; line-height: 48px; top: 50%; margin-top: -24px; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0.4 }
.index-business .swiper-button-prev:before{ font-family: "iconfont"; font-size: 48px; color: #000 }
/* .index-business .swiper-button-prev:before { content: "\e6a1" } */
.index-business .swiper-button-next:before { content: "\e72c" }
.index-business .swiper-button-prev:hover { opacity: 1; left: 1% }
.index-business .swiper-button-next:hover { opacity: 1; right: 2%}
.index-business .swiper-button-prev { left: 2% }
.index-business .swiper-button-next { right: 3% }

/*-------------------业务布局-------------------*/
.la-box a{color: #666;}
.la-box a:hover{color: #1f4dac;}

/*-------------------国际工程-------------------*/
.productSwiper .swiper-button-next{right: 200px;}
.productSwiper .swiper-button-prev {left: 200px;}
.productSwiper .swiper-button-prev,.productSwiper .swiper-button-next{color: #fff;}
.productSwiper .swiper-button-prev:hover,.productSwiper .swiper-button-next:hover {color: #1f2e8b;}
.ani-txt {position: absolute; left: 20%; top: 40%;}
.accordion-title { cursor: pointer; background: #fff; padding: 20px 40px;  } 
.accordion-title .iconfont { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s }
.accordion-title:hover, .accordion-title.unfold { background: #f2f6f9 }
.accordion-title.unfold h4 { font-weight: bold }
.accordion-title.unfold .iconfont { transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg) }

.energy-swiper .swiper-container-horizontal >.energy-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 6px;
}

.energy-swiper-pagination.swiper-pagination { bottom: 0 }
.energy-swiper-pagination .swiper-pagination-bullet {  line-height: 2px; border-radius: 50px; background: #999; opacity: 1 }
.energy-swiper-pagination .swiper-pagination-bullet-active {  background: #012f78 }
/*-------------------集团新闻-------------------*/
#tabs a{position: relative;}
#tabs a::before{content: ''; width: 70%; height: 3px; background: #fff; position: absolute; bottom: 0;opacity: 0;}
#tabs a:hover,#tabs #current{font-weight: bold;}
#tabs a:hover::before,#tabs #current::before{opacity: 1;}
.reuNew-tab a { display:block; background: #f9f9f9;color: #bababa; text-align: center; padding: 5px; margin-right: 10px;}
.reuNew-tab a:last-of-type { margin-right: 0 }
.reuNew-tab a .iconfont { display:block }
.reuNew-tab .current,.reuNew-tab a:hover{color: #1f4dac;}
.reuNew-lis .com-links:hover .fontSize16{color: #1f4dac;}

.reu-lbStyle li.area_25 {width: 100%;min-height: auto;}
.reu-lbStyle li.area_25 .overhidden {display: none;}
.reu-lbStyle li.area_25 .width80 {width: 90%;}
.reu-lbStyle li.area_33 {width: 100%;min-height: auto;}
.reu-lbStyle li.area_33 .overhidden {display: none;}
.reu-lbStyle li.area_33 .width80 {width: 90%;}
.reu-lbStyle .com-link:hover .bgf9f9f9{background: #f2f6f9;}
.reu-lbStyle .newsTit {display: none;}
.reu-lbStyle .newCon {width: calc(100% - 90px); float: left;height:1.95em; line-height:1.95em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis ;}
.reu-lbStyle .newTime {width: 87px; float: right;padding-top: 5px;}
.topping {padding: 2px 8px;border: 1px solid #1f4dac; color: #1f4dac;float: left;margin-right: 20px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display: none;}
.reu-lbStyle .topping {display: inline-block}
.search {width: 230px;border-bottom: 2px solid #E5E5E5;}
.search input {width: 70%; margin-left: -10px;}
.search input-sea {width: 93%!important; margin-left: 20px;}
.search i-sea { display: block;float: right!important; padding-top: 7px;}
.search i { display: block;float: left; padding-top: 7px;}
.pos-rili{position:absolute;left:61%;}
.paddingbottom95{padding-bottom:95px;}




/* 多媒体中心 */
#tab3 .line-ebebebt::before {width: 135px;}
.toplayIcon {color: rgba(255, 255, 255, 1);}
.toplayIcon:hover {color: rgba(255, 255, 255, 0.8);}
.bgfff0_5::before {content: '';width: 100%;height: 100%;position: absolute; top: 0;background: #000; opacity: 0.5;transition-duration: 0.3s; -webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s; -o-transition-duration: 0.3s;}
.toplay {background:none !important;}
.toplay .toplayIcon {top: 88%; left: 5%;}
.toplay .icon-play:before {content: '\e640';}
.toplay.bgfff0_5::before,.bgfff0_5:hover::before ,.toplaytyr {opacity: 0;}
.bookCon .a03 {padding: 5px 30px;}
.bookCon li:hover .zoomimg{transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05)}
.color1f4dac.a03 {border: 1px solid #1f4dac;}
/*-------------------新闻详情-------------------*/
.fontzoon a.iconfont:hover{color: #1f2e8b;}
.bgfffab {height: 100%; position: absolute; left: 0; background: #fff; z-index: 1;}
.recommend li a{border-bottom: 1px solid #d3d3d3;}
.search-lis-con{width: 340px;}
.search-lis-con-search{width:70%;}
.search-lis-con input{width: 80%;height: 49px;}
.search-lis-con .icon-sousuo{width: 6%; height: 40px; line-height: 35px;text-align: center;color: #1f4dac;}

/*-------------------响应式css-------------------*/
@media ( min-width:1600px ) {
    .container { width:1350px!important }
    .jindex-shapesrbg .shapeslbg-setr {top: 60%; left: 53%;}
    .index-business .swiper-pagination { width:1500px; margin-left: -750px }

    
    }
    
    @media (max-width:1400px) {
    }
    @media(max-width:1599px){}
    
    @media ( min-width:1260px ) and ( max-width:1599px ) {
    .container { width:1160px!important }
    .index-business .swiper-pagination { width:1160px; margin-left: -580px }
    .index-business-txt {padding: 0 40px;}

    }
    @media ( min-width:1000px ) and ( max-width:1259px ) {
    .container { width:960px!important }
    .swiper-pagination-fraction.news-pagination, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets.news-pagination {bottom: -16px;}
    .mapbox {width: 900px;}
    /* map */
    .mapdot-1 {top: 111px;left: 200px;}
    .mapdot-2 {top: 161px; left: 220px;}
    /* end */
    .index-business .swiper-pagination { width:960px; margin-left: -480px }
    .index-business-img { padding: 60px 40px }
    .index-business-txt {padding: 0 40px;}
    .accordion-title { padding: 20px 30px }

    }
    
    
    
    @media ( min-width:801px ) and ( max-width:999px ) {
    .container { width: 90%!important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
    .index-business { padding-left: 25px; padding-right: 25px }
    .index-business .container { padding-left: 20px; padding-right: 20px }
    .index-business .swiper-pagination { width:100%; left: 0; margin-left: 0; padding-left: 25px;     padding-right: 25px; box-sizing: border-box }
    .index-business .swiper-pagination-bullet { height: 45px }
    .index-business .swiper-pagination-bullet .iconfont { font-size: 18px; top: 0; margin-left:     -7px }
    .index-business .swiper-pagination-bullet span.h5 { top: 20px; font-size: 0.8rem }
    .index-business .swiper-pagination-bullet span.line { margin-left: -30px; width: 60px;     height: 5px }
    .index-business .swiper-pagination-bullet:hover span.line, .index-business .swiper-pagination-bullet-active span.line { height: 5px }
    .index-business .swiper-button-prev, .index-business .swiper-button-next { display: none }
    }
    
    
    @media ( max-width:999px ) {
    .container { width: 100%!important; padding-left: 20px; padding-right: 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
    .swiper-pagination-fraction.news-pagination, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets.news-pagination {bottom: -16px;}
    .mapbox {width: 750px;}
    .map-txt {width: 300px;}
    /* map */
    .mapdot-1 {top: 95px;left: 165px;}
    .mapdot-2 {top: 133px; left: 182px;}
    /* end */

    .index-business .swiper-pagination { width:90%; left: 5%; margin-left: 0 }
    .index-business-img { padding: 60px 40px }
    .index-business-txt {padding: 0 40px;}


    }
