.pro_gnen{display: flex;justify-content: space-between;align-items: center; padding:0px 0;}
.pro_gnen .tit{position: relative; color:#454545; font-size:1.125rem;padding-bottom: 20px;}
.pro_gnen .tit h5{display: block; font-weight:700; font-size:1.875rem;}
.pro_gnen .tit:after {position: absolute;content:'';left:0;bottom:0; width:70px;
    height:4px;background-color:var(--colormain1);}

.a_more {position:relative;width:115px;height:35px;line-height:35px;text-align: center;
  background:var(--colormain1);transition:.5s;overflow:hidden;border-radius:10px;}
.a_more span {position:absolute;background:var(--color333);width:0;left:0;top:0;
  height:100%;transition:0.8s;z-index:1;}
.a_more:hover span {width: 100%;}
.a_more a {display:block;width:100%;color:#ffffff;position:absolute;font-size: 1rem;
  z-index:5;transition:0.5s;}

/**/
.ind_trade{width: 100%; margin:5.3rem auto;overflow: hidden;}
.ind_trade .indjie {width: 100%;overflow: hidden;margin: 0 auto; padding-top:3rem;}
.ind_trade .indjie ul { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;
	display:flex;justify-content:space-between;align-items:center;}
.ind_trade .indjie ul li {flex:1;height:100%; overflow:hidden; margin:0; padding:0; margin-right:2%; float:left;
  position:relative; transition:all 0.6s; -webkit-transition:all 0.6s; }
.ind_trade .indjie ul li:nth-child(5) {margin-right:0;}
.ind_trade .indjie ul li:hover { flex:2;}
.ind_trade .indjie ul li .Imgg {position: relative;border-radius:30px; width:100%; 
	overflow:hidden; margin:0; padding:0;}
.ind_trade .indjie ul li .Imgg img { display:block; height:100%;margin:auto;
  padding:0;z-index:1;transition: all 1s;transition-delay: 0.3s;}
.ind_trade .indjie ul li:hover .Imgg img {transform: scale(1.1);}
.ind_trade .indjie ul li .fq_text { width:100%;text-align: center; height:60px; overflow:hidden;
  padding:20px 0px;z-index:3; transition: all 0.5s;font-size: 1.25rem;color:#000;}

/**/
.indb_tit{position: relative;padding-bottom: 15px;}
.indb_tit span{font-family:"DTJ"; font-size:15px;color:var(--colormain1);text-transform : uppercase}
.indb_tit p{color:#333333; font-size:1.625rem;font-weight:bold;}
.indb_tit:after {position:absolute;content:'';left:0;bottom:0; width:70px;
    height:4px;background-color:var(--colormain1);}

.ind_RDbg{padding:30px 0;overflow: hidden;}
.ind_RD {width:100%;display:flex;justify-content:space-between;align-items: center;}
.ind_RD .RD_txt {width:42%;}
.ind_RD .RD_txt .tit {color:#333333;font-weight:normal;line-height:1;border-bottom:1px solid #e0dcdc;font-size:28px;padding-bottom:20px;display:block;}
.ind_RD .RD_txt .txtx{clear: both; margin: 30px 0px;line-height:48px;font-size:16px; color: #4f4f4f;}
.ind_RD .RD_txt .txtx p{text-indent: 2em;}
.ind_RD .RD_img {width:52%;overflow: hidden;border-radius:20px;}
.ind_RD .RD_img img {width:100%;}

.ind_ABbg{padding:60px 0;overflow: hidden;position: relative;}
.ind_AB {width:100%;display:flex;justify-content:space-between;align-items: center;position: relative;z-index:5;}
.ind_AB .AB_txt {width:42%;}
.ind_AB .AB_txt .tit {color:#333333;font-weight:normal;line-height:1;border-bottom:1px solid #e0dcdc;font-size:28px;padding-bottom:20px;display:block;}
.ind_AB .AB_txt .txtx{clear: both; margin: 30px 0px; line-height:36px;font-size:16px; color: #4f4f4f;}
.ind_AB .AB_txt .txtx p{text-indent: 2em;}
.ind_AB .AB_img {width:52%;overflow: hidden;border-radius:20px;}
.ind_AB .AB_img img {width:100%;}
.ind_AB .more_s{width:100px;height: 60px;transition: 0.5s ease-in-out;display:flex;justify-content:center;align-items: center; position: relative;}
.ind_AB .more_s:after{position: absolute;content: '';width: 60px;height: 60px;border-radius:60px;
	background:var(--colormain1);left:0;top:0;transition: 0.5s ease-in-out;}
.ind_AB .more_s span{color:#333;position:relative;z-index: 2;font-weight: 600;transition: 0.8s;}
.ind_AB .more_s:hover:after{width: 100%;}
.ind_AB .more_s:hover span{color:#ffffff;}
.ind_AB .more_s:hover{width: calc(100px + 50px);}

.ind_ABbg .ites{overflow: hidden; width:100%; margin-top:60px;display: flex;justify-content: space-between;}
.ind_ABbg .ites .slide .txt1{ color:#000; word-wrap:break-word;}
.ind_ABbg .ites .slide .txt1 span{font-size:4.3rem;font-weight:300;}
.ind_ABbg .ites .slide:first-child .txt2{padding-left:0;}
.ind_ABbg .ites .slide .txt2{ color:#808080;font-size:16px;padding-left:15px;}
.ind_ABbg .ites .slide:last-child{ margin-right:0;}

/**/
.ind_ys{width: 100%;height: calc(100vh - 90px);display: flex;align-items: center;
  background:url(../images/indysbg.jpg) no-repeat;background-size: cover;}
.ind_ys .indb_tit{margin-bottom:15%;}
.ind_ys .indb_tit p{color:#ffffff;}
.ind_ys .indb_tit:after {background-color:var(--colorfff);}
.ind_ys .tab_z{color:#ffffff;display: flex;justify-content: space-between;align-items: center;}
.ind_ys .tab_z li{width:23%; cursor: pointer;border-radius: 30px;padding:20px; background-color: rgba(0,0,0,0.4);}
.ind_ys .tab_z li .icon {text-align: right; width:100%;}
.ind_ys .tab_z li h4 {font-weight: 500; font-size:1.4rem;padding:15px 0 5px 30px;}
.ind_ys .tab_z li:hover {background-color:rgba(0,140,214,0.4);}


.ind_new{padding:60px 0;overflow: hidden;position: relative;}
.ind_new .newbox{position: position;z-index: 3; display: flex;justify-content: space-between;align-items: center; padding:40px 0 ;}
.ind_new .newbox .boxLeft {width:42%;position: relative;overflow: hidden;border-radius:10px;}
.ind_new .newbox .boxLeft p {height:auto;padding-top:70%; position: absolute;left: 0; width: 100%;
  top: 0;opacity: 0; -webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.ind_new .newbox .boxLeft p a {display: block;height: 100%; overflow: hidden;}
 .ind_new .newbox .boxLeft p img {position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;
  -o-object-fit: cover; object-fit: cover;-webkit-transition: .3s linear;transition: .3s linear;}
.ind_new .newbox .boxLeft p:hover img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05);
  transform: scale(1.05);}
.ind_new .newbox .boxLeft .active {position: initial;z-index: 1;opacity: 1;}

.ind_new .newbox .boxRight {width:52%;}
.ind_new .newbox .boxRight .nlist {height: 100%;}
.ind_new .newbox .boxRight .nlist .nitem {border-bottom: 1px solid #e2e2e2; padding:1rem 0;}
.ind_new .newbox .boxRight .nlist .nitem:last-child{border-bottom:0;}
.ind_new .newbox .boxRight .nlist .nitem a {width: 100%;}
.ind_new .newbox .boxRight .nlist .nitem .title {font-size:1.125rem;color: #111;font-weight: bold;
  	-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;padding-top:20px;}
.ind_new .newbox .boxRight .nlist .nitem .cont2 {display: grid;padding:15px 0;color: #4f4f4f;
  overflow: hidden;-webkit-transition: 0.4s;-o-transition: 0.4s; transition: 0.4s;}
.ind_new .newbox .boxRight .nlist .nitem .cont2 .cont3 {
  font-size:16px;line-height: 1.6;margin: 0.18rem 0;}
.ind_new .newbox .boxRight .nlist .nitem .cont2 .cont4 {width:80px; line-height: 15px; font-size: 14px;margin-top:20px;
	background:url(../images/ic1.png) no-repeat;background-position: right 0;transition: 0.5s;}
.ind_new .newbox .boxRight .nlist .active .title{color:var(--colormain1);}
.ind_new .newbox .boxRight .nlist  .nitem.active .cont4{color:var(--colormain1);
	background-position: right bottom;}

.home_sus {width: 100%;position: relative;overflow: hidden;}
.home_sus .wwrap {position: relative;overflow: hidden;height:calc(100vh - 90px);display: flex;align-items: center;
	background-attachment:fixed;background-repeat: no-repeat;background-size: cover; color:#fff;}
.home_sus .cons {display: flex;justify-content: space-between;align-items: center; color:#fff;padding:0 0 35px 0;width:100%}
.home_sus .cons .content {font-size:20px;font-weight:300;padding:0 150px 0 0}
.home_sus .cons .content .ctsn{font-size:3.6rem; }
.home_sus .cons .content .ctsnp{font-size:1.5rem;padding:30px 0;}
.home_sus .cons .btn {}
.home_sus .cons .btn a {display:block;width:5.5rem;height:5.5rem;line-height:5.5rem;border:1px solid #fff;border-radius:50%;text-align:center;}
.home_sus .cons .btn span {display:block;color:#fff;font-size:3.125rem;line-height:5.5rem;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.home_sus .cons .btn a:hover {border-color:var(--colormain1);background:var(--colormain1);}

.UPtop{position: relative; height:4.5rem;background:var(--colormain1);width: 100%;text-align:center;}
.UPtop .up{cursor: pointer; position: absolute;left:50%;top:100%;transform: translate(-50%, -50%);
 width:3rem;height:3rem;line-height:3rem; background:#fff;border-radius: 50%; }
 .UPtop .up img{position: relative;z-index: 10; }
.UPtop .up:before{
 	content: '';
    background: #fff;
    position: absolute;
    width: 200%;
    height: 200%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: .4;
    transform: translate(-50%,-50%);
    z-index: 5;
    animation: yx_VideoBtn2 1.2s ease infinite alternate;}

.UPtop .up::after {
    content: '';
    background: #fff;
    position: absolute;
    width: 150%;
    height: 150%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: .3;
    transform: translate(-50%,-50%);
    z-index: 5;
    animation: yx_VideoBtn1 1.2s ease infinite alternate;
}

@keyframes yx_VideoBtn1 {
    0% {
        width: 80%;
        height: 80%;
        opacity: 0
    }

    50% {
        width: 100%;
        height: 100%;
        opacity: .2
    }

    100% {
        width: 120%;
        height: 120%;
        opacity: .3
    }
}

@keyframes yx_VideoBtn2 {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0
    }

    50% {
        width: 110%;
        height: 110%;
        opacity: .2
    }

    100% {
        width: 140%;
        height: 140%;
        opacity: .3
    }
}

@media screen and (max-width: 1199px) { 
  	.ind_trade .indjie ul li .Imgg{height: 450px;}
  	.ind_RD .RD_txt .txtx{line-height: 38px;margin:20px 0;font-size: 14px;}
  	.ind_AB .AB_txt .txtx{line-height:26px;margin:20px 0;font-size: 14px;}
  	.ind_ABbg .ites .slide .txt1 span{font-size: 3.6rem;}
  	.ind_new .newbox .boxLeft{width: 45%;}
  	.ind_new .newbox .boxRight .nlist .nitem{padding:0.5rem 0;}
  	.ind_new .newbox .boxRight .nlist .nitem .cont2 .cont3{font-size: 14px;}
  	.ind_new .newbox .boxRight .nlist .nitem .cont2 .cont4{font-size: 12px;margin-top: 10px;}
  	.index03 .cc_img {height: calc(70vh - 90px);}
  	.index03 .tab .tab_cc{padding:10px 10px;}
  	.index03 .tab .tab_cc h4{padding:5px 0 5px 30px;font-size: 1.6rem;}

    .ind_ys{height: calc(70vh - 90px);}
    .ind_ys .tab_z li{padding:20px 10px;}
    .ind_ys .tab_z li h4{padding:5px 0 5px 15px;font-size: 1.2rem;}

}


@media screen and (max-width: 992px) {
	.ind_trade .indjie ul li .Imgg{height: 400px;}
	.ind_RD .RD_txt {width:45%;}
	.ind_RD .RD_txt .txtx{line-height:28px;margin:20px 0;}
	.ind_ABbg{padding:30px 0;}
  .ind_ABbg .canvas{display: none;}
	.ind_AB .AB_txt {width:45%;}
	.ind_new .newbox .boxRight .nlist .nitem .title{padding-top: 10px;}
	.ind_new .newbox .boxRight .nlist .nitem .cont2{padding:5px 0;}
	.home_sus .wwrap{height: auto;padding:6rem 0; background-attachment: scroll;}
	.home_sus .cons .content{padding: 0}
	.home_sus .cons .content .ctsn{font-size:2.6rem;}
	.home_sus .cons .content .ctsnp{padding:15px 0;}
	.home_sus .cons .btn{display: none;}

	.index03 .tab .tab_cc .icon img{max-width: 40px;}
  .ind_ys .tab_z li .icon img{max-width: 40px;}

}

@media screen and (max-width: 768px) {
	.ind_trade{margin:3rem auto 1rem;}
	.ind_trade .indjie ul{flex-wrap: wrap;}
	.ind_trade .indjie ul li{width:28%;flex:auto;margin-right: 5%;}
	.ind_trade .indjie ul li:nth-child(2){margin-right: 0;}
	.ind_trade .indjie ul li:nth-child(1),.ind_trade .indjie ul li:nth-child(2){margin-bottom:20px; width:45%;}
	.ind_trade .indjie ul li:hover {flex:auto;}
	.ind_trade .indjie ul li:hover .Imgg img {transform: scale(1.0);}
	.ind_trade .indjie ul li .Imgg{height:auto;padding-top:200%;}
	.ind_trade .indjie ul li:nth-child(1) .Imgg,.ind_trade .indjie ul li:nth-child(2) .Imgg{padding-top:80%;}
	.ind_trade .indjie ul li .imgcover { position: absolute; left: 0;top:0;
	 width: 100%;height: 100%; z-index: 1;}
	.ind_trade .indjie ul li .Imgg img{width: 100%; height: 100%;object-fit: cover; object-position: top left;}
	.ind_ABbg .ites{flex-wrap: wrap;margin-top: 30px;}
	.ind_ABbg .ites .slide {width: 50%;padding: 20px 0;}
	.ind_ABbg .ites .slide .txt2{font-size: 14px;}

	.ind_new .newbox{flex-wrap: wrap;padding:20px 0 0;}
	.ind_new .newbox .boxLeft{width: 100%;}
	.ind_new .newbox .boxRight{width: 100%;}
	.ind_new .newbox .boxLeft p{padding-top: 40%;}

	.index03 .cc_img{height:50vh;}
	.index03 .tab .tab_cc{padding:5px;}

  .ind_ys{height:65vh;}
  .ind_ys .tab_z{flex-wrap: wrap;}
  .ind_ys .tab_z li{width: 48%;margin-top: 15px;}


}

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

  .pro_gnen .tit h5{font-size: 22px;}
  .pro_gnen .tit{padding-bottom:10px; }
  .a_more{width:70px;}

	.ind_trade .indjie ul li{width:100%;margin:0 0;}
	.ind_trade .indjie ul li:nth-child(1),.ind_trade .indjie ul li:nth-child(2),.ind_trade .indjie ul li:nth-child(1)
	{width:100%;margin:0 0;}
	.ind_trade .indjie ul li .Imgg{padding-top:60% !important;}
	.ind_trade .indjie ul li .Imgg img{object-position: center center;}
	.ind_trade .indjie ul li .fq_text{padding:10px 0 20px;}

	.ind_RDbg{background:#f5f5f5;padding:40px 0;}
	.ind_RD{flex-wrap: wrap;}
	.ind_RD .RD_img{width: 100%;}
	.ind_RD .RD_txt{width: 100%;margin-top: 30px;}

  .home_sus .cons .content .ctsn{font-size:2rem;}
  .home_sus .cons .content .ctsnp{font-size:1.2rem;}

	.ind_AB{flex-wrap: wrap;}
	.ind_AB .AB_img{width: 100%;margin-top: 30px;}
	.ind_AB .AB_txt{width: 100%;}
	.ind_ABbg .ites .slide .txt1 span{font-size:2.6rem;}
	.ind_new .newbox .boxLeft p{padding-top: 60%;}
	.index03 .tab .tab_cc{border-radius: 5px;padding-top: 10px;}
	.index03 .tab .tab_cc .bt{text-align: center;}
	.index03 .tab .tab_cc .icon{text-align: center;}
	.index03 .tab .tab_cc .icon img{max-width: 30px;}
	.index03 .tab .tab_cc h4{padding:5px 0;font-size: 14px;}

  .ind_ys .indb_tit{margin-bottom:10%;}
  .ind_ys .tab_z li{border-radius: 15px;}
  .ind_ys .tab_z li .icon{text-align: center;}
  .ind_ys .tab_z li h4{font-size: 14px;padding:5px 0;text-align: center;}
}