/*index-banner*/
.index-banner{position:relative;z-index:1;cursor:default!important;height:795px;overflow: hidden}
.index-banner .article{height:795px;background:no-repeat center center;background-size:cover;display: block;}
.index-banner .swiper-pagination-bullet{width:14px;height:14px;background-color: #fff;opacity: 0.5;}
.index-banner .swiper-pagination-bullet-active{background:#fff;opacity: 1;}
.index-banner .banner-text{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;color: #fff}
.index-banner .banner-text h3{font-size: 60px;letter-spacing: 1px;line-height: 1;margin-bottom: 20px}
.index-banner .banner-text a{display: block;width: 100px;height: 35px;line-height: 35px;background-color: #fdc311;color: #2c2c2c;text-align: center;border-radius: 35px;position: absolute;transform: translatey(-46%);top: 46%;letter-spacing: 1px;left:150px;font-size: 16px;}
.index-banner .banner-text a:hover{background-color:#e60012;color: #ccc}
/*资讯中心*/
.info-center .info-list{margin: 0 -35px;}
.info-center .info-list .list-item{float: left;width: 33.3333%;font-size: 15px;margin-top: 40px;}
.info-center .info-list .list-item h1{font-weight: normal;}
.info-center .info-list .list-item .io-title{font-size: 18px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;margin-bottom: 10px;}
.info-center .info-list .list-item .io-title a{color: #4b4b4b;width: calc(100% - 100px);}
.info-center .info-list .list-item .tag{font-size: 14px;width: 80px;height: 24px;border-radius: 2px;line-height: 24px;text-align: center;display: inline-block;color: #fff;letter-spacing: 1px;margin-right: 8px;}
.info-center .info-list .list-item>div{margin: 0 35px;}
.info-center .info-list .io-title.color1 .tag{background-color: #e60012;}
.info-center .info-list .io-title.color1:hover a{color: #e60012;}
.info-center .info-list .io-title.color2 .tag{background-color: #f39800;}
.info-center .info-list .io-title.color2:hover a{color: #f39800;}
.info-center .info-list .io-text{height: 48px;text-align: justify;text-justify:inter-ideograph;}
.info-center .info-list .io-date{letter-spacing: 1px;margin-top: 3px}

/*德汇视角*/
.visual-angle{height: 400px;}
.visual-angle .angle-left,.visual-angle .angle-right{width: 50%;height: 100%;}
.visual-angle .angle-left a{display: block;width: 100%;height: 100%;position: relative;}
.visual-angle .angle-left .left-img{width: 100%;height: 100%;object-fit: cover}
.visual-angle .angle-left .bf-img{width: 80px;}
.visual-angle .angle-right{background-color: #d20010;color: #ededed;}
.visual-angle .angle-right .comm-title{color: #ededed;}
.visual-angle .angle-right .right-content{max-width: 60%;padding-left: 60px}
.visual-angle .angle-right .comm-text{margin-top: 25px;font-size: 15px;text-align: justify;text-justify:inter-ideograph;}
.visual-angle .angle-list{margin-top: 25px;display: flex;justify-content: space-between}
.visual-angle .angle-list .list-item{width: 120px;height: 120px;border: 2px solid #fff;border-radius: 50%;display: table;text-align: center;font-size: 16px}
.visual-angle .angle-list .list-item>div{display: table-cell;vertical-align: middle;}
/*.visual-angle .angle-list .list-item:not(:first-child){margin-left: 40px}*/
.visual-angle .angle-list .list-item .num{font-size: 22px;}
.visual-angle .angle-list .list-item .num span{font-size: 32px;line-height: 1}

/*index-bottom*/
.index-bottom{height: 400px}
.index-bottom .about-doowin,.index-bottom .for-managent{width: 50%;position: relative;height: 100%}
.index-bottom .about-doowin{background:  no-repeat;background-size: 100% 100%;}
.index-bottom .doowin-content{padding: 0 40px}
.index-bottom .managent-content{padding: 0 20px 0 40px}
.for-managent .left-img{box-shadow: 0 3px 7px 1px rgba(0, 0, 0, 0.39);width: 150px;}
.for-managent .left-img img{width: 100%;height: auto}
.for-managent .right-text{width: calc(100% - 190px)}

.phone-index-banner{display: none;}

.comm-title:after{display: block;content: ""; width: 48px;height: 3px;background-color: #fdc311;margin-top: 10px}
.visual-angle .angle-right .comm-title:after{background-color: #fff}

.index-main{padding: 0 150px}

@media only screen and (min-width:1200px) {
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 8px 0px;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: inherit;width: 14px;top: 50%;right: 80px;left: auto;transform: translatey(-50%);top: 50%;transform:translatey(-50%);-ms-transform: translatey(-50%);-moz-transform: translatey(-50%);-webkit-transform: translatey(-50%);-o-transform: translatey(-50%);}
}

@media only screen and (max-width:1680px ) {
  .index-banner,.index-banner .article{height: 700px;}
  .index-banner .banner-text h3{font-size: 50px}
  .index-main{padding: 0 120px}
  .index-banner .banner-text a{left: 120px}
  .visual-angle .angle-right .right-content{max-width: 65%;}
}



@media only screen and (max-width:1440px ) {
  .index-banner,.index-banner .article{height: 600px;}
  .index-banner .banner-text h3{font-size: 45px}
  .index-main{padding: 0 80px}
  .index-banner .banner-text a{left: 80px}
  .visual-angle .angle-right .right-content{max-width: 70%;}
  .info-center .info-list .list-item .io-title{font-size: 17px}
}

@media only screen and (max-width:1366px ) {
  .index-banner,.index-banner .article{height: 570px;}
  .index-banner .swiper-pagination-bullet{width:10px;height:10px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
  .index-banner .banner-text h3{font-size: 40px}
  .index-main{padding: 0 60px}
  .index-banner .banner-text a{left: 60px}
  .visual-angle .angle-right .right-content{max-width: 100%;padding: 0 60px}
}

@media only screen and (max-width:1280px ) {
	.index-main{padding: 0;}
  .index-banner,.index-banner .article{height:540px ;}
	.visual-angle .angle-list .list-item{width: 100px;height: 100px;font-size: 15px;}
	.visual-angle .angle-list .list-item .num span{font-size: 30px;}
	.visual-angle .angle-left .bf-img{width: 70px;}
	.visual-angle .angle-list .list-item .num{font-size: 20px;}
  .index-banner .banner-text a{left:20px;font-size:14px}
  .visual-angle .angle-right .right-content{max-width: 100%;padding: 0 50px}
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px 0px;}
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: inherit;width: 10px;top: 50%;right: 20px;left: auto;transform: translatey(-50%);top: 50%;transform:translatey(-50%);-ms-transform: translatey(-50%);-moz-transform: translatey(-50%);-webkit-transform: translatey(-50%);-o-transform: translatey(-50%);}

}

}

@media only screen and (max-width:1024px ) {
  .index-banner,.index-banner .article{height: 430px;}
  .index-banner .banner-text h3{font-size: 38px}
  .index-banner, .index-banner .article{height:480px}
}

@media only screen and (max-width:768px ) {
	.phone-index-banner{display: block;}
	.pc-index-banner{display: none;}
  .index-banner,.index-banner .article{height:auto ;}
  .index-banner,.index-banner .article img{width: 100%;height: auto;}
  .info-center .info-list .list-item{width: 50%;margin-top: 30px;}
  .visual-angle,.index-bottom{height: auto;}
  .visual-angle .angle-left, .visual-angle .angle-right{width: 100%;height: 385px;}
  .index-bottom .about-doowin, .index-bottom .for-managent{width: 100%;height: 385px;}
  .index-banner .banner-text h3{font-size: 36px}
  .visual-angle .angle-right .right-content{padding: 0 100px}
}

@media only screen and (max-width:640px ) {
  .comm-title:after{width: 32px;height:2px;}
	.index-banner .swiper-pagination-bullet{width:8px;height:8px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}
  .info-center .info-list .list-item>div,.info-center .info-list{margin: 0}
	.info-center .info-list .list-item{width: 100%;font-size: 14px;margin-top: 20px;display: none}
	.info-center .info-list .list-item:nth-child(-n 6){display:block }
	.info-center .info-list .list-item .tag{font-size: 13px;width: 68px;height: 22px;line-height: 22px;}
	.info-center .info-list .io-text{height: 44px;}
	.visual-angle .angle-left{height: 260px;}
	.visual-angle .angle-right{height: auto;padding-bottom: 30px;}
	.visual-angle .angle-left .bf-img{width: 50px;}
	.visual-angle .angle-right .right-content{padding: 0 20px;}
	.visual-angle .angle-right .comm-text{margin-top: 15px;font-size: 14px;height: auto;-webkit-line-clamp:initial}
	.visual-angle .angle-list{display: none;justify-content: space-between;}
	.visual-angle .angle-list .list-item:not(:first-child){margin-left: 0;}
	.visual-angle .angle-list .list-item{font-size: 13px;}
	.visual-angle .angle-list .list-item .num{font-size: 16px;}
	.visual-angle .angle-list .list-item .num span{font-size: 24px;}
	.index-bottom .about-doowin{height: auto;padding-bottom: 20px;}
	.index-bottom .doowin-content{padding: 0 20px;}
	.index-bottom .managent-content{padding: 0 15px;}
	.index-bottom .for-managent{height: auto;}
	.for-managent .left-img{width: 110px;}
	.for-managent .right-text{width: calc(100% - 130px);}
  .index-banner .banner-text h3{font-size: 30px}
  .index-banner .banner-text a{width: 88px;height: 26px;line-height: 26px}
  .index-main{padding: 0}
}

@media only screen and (max-width:480px ) {
  
  .visual-angle .angle-list .list-item{width: 90px;height: 90px;}
}

@media only screen and (max-width:414px ) {

}

@media only screen and (max-width:375px ) {
	.visual-angle .angle-list .list-item{width: 80px;height: 80px;}
	.visual-angle .angle-list .list-item{font-size: 12px;}
	.visual-angle .angle-list .list-item .num{font-size: 15px;}
	.visual-angle .angle-list .list-item .num span{font-size: 20px;}
}

@media only screen and (max-width:320px ) {
	.visual-angle .angle-list .list-item{width: 65px;height: 65px;}
	.visual-angle .angle-list .list-item{font-size: 12px;}
	.visual-angle .angle-list .list-item .num{font-size: 14px;}
	.visual-angle .angle-list .list-item .num span{font-size: 16px;}
}