﻿.text-news-tit{border-bottom:1px solid #ddd;}
.index-newsBox-text li a:hover{color: #d6001d;}
.index-news-leftload{border-top:1px solid rgb(221, 221, 221);border-bottom:1px solid rgb(221, 221, 221);overflow: hidden;}
.imageSwiper{overflow:hidden;}
.index-all-tit span{width:50px;height:3px;background:#d5b345;display: inline-block;margin-left: 5px;position: relative;top: -6px;}
.investment-list .icon{width:50px;height:2px;background:#d5b345;margin: 26px auto 0;}
.index-all-tit.active{color: rgb(90, 90, 90);}
.index-all-tit.active span{background:#d6001d;}
.business-box .box{position: relative;}
.index-about-box{overflow: hidden;border:1px solid #43679a;}
.index-cell-tit{color:#fff;}
.index-cell-tit img{max-width:20px;margin-right:10px;}
.index-cell-box{overflow: hidden;border-bottom:1px solid #43679a;}
.index-about-img img{animation: blurAnimation 1.2s infinite;}

@media(min-width:1000px){
.index-news-boxs{margin-top:100px;}
.img-news-text{font-size: 22px;font-weight:600;}
.text-news-tit{font-size:22px;padding-bottom:15px;margin-bottom:15px;font-weight:600;}
.index-newsBox-text{margin-bottom:40px;}
.index-newsBox-text li{line-height: 28px;padding:0 5px;font-size: 16px;color: #5A5A5A;margin-bottom: 20px;}
.index-newsBox-text.active{margin-bottom:0px;}
.index-news-leftload{padding:13px 0;}
.index-news-leftload>p{font-size: 20px;color: rgb(214, 0, 29);float:left;width:15%;font-weight: 600;padding-left:5px;line-height: 50px;}
.index-news-leftload>a{float:left;width:10%;text-align:center;color: rgba(102,102,102,1);line-height: 50px;}
.index-news-leftload>a:hover{color: rgba(198,167,65,1);}
.index-news-leftload .news_sk{float:left;width:75%;overflow: hidden;}
.index-news-leftload .news_sk .breadth{font-size: 16px;color: #666;margin: 0 15px;}
.news_sk .marqueelefts li{line-height: 50px;padding-left:20px;}
.imageSwiper{margin-top:10px;}
.imageSwiper .img-box{padding: 0 50px;}
.imageSwiper .swiper-slide{position: relative;}
.imageSwiper .swiper-slide .text-box{position: absolute;bottom: 0;z-index: 1;background:rgba(0,0,0,.3);padding: 12px;}
.imageSwiper .swiper-slide .text-box a{color:#fff;}
.imageSwiper .swiper-slide .text-box .tit{font-size: 14px;margin:10px 0;}
.imageSwiper .swiper-slide .text-box .card2{color: #cccccc;font-size: 12px;height: 38px;}

.index-all-tit{font-size: 24px;color: #fff;}
.index-all-tips{font-size: 28px;color:#999999;margin-bottom:40px;}
.index-video{cursor: pointer;}
.investment-box{border-top:1px solid #666;border-left:1px solid #666;border-bottom:1px solid #666;overflow: hidden;}
.investment-list{border-right:1px solid #666;padding:80px 40px;float:left;width:25%;text-align: center;}
.investment-list img{max-width:60px;display: block;margin:auto;}
.investment-list .title{color:#fff;line-height:80px;font-size: 64px;font-weight: bold;margin-top:30px;display: inline-block;position: relative;}
.investment-list:nth-child(1) .title:before{content: "KM²";position: absolute;bottom: 15px;right: -50px;font-size: 22px;color: #fff;line-height: 1;}
.investment-list:nth-child(2) .title:before{content: "国";position: absolute;bottom: 15px;right: -30px;font-size: 22px;color: #fff;line-height: 1;}
.investment-list:nth-child(3) .title:before{content: "+";position: absolute;bottom: 15px;right: -20px;font-size: 22px;color: #fff;line-height: 1;}
.investment-list:nth-child(4) .title:before{content: "亿吨+";position: absolute;bottom: 15px;right: -65px;font-size: 22px;color: #fff;line-height: 1;}
.investment-list .title:hover{color: #d5b345;}
.investment-list .tips{margin-top:15px;font-size: 18px;color: #fff;}
.business-page{padding:30px 0;}
.business-content .row{margin: 0 -10px;}
.business-content .col-md-3{padding: 0 10px;}
.business-box .box .icon-img{position: absolute;top:100px;left:50%;transform: translate(-50%,0);}
.business-box .box .title{position: absolute;top:200px;left:50%;transform: translate(-50%,0);font-size:20px;color:#fff;}
.business-box .box .icon{position: absolute;top:260px;left:50%;transform: translate(-50%,0);width:50px;height:3px;background:#fff;}
.business-box .box .btn{position: absolute;top:380px;left:50%;transform: translate(-50%,0);width:100px;line-height: 34px;border:1px solid #fff;padding:0;color: #fff;}
.business-box>li:nth-child(1){margin-top:40px;}
.business-box>li:nth-child(3){margin-top:30px;}
.business-box .box .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgb(219, 0, 29);z-index: 10;color: #fff;transition:all .5s;transform: scaleX(0);overflow:hidden;}
.business-box .box:hover .mask{transform: scaleX(1);}
.business-box .box .mask-icon-img{margin-top:100px;text-align: center;}
.business-box .box .mask-title{font-size: 20px;color: #fff;text-align: center;margin:20px auto 0;}
.business-box .box .mask-icon{width:50px;height:3px;background:#fff;margin:30px auto 0;}
.business-box .box .mask-inter{margin-top: 25px;padding:0 50px;text-align: center;line-height: 2;}

.index-about-tit{font-size: 40px;color:#fff;}
.index-about-tips{font-size:15px;color:#fff;opacity: 0.8;line-height: 2;margin-top: 10px;}
.index-about-box{margin-top:25px;}
.index-about-list{float:left;width:25%;text-align:center;padding:60px 0 40px;}
.index-about-list .title{line-height:2;margin-top:15px;font-size: 18px;}
.index-about-list .title a{color:#fff;}
.index-about-list .icon{width:50px;height:2px;background:#d5b345;margin: 15px auto;}
.index-about-list .inter{color: rgb(170, 170, 170);font-size:12px;padding: 0 20px;}
.index-about-list .more{line-height: 32px;margin-top: 15px;font-size: 12px;}
.index-about-list .more a{color: rgba(213,179,69,1);}
.index-cell-boxs{margin-top:40px;}
.index-callme-box{margin-top:20px;border:1px solid #eee;}
.index-callme-box:hover{border-color:#d6001d;}
.index-cell-border{border:1px solid rgb(238, 238, 238);padding:20px;margin-top:20px;}
.cell_sk .breadth{font-size: 16px;color: #666;margin: 0 15px;}

#section6{background:#202020;}
.pics_wrap{height:100%;}
.index-cell-tit{margin-bottom:5px;}
.index-cell-box{padding-bottom: 80px;margin-bottom: -20px;position: relative;z-index: 10;}
.index-cell-box p{float:left;width:50%;color:#fff;font-size:40px;}
.index-cell-box a{float:right;width:150px;line-height:40px;border:1px solid rgba(213,179,69,1);border-radius:30px;text-align:center;font-size: 15px;color: rgba(213,179,69,1);transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.index-cell-box a:hover{color: rgba(255,255,255,1);background-color: rgba(213,179,69,1);}
.index-cell-footer{position: relative;z-index: 10;border-top: 1px solid #43679a;text-align: center;color: rgb(119, 119, 119);padding-top: 40px;margin-top: 50px;}
.index-cell-boxs .container .copy-right{display:none;}
.index-cell-boxs .container .copyright{display:none;}

.index-about-img{text-align:right;}

#phoneCarousel{height:390px;margin:0 auto;position:relative;width:100%;max-width: 900px;}
#phoneCarousel .arrow{width:44px;height:44px;position:absolute;top:50%;margin-top:-22px;left:0;cursor:pointer;}

#phoneCarousel .next{background:url(../images/arrows2.png) no-repeat;background-position:center center;left:auto;right:0;}
#phoneCarousel .previous{background:url(../images/arrows1.png) no-repeat;background-position:center center;left:0;right:auto;}
#stage{position:absolute;min-width:520px;height:100%;left:50%;margin-left:-260px;}
#stage img{display:none;}
#stage .default{display:block;left:50%;margin-left:-135px;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}
.no-margin.index-news-boxs{margin-top:0;}

}
@media(max-width:1000px){
.index-news-boxs{margin-top:15px;}
.index-news-boxs.active{margin: 15px -15px 0 !important;}
.img-news-text{font-size: 18px;font-weight:600;border-bottom:1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.imageSwiper{margin-bottom:10px;}
.imageSwiper .swiper-slide .text-box{background:rgba(0,0,0,.3);padding: 12px;}
.imageSwiper .swiper-slide .text-box a{color:#fff;}
.imageSwiper .swiper-slide .text-box .tit{font-size: 14px;margin: 0 0 10px;}
.imageSwiper .swiper-slide .text-box .card2{color: #cccccc;font-size: 12px;height: 38px;}
.index-newsBox-text{margin-bottom:10px;}
.index-newsBox-text li{line-height: 32px;padding:0 5px;font-size: 14px;color: #5A5A5A;margin-bottom: 10px;}
.text-news-tit{font-size:18px;padding-bottom:10px;margin-bottom:10px;font-weight:600;}
.index-news-leftload{border-top:0px;margin-bottom: 30px;border-bottom:0;}
.index-news-leftload>p{font-size: 20px;color: rgb(214, 0, 29);font-weight: 600;padding-bottom: 10px;margin-bottom: 10px;border-bottom:1px solid #ddd;}
.index-news-leftload>a{text-align: center;color: rgb(102, 102, 102);width: 100px;line-height: 28px;border:1px solid rgb(213, 179, 69);padding:0;
display: block;margin:20px auto 0;border-radius:30px;color: rgb(213, 179, 69);}
.news_sk {margin-bottom:10px;}
.index-news-leftload .news_sk .breadth {font-size: 12px;color: #666;margin:0 15px;padding-left: 20px;}

.index-all-tit{font-size: 18px;color: #fff;}
.index-all-tips{font-size: 22px;color:#999999;margin-bottom:20px;}

.investment-list{padding:60px 0;text-align: center;}
.investment-list img{max-width:60px;display: block;margin:auto;}
.investment-list .title{color:#fff;line-height:60px;font-size: 40px;font-weight: bold;margin-top:20px;display: inline-block;position: relative;}
.investment-list:nth-child(1) .title:before{content: "KM²";position: absolute;bottom: 20px;right: -34px;font-size: 14px;color: #fff;line-height: 1;}
.investment-list:nth-child(2) .title:before{content: "国";position: absolute;bottom: 17px;right: -20px;font-size: 14px;color: #fff;line-height: 1;}
.investment-list:nth-child(3) .title:before{content: "+";position: absolute;bottom: 17px;right: -15px;font-size: 14px;color: #fff;line-height: 1;}
.investment-list:nth-child(4) .title:before{content: "亿吨+";position: absolute;bottom: 18px;right: -40px;font-size: 14px;color: #fff;line-height: 1;}
.investment-list .tips{margin-top:15px;font-size: 16px;color: #fff;}
.index-about-tit{font-size: 20px;color:#fff;}
.index-about-tips{font-size:14px;color:#fff;opacity: 0.8;line-height: 1.5;margin-top: 10px;}
.index-about-list{float:left;width:50%;text-align:center;padding:30px 0;}
.index-about-list .title{line-height:2;color:#fff;margin-top:15px;}
.index-about-list .title a{color:#fff;font-size: 18px;}
.index-about-list .icon{width:50px;height:2px;background:#d5b345;}
.index-about-list .icon{width:50px;height:2px;background:#d5b345;margin: 15px auto;}
.index-about-list .inter{color: rgb(170, 170, 170);font-size:12px;padding: 0 20px;}
.index-about-list .more{line-height: 32px;margin-top: 15px;font-size: 12px;}
.index-about-list .more a{color: rgba(213,179,69,1);}
.index-cell-boxs{margin-top:30px;}
.index-callme-box{margin-top:20px;border:1px solid #eee;}
.index-callme-box:hover{border-color:#d6001d;}
.index-cell-border{border:1px solid rgb(238, 238, 238);padding:10px;margin-top:20px;}

.investment-box{border-top:1px solid #666;border-left:1px solid #666;overflow: hidden;margin-bottom: 20px;}
.investment-list{border-right:1px solid #666;padding:40px 0px;float:left;width:50%;text-align: center;border-bottom: 1px solid #666;}
.investment-list img{max-width:30px;}
.investment-list .title{color: #fff;line-height: 2;font-size: 30px;font-weight: bold;margin-top: 0;}
.investment-list .tips{margin-top:10px;font-size: 14px;color: #fff;}
.investment-list .icon{margin-top:20px;}
.business-content{margin-bottom:30px;}
.business-content .row{margin: 0;}
.business-content .row>li{padding:0;}
.business-box .box .icon-img{position: absolute;top: 40px;left: 50%;transform: translate(-50%,0);max-width: 40px;}
.business-box .box .title{position: absolute;top: 100px;left: 50%;transform: translate(-50%,0);font-size: 18px;color: #fff;width: 100%;text-align: center;}
.business-box .box .icon{position: absolute;top:160px;left:50%;transform: translate(-50%,0);width:50px;height:3px;background:#fff;}
.business-box .box .btn{position: absolute;bottom: 60px;left: 50%;transform: translate(-50%,0);width: 100px;line-height: 28px;border:1px solid #fff;padding:0;color: #fff;}
.business-box .box .mask{display: none;}
#section2 {padding:0 0 15px !important;}
.index-about-tit{font-size: 18px;color:#fff;}
.index-row.row{margin:0 -15px;}
.index-about-tips{margin-bottom: 20px;}
.index-about-box{margin-bottom:30px;}
.cell_sk  .marqueelefts li{max-width:200px;}
.index-cell-tit{margin-bottom: 10px;margin-top: 15px;}
.index-cell-box p{font-size:20px;color: #fff;}
.index-cell-box a {width: 120px;line-height: 30px;border:1px solid rgba(213,179,69,1);border-radius:30px;text-align: center;font-size: 15px;color: rgba(213,179,69,1);display: block;margin:15px 0;}
#section6 {background:#202020;}
.index-cell-box{padding-bottom:30px;margin-bottom:30px;}
.index-cell-boxs footer {margin-top: 0px;padding-top: 0px;}
.index-cell-footer{border-top: 1px solid #43679a;text-align: center;color: rgb(119, 119, 119);padding: 20px 15px 80px;margin-top: 0px;}
.index-cell-boxs .container .copy-right{display:none;}
.index-cell-boxs .container .copyright{display:none;}
.index-about-img{margin-bottom:20px;}


}

.marqueelefts {height: auto;max-width: 1200px;overflow: hidden;margin: 0px auto;}
.marqueelefts ul{float:left;}
.marqueelefts li{float:left;margin:0 5px;display:inline;max-width: 300px;height:auto;overflow:hidden;text-align:left;}
.marqueelefts li a{color: #666666;}
.marqueelefts li a:hover{color:#d6001d;}
.news_sk .marqueelefts li{background: url(../images/news-icon.png) no-repeat 0 50%;}

.videolist { position:relative;margin-bottom:30px; }
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; }
.videos{display: none;border: 1px solid #080808;position: fixed;left: 0;top: 0;z-index: 102;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}

@media (min-width:1000px){
.videos video{width: 640px;height: 440px;margin-left: -320px;margin-top: -210px;left: 50%;top: 50%;position: fixed;background-color: #000;z-index: 101;}
.addxideo{width: 640px;height: 440px;left: 50%;top: 50%;position: fixed;margin-left: -320px;margin-top: -210px;}
.vclose{background-color: #000;position: absolute;right:1%;top: 1%;border-radius: 100%;cursor: pointer;z-index:102;}
.homevideo{padding-top:50px;}
.homevideo .div-img img{width:290px;height:150px}
.addmask img{width: 50px!important;height: 50px!important;}
}
@media (max-width:1000px){
.videos video{width: 100%!important;height: 400px;top: 25%;position: fixed;background-color: #000;}
.vclose{background-color: #000;position: absolute;right:1%;top: 26%;border-radius: 100%;cursor: pointer;z-index:10;}
.homevideo{padding-top:30px;}
.addmask img{width: 40px!important;height: 40px!important;}
}
@media (max-width:415px){
 .videos video{height: 200px;}
 .video-home .tabbox{min-height: 0;margin-bottom: -30px;}
}


@keyframes blurAnimation {
  0%{
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.topbanner-container {width: 100%;height: 100%;position: relative;overflow: hidden;}
.topbanner-container .swiper-slide {height:100%; text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;
    display: -webkit-flex; display: flex; -webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;
    justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center;align-items: center;}
.topbanner-container .swiper-pagination-bullet {width: 12px; height: 12px;}
.topbanner-container .swiper-button-next {right: 40px; width: 30px;height: 80px;background-size: 20px 40px;z-index:10;top: 60%;}
.topbanner-container .swiper-button-prev{left:40px;width: 30px;height: 80px;background-size:20px 40px;z-index:10;top: 60%;}
.topbanner-container .swiper-slide img{width:auto;height:100%;max-width:130%;}
.swiper-pagination-bullet{background: rgb(255, 255, 255);}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 25%;}

.topbanner-container .swiper-slide img{width:100%;}
@media (min-width:999px){

}
@media (max-width:999px) {
.pics_wrap .swiper-slide img{max-width: 150%;height: 300px;}

}