@charset "utf-8";
/*--------------------
      幻灯片切换
--------------------*/
#banner{ position:relative; width:100%; height:675px; background:#f1f1f1;}
/* banner */
.swiper1{
    width: 100%;
    position: relative;
}
.swiper-img{
    /*height: 30rem;*/
    display:block;
    height: 675px;
    /*background-position: center;*/
    /*background-size: cover;*/
    background-repeat: no-repeat;
}
.banner .swiper1 .swiper-pagination{
    position: absolute;
    left: 50%;
    bottom: 130px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.banner .swiper1 .swiper-pagination-bullet{
    width: 1.75rem;
    height:.15rem;
    background-color:rgba(251, 78, 55, .6);
    margin: 0 .375rem !important;
    border-radius: 0;
}
.banner .swiper1 .swiper-pagination-bullet-active{
    background-color: #fb4e37;
}

/*--------------------
       数据统计
--------------------*/
.bannertj{ position:absolute; bottom:0; left:0; width:100%; z-index:1; border-bottom:1px solid #f4f4f4; background-color:rgba(255, 255, 255, .85);}
.bannertj-b{ display:flex; width:1280px; margin:0 auto;}
.bannertj-b li{ flex:1; flex-direction:column; height:100px; border-right:1px solid #e6e6e6; text-align:center;}
.bannertj-b li:nth-child(1){ border-left:1px solid #e6e6e6;}
.bannertj-b li p{ padding-top:30px; color:#ca0006; font-size:36px; font-weight:700; }
.bannertj-b li p em{ font-style:normal; font-size:14px; font-weight:100; color:#999;}
.bannertj-b li span{ display:block; padding-top:10px; color:#252b3a; font-size:16px;}

/*--------------------
  业务范围、产品展示
--------------------*/
.mk-h{ padding-top:75px; text-align:center; font-size:32px; color:#242424; line-height:45px;}
.mk-nav{ margin-bottom:30px; text-align:center; font-size:16px; color:#777777; line-height:30px;}
.index-CpCase{ height:1240px; background:url(../img/index/inmain_bg1.png) bottom center no-repeat;}
/*--------------------
       业务范围
--------------------*/
.indexCP{}
.indexCP .indexCPList{ width:1280px; margin:0 auto; display: flex; flex-wrap: wrap;}
.indexCP .indexCPList a{ position:relative; display:flex; width: calc((100% - 21px) / 3); height:200px; margin:0 10px 10px 0; padding:25px 32px 40px; border:1px solid #e6e6e6; box-sizing: border-box;}
.indexCP .indexCPList a:nth-child(3n+0){ margin:0 0 10px 0;}
.indexCP .indexCPList a h4{ display:block; font-size:16px; color:#242424; font-weight:bold;}
.indexCP .indexCPList a p{ margin-top:20px; font-size:14px; color:#6f6f6f;}
.indexCP .indexCPList a span{ position:absolute; left:30px; bottom:25px; display:block; width:98px; height:32px; text-align:center; line-height:32px; border:1px solid #e6e6e6; font-size:12px; color:#a6a6a6; transition: all 0.5s ease 0s;}
.l-text{ flex:1;}
.r-icon{ width:48px;}
.r-icon img{ max-width:100%;}
.indexCP .indexCPList a:hover span{background-color:#ca0006;
    border: 1px solid #ca0006;
    color: #ffffff;}
/*--------------------
       产品展示
--------------------*/
.case{ width:1280px; margin:0 auto;}
/* .case::after{ content:; clear:both; display:block; width:0; height:0;} */
/*大图*/
.case-list{ width:1280px; height:auto; overflow:hidden;}
.case-list img{ width:800px; height:481px;}
.case-list ul li{ width:100%; height:481px; position:relative;}
.case-main{ position:absolute; top:0; right:0; width:480px; height:100%; background:#fff;}
.case-main .case-txt{ width:380px; height:368px; padding:95px 45px 0;}
.case-main .case-txt .h{ font-size:20px; color:#666; font-weight:bold; padding-bottom:10px;}
.case-main .case-txt .p{ margin-top:20px; font-size:14px; color:#5c5c5c; letter-spacing:2px;}
.case-main .case-txt a{display:block; width:103px; height:35px; margin-top: 50px; font:14px/35px "Microsoft YaHei"; color:#fff; text-align:center; background: url("../img/index/case07.png") no-repeat center;}
/*小图*/
.gallery-thumbs2{ height:150px; padding:10px !important; box-sizing:border-box; background:#fff; cursor:pointer;}
.gallery-thumbs2 .swiper-slide { position:relative; height:100%; opacity:0.4; background-size:cover; background-position:center;}
.gallery-thumbs2 .swiper-slide-thumb-active { opacity:1;}
.gallery-thumbs2 .swiper-slide span{ position:absolute; left:0; bottom:0; display:block; width:100%; height:32px; padding:0 10px; box-sizing:border-box; font:14px/32px "Microsoft YaHei"; color:#fff; text-align:center; background:rgba(0, 0, 0, .6);
    white-space:nowrap; 
    overflow:hidden;
    text-overflow:ellipsis;}

/*--------------------
       核心优势
--------------------*/
.youshi .mk-h{ color:#fff;}
.youshi .mk-nav{ color:#fff;}
.youshi{ height:650px; background:url("../img/index/inmain_bg2.png") no-repeat center;}
.youshi-main{ width:1280px; margin:0 auto;}
.youshi-list{ position:relative; width:100%;margin-left:0 !important;margin-right:0 !important;}
.youshi-b{ position:relative;}
.youshi-b img{ width:660px; height:406px;}
.youshi-b p{ position:absolute; right:0; bottom:35px; z-index:999; width:659px; height:275px; padding:50px; line-height:40px; box-sizing:border-box; font-size:24px; color:#6c6c6c; background:#fff;}
.youshi-b p span{ font-weight:700; color:#ca0006;}
/*切换按钮*/
.youshi-btn{ left:620px !important; bottom:305px !important; width:660px !important;}
.youshi-btn span{
    position:relative;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    border-top: 2px solid transparent;
    width: auto;
    margin:0 !important;
    border-radius:0 !important;
    padding:0 25px;
    height: 50px;
    line-height: 50px;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    opacity:1 !important;
    background: none !important;
    }
.youshi-btn span::before{ 
    content:'';
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 27px;
    background-color: rgba(255, 255, 255, .35);
    margin-top: -13.5px;
}
.youshi-btn span.swiper-pagination-bullet-active{ color:#ca0006; border-top: 2px solid #ca0006; background:#fff !important;}

/*--------------------
       新闻中心
--------------------*/
#news{}
#news .container{ padding-bottom:40px;}
/*菜单*/
.newsMenu{ width:1280px; margin:20px auto 40px auto; text-align:center;}
.newsMenu::after{ content: "."; display: block; clear: both; height: 0;width:0;font-size:0; }
.newsMenu a{ display:inline-block; width:138px; height:40px; margin:0 5px; line-height:40px; color:#333; border:1px solid #dedede; transition: all 0.5s ease 0s;}
.newsMenu a.cur, .newsMenu a:hover{ color:#fff; border:1px solid #ca0006; background:#ca0006;}
/*幻灯片*/
.news-img{ position:relative; float:left; width:510px;}
.news-img .swiper-slide{ position:relative; display:block; width:510px; height:390px; background-size:cover; }
.news-img .swiper-slide p{ position:absolute; bottom:0; left:0; width:100%; height:90px; padding:10px; box-sizing:border-box; background:rgba(0,0,0,0.5);}
.news-img .swiper-slide p a{ display:block; width:100%; padding-bottom:10px; font-size:18px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-img .swiper-slide p span{ line-height:22px; font-size:14px; color:#999;}
/*文本*/
.news-text{ float:right; width:730px; height:410px; overflow:hidden;}
.news-text .dtcont li{ margin-bottom:15px; }
.news-text .dtcont li a{ display:block; position:relative; height:80px; padding-bottom:10px; border-bottom:1px solid #e0e0e0;}
.news-text .dtcont li:last-child a{ margin-bottom:0; border:0;}
.news-text .dtcont li a:hover h4{ color:#ca0006;}
.news-text .dtcont li a::after{ content:""; position:absolute; left:0; bottom:0; display:block; width:0; height:3px; background:#ca0006; 
transition:all .3s;
-webkit-transition:all .3s}
.news-text .dtcont li a:hover::after{ width:100%;}
.news-text .dtcont li a h4{ padding-left:85px; color:#333; font-size:16px; font-weight:normal; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;}
.news-text .dtcont li a span{ display:block; position:absolute; left:0; top:0; width:70px; height:70px; color:#ffcccc; font-size:14px; text-align:center; background:#ca0006;}
.news-text .dtcont li a span em{ display:block; padding:14px 0 7px 0; font-style:normal; font-size:24px; color:#fff; font-weight:bold;}
.news-text .dtcont li a p{ display:block; padding:10px 0 0 85px; color:#999; font-size:14px;}

/*--------------------
       关于我们
--------------------*/
.about{ position:relative; padding-top:130px; background:url(../img/index/ab-ar02.jpg) no-repeat center top;}
.about-icon{ position:absolute; left:50%; top:60px; margin-left:-64px; width:128px; height:132px; background:url(../img/index/ab-ar02.png) no-repeat center center;}
.about-content{ width:1280px; margin:0 auto; padding:10px 0 100px 0; background:#fff;}
.about-content .b{ width:80%; margin:30px auto; font:14px/28px "Microsoft YaHei"; color:#666; text-align:center;}
.about-content .b p{ padding-bottom:10px; text-indent:20px;}
.about-content .a{ text-align:center;}
.about-content .a a{ display:inline-block; width:138px; height:48px; margin:0 20px; font:14px/50px "Microsoft YaHei"; text-align:center;}
.about-content .a a:nth-child(1){border:1px solid #2e477f; color:#2e477f;}
.about-content .a a:nth-child(1):hover{border:1px solid #2549a1; color:#fff; background:#2549a1;}
.about-content .a a:nth-child(2){border:1px solid #ca0006; color:#ca0006;}
.about-content .a a:nth-child(2):hover{border:1px solid #ca0006; color:#fff; background:#ca0006;}