@charset "utf-8";
/* ===================首页样式========================== */
/* banner */
.banner{position: relative;}
.banner .swiper-pagination-yi{position: absolute;bottom:35px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: #bbb;border-radius: 12px;border:1px solid #bbb;}
.banner .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #1867ab;opacity: 1;border:1px solid #1867ab;}
.banner .swiper-button-next{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 1%;transform:rotate(180deg)}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 1%;}
.banner .swiper-button-next i img, .banner .swiper-button-prev i img{width:40px;}


.banner .swiper-button-next:hover{background:rgba(0,0,0,0.5);}
.banner .swiper-button-prev:hover{background:rgba(0,0,0,0.5);}

.d-flex{display: flex!important;}
.justify-content-center{justify-content: center!important;}
.align-items-center{align-items: center!important;}
.col-lg-6{margin: 0 !important; padding: 0 !important; overflow: hidden;}



.dyip{ text-align:center; background: #fff; padding:50px 0; overflow: hidden;}
.dyip .swiper-father{position: relative;}
.dyip .index_product{padding:35px 0 0;}
.dyip .index_product .swiper-slide{background: #FFF;}
.dyip .index_product .thumb{display: block; border: 1px solid #eee; overflow: hidden;}
.dyip .index_product .thumb img{max-width: 90%;}
.dyip .index_product .desc{ background: #fff; color: #000; display: block;padding:20px 12px; position: relative;}
.dyip .index_product .desc b{font-size: 15px;font-weight: 400;}
.dyip .index_product .desc span{font-weight:normal;display:block;font-size:15px;line-height:1.5;color:#666;padding-top:8px;}

.dyip .index_product .swiper-slide p{font-size: 15px;text-align: center;line-height: 30px;padding:10px 0; color: #222;}
.dyip .swiper-father .swiper-button-next,.dyip .swiper-father .swiper-button-prev{width: 45px;height: 45px;line-height: 45px;text-align: center;box-sizing: border-box;}
.dyip .swiper-father .swiper-button-next i,.dyip .swiper-father .swiper-button-prev i{font-size: 32px;color: #fff; font-weight: 500;}
.dyip .swiper-father .left{right: 0;outline: medium; background:rgba(0,0,0,0.45);}
.dyip .swiper-father .right{left: -0;outline: medium; background:rgba(0,0,0,0.45);}
.dyip .swiper-father .left:hover i,.dyip .swiper-father .right:hover i{color: #1867ab;}

.dyip .swiper-pagination-bi{position: absolute;bottom:-15px;z-index: 11;text-align: center; width: 100%;}
.dyip .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.dyip .swiper-pagination-bullet{width: 12px;height:12px;background: #bbb;border-radius: 10px}
.dyip .swiper-pagination-bullet-active{background: #124391;opacity: 1;}



.industry{padding:50px 0 85px; background: #f7f7f7; overflow: hidden;}
.industry .index-tip{margin-bottom:20px}
.industry-cell{display:flex;flex-wrap:wrap;justify-content:space-between}
.industry-item{display:flex;flex-direction:column;justify-content:flex-end;height:360px;width:32.5%;transition:width .4s ease;background-position:center;margin-top:20px;background-repeat:no-repeat;background-color:#595959;background-size:cover;padding:30px;position:relative}
.industry-item:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);transition:all .4s ease}
.industry-cell.on .industry-item{width:27.5%}
.industry-cell.on .industry-item.active{width:42.5%}
.industry-cell.on .industry-item.active:after{opacity:0}
.industry-item p{color:#fff;font-size:20px;text-transform:uppercase;font-weight:700;opacity:.5;font-family: "Samsung";position: relative;z-index: 2;}
.industry-item-title{font-size:20px;color:#fff;font-weight:700;margin-top:10px;position: relative;z-index: 2;}

/* 优势*/
.advantage{background-color: #fff;padding:0 0 50px 0;}
.advantage_title h3{text-align: center;font-size: 32px; font-weight: 700; color: #222222;}
.advantage_title span{display: inline-block;width: 10px;height: 10px;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;vertical-align: middle;background-color: #c51700;margin: 0 15px;}
.advantage_titlez{margin-top: 8px;font-size: 14px;color: #999;text-align: center;}
.advantage_titlep{margin-top: 20px;}
.advantage_titlep P{width: 60%;text-align: center;line-height: 28px;font-size: 15px;color: #777; margin: 0 auto;}
.advantagebox{margin-top: 20px;}
.advantagebox_item{padding: 6px 0;display: block;}
.advantagebox_itembox{position: relative;}
.advantagebox .advantagebox_item:last-child{border-right: 0;}
.advantagebox_item_img{text-align: center;}
.advantagebox_item_img i{font-size: 65px;margin: auto;transition: all .1s;-webkit-transition: all .1s;-moz-transition: all .1s;-ms-transition: all .1s;-o-transition: all .1s;}
.advantagebox_item_h{margin-top: 10px;text-align: center;font-size: 22px;font-weight: 700;color: #1867ab;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;}
.advantagebox_item_p{margin: auto;margin-top: 10px;text-align: center;color: #777;line-height: 28px;width: 90%;}
.advantagebox_item_p p{color: #777;line-height: 28px;}
.advantagebox_item_p p:nth-child(2){font-size: 12px; color: #aaa; line-height: 22px;}
.advantagebox_itemboxdw{position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);width: 1px;height: 180px;background-color: rgba(0, 0, 0, .1);}
.advantagebox_itembox:last-child .advantagebox_itemboxdw{display: none;}
.advantagebox .advantagebox_item:hover i{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);color: #c51703;}
.advantagebox .advantagebox_item:hover .advantagebox_item_h{transform: translateY(8px);-webkit-transform: translateY(8px);-moz-transform: translateY(8px);-ms-transform: translateY(8px);-o-transform: translateY(8px);}

@media screen and (max-width: 1400px){
    .advantage_titlep P{width: 60%;}
}
@media screen and (max-width: 1200px){
    .inquiregj{display: none;}
    .advantage_titlep P{width: 80%;}
}
@media screen and (max-width: 992px){
    .inquirebox{padding: 10px 0;}
    .advantage_titlep{/* margin-top: 10px;*/margin: 20px 0;}
    .advantagebox{margin-top: 30px;}
    .advantagebox_item{padding: 20px 0;}
    .advantagebox_item_h{margin-top: 10px;font-size: 24px;}
    .advantagebox_item_p{width: 90%;margin-top: 10px;}
    .advantagebox_itembox:nth-child(2n) .advantagebox_itemboxdw{display: none;}
}
@media screen and (max-width: 768px){
    .industry .index-tip{line-height: 22px}
    .index-tit:after{height: 2px;width: 60px}
    .industry-cell.on .industry-item.activ,.industry-cell.on .industry-item,.industry-cell.on .industry-item.active,.industry-item{width: 100%}

    .advantage{padding: 22px 0;}
    .advantagebox_itembox .advantagebox_itemboxdw{display: none;}
    .inquire{display: none;}
    .control_btn{display: none;}
    .advantage_title h3{font-size: 24px;}
    .advantage_titlez{font-size: 12px;}
    .advantage_titlep P{width: 90%;font-size: 13px;line-height: 26px;}
    .advantagebox{margin-top: 10px;}
    .advantagebox_item_h{font-size: 20px;}
    .advantagebox_item_p{font-size: 14px;line-height: 20px;}
    .advantage_title, .advantage_titlez{padding: 0 15px;}
    .advantagebox_item{padding: 20px 10px;background: #fff !important;margin: 10px 0;}
    .advantagebox_item_img i{line-height: 1;}
}



.index-tit{font-size:35px;color:#1a1a1a;font-weight:700;text-align:center;padding-bottom:10px;margin-bottom:20px;position:relative}
.index-tit:after{content:'';position:absolute;left:50%;bottom:0;transform:translate(-50%);height:3px;width:45px;background:#c41218}
.index-tit.white{color:#fff}
.index-tit.white:after{background:#fff}
.index-tip{font-size:16px;text-align:center;color:#666;line-height: 26px}
.index-tip.white{color:#fff}
.index-tip b, .index-tip strong{font-weight: normal;}


.intro{position:relative;z-index:1;padding:56px 0 15px;}
.intro-cont{margin-top:52px;display:flex;z-index: 2}
.intro-l{width:50%;}
.intro-l img{width:100%;object-fit:cover}
.intro-r{width:50%;background:#fff;padding:40px 75px;display:flex;flex-direction:column;justify-content:center}
.intro-r h3, .intro-r h2{font-size:24px;color:#1867ab;font-weight:700;margin-bottom: 20px}
.intro-r p{font-size:15px;line-height:32px;color:#666}
.intro-r p b, .intro-r p strong{font-weight: normal;}
.intro-r p br{content: "";display: block;height: 24px;}
.intro-r a{display:flex;align-items:center;justify-content:center;width:156px;height:46px;background:#1867ab;color:#fff;font-size:16px;margin-top:32px;transition:all .4s ease}
.intro-r a:hover{box-shadow:2px 10px 24px rgba(24,103,171,.86)}
.intro-r a i{display:block;background:url("../images/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:28px;transition:all .4s ease}
.intro-bg{position:absolute;width:100%;height:100%;left:0;top:0;z-index:-1;background: url('../images/introBg.jpg') no-repeat top center/100% auto}


.ldip{background:#fff; padding:25px 0 0; overflow: hidden;}
.ldip .swiper-father{position: relative;}
.ldip .index_gc{padding:0;}
.ldip .index_gc .swiper-slide{background: #FFF;}
.ldip .index_gc .swiper-slide img{width: 100%;}
.ldip .index_gc .swiper-slide p{font-size: 15px;text-align: center;line-height: 30px;padding:10px 0; color: #222;}
.ldip .swiper-father .swiper-button-next,.ldip .swiper-father .swiper-button-prev{width: 45px;height: 45px;line-height: 45px;text-align: center;box-sizing: border-box;}
.ldip .swiper-father .swiper-button-next i,.ldip .swiper-father .swiper-button-prev i{font-size: 32px;color: #fff; font-weight: 500;}
.ldip .swiper-father .left{right: 0;outline: medium; background:rgba(0,0,0,0.65);}
.ldip .swiper-father .right{left: -0;outline: medium; background:rgba(0,0,0,0.65);}
.ldip .swiper-father .left:hover i,.ldip .swiper-father .right:hover i{color: #1867ab;}
.ldip .swiper-pagination-bi{position: absolute;bottom:-15px;z-index: 11;text-align: center; width: 100%;}
.ldip .swiper-pagination-bi .swiper-pagination-bullet{margin:0 5px;}
.ldip .swiper-pagination-bullet{width: 12px;height:12px;background: #bbb;border-radius: 10px}
.ldip .swiper-pagination-bullet-active{background: #23ac38;opacity: 1;}

.Ldzs{background:#fff; padding:20px 0 0; overflow: hidden;}
.Ldzs img{max-width: 100%; margin: 0 auto; display: block;}



/*定制流程*/
.liuc{background: #fff;padding:0;overflow: hidden;}
.pctab{ margin:40px 0 80px 0; overflow: hidden;}
.pctab li{ float:left; width:16.6666%; height:190px; background:#f1f1f1; transition:all .3s ease; position:relative; cursor:pointer;}
.pctab li:nth-child(1){ border-radius:20px 0 0 20px;}
.pctab li:nth-child(6){ border-radius:0 20px 20px 0;}
.pctop{ font-size:18px; color:#333; font-weight:lighter; text-align:center; padding-top:35px;transition:all .3s ease;}
.pctop:before{ content:''; display:block; width:34px; height:2px; background:#aaa; margin:0 auto 28px auto;}
.pctop span{ display:block; width:52px; height:62px; background:url(../images/iflow.png) no-repeat left 5px top; margin:0 auto; transition:all .5s ease;}
.pctab li:nth-child(2) .pctop span{ background-position-x:-94px;}
.pctab li:nth-child(3) .pctop span{ background-position-x:-196px;}
.pctab li:nth-child(4) .pctop span{ background-position-x:-300px;}
.pctab li:nth-child(5) .pctop span{ background-position-x:-412px;}
.pctab li:nth-child(6) .pctop span{ background-position-x:-518px;}
.pctab .pcwa{ position:absolute; top:270px; left:20px; font-size:16px; font-weight: lighter;color:#333; transition:all .5s ease; opacity:0;}
.pctab li.cur .pcwa{ top:250px; opacity:1;}

.pctab li+li:after{ content:''; display:block; position:absolute; width:1px; height:118px; background:#eeeeee; left:0; top:0; bottom:0; margin:auto 0;}
.pctab li:before{ content:''; display:block; position:absolute; bottom:-20px; left:0; right:0; margin:0 auto; width:26px; height:10px; opacity:0; transition:all .3s ease; background:url(../images/iflow.png) no-repeat center;}
.pctab li.cur{ background:#2071b3;}
.pctab li.cur .pctop{ color:#fff;} 
.pctab li.cur .pctop span{ background-position-y:-64px;}
.pctab li.cur:before{ opacity:1; bottom:-10px;}
.pctab li.cur:after{ display:none;}
.pctab li.cur .pctop:before{  background:#fff;} 



/*新闻动态*/
.news_bg{padding: 50px 0;background: #f7f7f7; overflow: hidden;}
.news_t{width: 360px;margin:0 auto;padding:25px 0 45px 0; overflow: hidden;}
.news_t ul li{float: left;width: 180px;overflow: hidden;padding: 0 10px;}
.news_t ul li a{font-size: 16px;color: #333;display: block; float: left; width: 158px; text-align: center; height: 48px; line-height: 48px; overflow: hidden;border: #aaa 1px solid;} 
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;background:#1867ab;border: #1867ab 1px solid;}
.news01{width: 45%;float: left;}
.news01 dl dt{width: 100%; overflow: hidden;line-height: 0;}
.news01 dl dt img{width: 100%;}
.news01 dl dd{padding-top: 20px;width: 570px;}
.news01 dl dd span{display: block;float: left;height: 53px;width: 90px; font-size: 14px; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 32px;padding: 15px 0 0;color: #666; font-family:Arial, Helvetica, sans-serif;}
.news01 dl dd span b,.news02 dt b{display: block;font-size: 40px;}
.news01 .news_r{width: 445px;float: left;padding: 0 0 0 20px; overflow:hidden;}
.news01 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;font-weight: normal;}
.news01 dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news01 dl dd h5 a:hover{ color: #1867ab;}
.news_desc{font-size: 13px; color: #777; line-height: 25px; height: 50px;padding: 5px 0 0;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news02{ width:calc(100% - 48%);float: right;}
.news02 dl{background: #fff; width:100%;height: 108px;overflow: hidden;border: #ddd 1px solid;margin-bottom: 18px; box-sizing: border-box; cursor: pointer;}
.news02 dt{float: left;width: 112px;border-right: #ddd 1px solid;height: 108px;text-align: center; font-size: 14px;color: #888;line-height: 35px;padding: 25px 0 0;}
.news02 dt b{color: #333;}
.news02 dd{width: calc(100% - 135px);padding: 12px 0 0 15px;float: left;}
.news02 dl:hover{border: #1867ab 1px solid;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}


/*合作伙伴*/
.dwup{background: #fff; padding: 50px 0 30px; overflow: hidden;}
.dwup .hzhbs{margin-top:3.5%; overflow: hidden;}
.dwup .hzhbs ul {margin-right:-0.5%;overflow: hidden; }
.dwup .hzhbs ul li{ width:16.15%; margin-right:0.5%; margin-bottom: 1%; float:left; box-sizing: border-box;position: relative; background: #fff;}
.dwup .hzhbs ul li .hz{width:98%;text-align: center; overflow: hidden; border: 1px solid #ddd;}
.dwup .hzhbs ul li .hz img{ max-width:100%; margin: 0 auto; transition: all .3s;}
.dwup .hzhbs ul li .hz img:hover{transform: translateY(-10px);}
.dwup .hzhbs ul li p{font-size: 14px; line-height: 22px;}


.f_link{height: 60px;line-height: 60px;margin-bottom: 15px; overflow: hidden;}
.f_link b{display: block;float: left;font-size: 17px;color: #333;width:8%;font-weight: 600; }
.f_link p{color:#333;float: left;width: 92%;}
.f_link p a{font-size: 15px;color:#333; padding:0 16px 0 0;}
.f_link p a:hover{color: #1867ab;}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}

@media all and (max-width:1599px) {
    /* 1440 × (700)  */
    .banner-cont-title{font-size: 48px}
    .index-tit{font-size: 36px}
    .world-tit{font-size: 28px;line-height: 40px;}
    .index-tit:after{width: 70px}
    .industry-item{height: 300px}
    .intro-cont{margin-top: 60px}
    .intro-r{padding: 40px}
    .intro-r h3, .intro-r h1{font-size: 22px}
    .intro-r p br{height: 18px;}
    .intro-l{height: 500px}



}

@media all and (max-width:1279px) {
    /* 1152 × (700) */
    .industry.news{padding: 80px 0}
    .banner-cont-title{font-size: 36px}
    .index-tit{font-size: 32px}
    .industry .index-tip{margin-bottom: 30px}
    .industry-item{height: 250px;margin-top: 10px;padding: 15px}
    .industry-item p{font-size: 18px}
    .industry-item-title{font-size: 18px;margin-top: 5px}
    .intro-cont{margin-top: 45px}
    .intro-l{height: 450px}
    .intro-r{padding: 20px}
    .intro-r h3, .intro-r h1{font-size: 20px}
    .intro-r p br{height: 14px;}
    .intro-r p{font-size: 14px;line-height: 28px}
    .intro-r a{width: 140px;height: 42px;font-size: 14px}

}

@media all and (max-width:1151px) {
    /* 1024 */
    .banner-bg img.banner-bg-pc{height: 50vh;}
    @keyframes indbanRunL{0%{transform: translateX(-100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}
    @keyframes indbanRunR{0%{transform: translateX(100px);opacity: 0;}100%{transform: translateX(0);opacity: 1;}}

    .intro-bg{background-size: 120% auto;}

    .news_t ul li a{font-size: 15px;}
    .news02 dl:nth-child(4n){display: none;}

    .f_link b{width:17%; font-size: 15px;}
    .f_link p{float: left;width: 83%;}
    .f_link p a{font-size: 14px;}

}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
    .index-tit{font-size: 26px;padding-bottom: 15px;margin-bottom: 15px}
    .industry{padding: 60px 0}
    .industry .index-tip{margin-bottom: 20px}
    .industry-item p,.industry-item h3{font-size: 16px}
    .industry-item{height: 200px}
    .intro{padding-top: 60px}
    .intro-cont{margin-top: 35px;flex-wrap: wrap;}
    .intro-bg{background-size: 300% auto;}
    .intro-l{width: 100%;height: auto;}
    .intro-r h3, .intro-r h1{font-size: 18px}
    .intro-r{padding: 28px 20px;width: 100%;}
    .intro-r a{margin-top: 25px;width: 120px;height: 36px}
    .intro-r a i{margin-left: 10px}

    .pctab li:nth-child(1){ border-radius:20px 0 0 0;}
    .pctab li:nth-child(6){ border-radius:0 0 20px 0;}
    .pctab li{ float:left; width:33.333%;}

    .news01{width: 100%; margin-bottom: 30px;}
    .news02{ width:100%;}

    .dwup .hzhbs ul {margin-right:-1;overflow: hidden; }
    .dwup .hzhbs ul li{ width:32.333%; margin-right:1%; margin-bottom: 1.5%;}

    .f_link{height: auto;line-height: 35px;}

}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
    .banner-bg img.banner-bg-pc{display:none}
    .banner-bg img.banner-bg-mb{display:block;min-height: 320px;}
    .banner-nav{bottom: 20px}
    .banner-cont-title{font-size: 22px;line-height: 1.6;}
    .banner-cont-title p{animation: none !important;opacity: 1;}
    .banner .swiper-pagination-bullet{font-size: 12px;margin-left: 10px}
    .banner .swiper-pagination-bullet:last-child{margin-right: 10px}
    .banner .swiper-pagination-bullet-active{margin-right: 80px!important}
    .banner .swiper-pagination-bullet:after{left: 0}
    .banner .swiper-pagination-bullet.active:after{width: 40px}
    .banner-btn img{width: 14px}
    .banner-play{border-width:5px 0 5px 10px;height: 10px;margin-left: 20px}
    .banner-play.paused{border-width: 0 0 0 10px}
    .index-tip{font-size: 14px;line-height: 22px;}
    .industry .index-tip{line-height: 22px}
    .index-tit:after{height: 2px;width: 60px}
    .industry-cell.on .industry-item.activ,.industry-cell.on .industry-item,.industry-cell.on .industry-item.active,.industry-item{width: 100%}
    .industry{padding: 40px 0}
    .intro-cont{margin-top: 30px;flex-wrap: wrap}
    .intro {padding-top: 40px;}
    .intro-r {padding: 24px 12px;}
    .intro-bg {background-size: 500% auto;}
    .intro-r p br{height: 10px;}
    .world-l li:nth-last-child(3){margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}

    .pctab li{ float:left; width:50%;}
}