@charset "utf-8";
/* css document */

/*index_text*/
.index_text a{ display:inline-block;}
.index_text h1{display:block; margin-top:40px;margin-bottom:10px;line-height:1;color:#d2c2aa;font-size:26px;font-weight:300;}
.index_text h2{display:block;margin-bottom:40px;line-height:1;color:#d2c2aa;font-size:50px;font-weight:bold;font-family:helvetica,arial,sans-serif;text-transform:uppercase;}
@media screen and (max-width:1600px){
.index_text h2{margin-bottom:2.166666666666667vw;}	
}
@media screen and (max-width:1600px){
.index_text h1{font-size:24px;}
.index_text h2{font-size:48px;}
}
@media screen and (max-width:1440px){
.index_text h1{font-size:22px;}
.index_text h2{font-size:46px;}
}
@media screen and (max-width:1320px){
.index_text h1{font-size:20px;}
.index_text h2{font-size:44px;}
}
@media screen and (max-width:1220px){
.index_text h1{font-size:18px;}
.index_text h2{font-size:40px;}
}
@media screen and (max-width:1100px){
.index_text h2{font-size:36px;}
}
@media screen and (max-width:1024px){
.index_text h2{font-size:32px;}
}
@media screen and (max-width:1023px){
.index_text h2{font-size:30px;}
}
@media screen and (max-width:768px){
.index_text h2{font-size:26px;}
}
@media screen and (max-width:640px){
.index_text h2{font-size:24px;}
}


/************************************通用indexbox************************************/
.indexboxinfo{height:100vh;overflow:hidden;margin:0 auto; position:relative;}
.indexboxb{overflow:hidden;position:absolute; width:100%;left:0;top:50%;-webkit-transform:translatey(-50%);-ms-transform:translatey(-50%);-moz-transform:translatey(-50%);transform:translatey(-50%);z-index:2;}
@media screen and (max-width:1023px){
.indexboxinfo{height:auto;}
.section{height:auto!important;}
.indexboxb{position:static; width:100%;left:0;top:0;-webkit-transform:translatey(0);-ms-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0);z-index:2; padding:18% 0;}
}



/************************************indexnews************************************/
.indexnews{position:relative;hoverflow:hidden;background:url(/uploads/image/dkimages/index-newbg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexnews .indexboxbnr{max-width:1500px; margin:0 auto;}
.indexnews .index_text{margin:0 auto;text-align:center;position:relative;max-width:600px;top:0;left:0;-webkit-transform:translatey(0);-ms-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0);}
/*li1*/
.indexnews .list li.li1{ width:41%; position:relative;}
.indexnews .list li.li1 .txt{height:600px; display:block; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover; position: relative; }
.indexnews .list li.li1 .indnewsinfo{ position:absolute;bottom:-100%;left:0;right:0; z-index:2; padding:35px 35px 0 35px; background-color:#000; opacity:0; visibility:hidden;}
.indexnews .list li.li1 .indnewsinfo h3{font-size:18px; line-height:28px; max-height:56px;color:#ffffff; text-align:left; margin-bottom:20px;}
.indexnews .list li.li1 .indnewsinfo .lei{font-size:18px; line-height:28px;color:#b4b5bd; text-align:left;}
.indexnews .list li.li1 .indnewsinfo,
.indexnews .list li.li1 .txt h3,
.indexnews .list li.li1 .txt .indnewsimg,
.indexnews .list li.li1 .txt .indnewsimg img,
.indexnews .list li.li1 .txt{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexnews .list li.li1 .txt:hover .indnewsimg img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.indexnews .list li.li1:hover  .txt:hover h3{color:#fbe8cc;}
.indexnews .list li.li1:hover .indnewsinfo{opacity:1; visibility: visible;bottom:0;}
.indexnews .list li.li1 .txt .indnewsimg{overflow:hidden;height:0;position:relative;padding-bottom:100%; display:none;}
.indexnews .list li.li1 .txt .indnewsimg img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
/*li2*/
.indexnews .list li.li2{ width:29.5%;}
.indexnews .list li.li2 .txt{ display:block;margin:0 35px;}
.indexnews .list li.li2 .txt h3{ font-size:15px; font-weight:300; color:#fff; line-height:24px; height:48px;overflow:hidden;}
.indexnews .list li.li2 .txt .lei{ font-size:14px;color:#b4b5bd;line-height:30px;margin-bottom:20px;}
.indexnews .list li.li2 .txt .date{font-size:12px;color:#fbe8cc;font-family:helvetica, arial, sans-serif; font-weight: normal; margin-bottom:50px;}
.indexnews .list li.li2 .txt .date .d{font-size:30px;font-weight: normal}
.indexnews .list li.li2 .txt .indnewsimg{overflow:hidden;height:0;position:relative;padding-bottom:100%;margin-bottom:30px;}
.indexnews .list li.li2 .txt .indnewsimg img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexnews .list li.li2 .txt h3,
.indexnews .list li.li2 .txt .indnewsimg,
.indexnews .list li.li2 .txt .indnewsimg img,
.indexnews .list li.li2 .txt{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexnews .list li.li2 .txt:hover .indnewsimg img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
.indexnews .list li.li2 .txt:hover h3{color:#fbe8cc;}

/*swiper-button*/
.indexnews .indexnewslist{ position:relative;padding:0 40px;}
.indexnews .swiper-button-prev{opacity: 1;outline: none;width:40px; height:40px; margin-top:20px; position:absolute;top:50%;left:-40px;background:  center center no-repeat;background-size:100%; z-index:2;}
.indexnews .swiper-button-next{opacity: 1;outline: none;width:40px; height:40px; margin-top:20px; position:absolute;top:50%;right:-40px;background:  center center no-repeat;background-size:100%; z-index:2;}
.indexnews .swiper-button-prev.swiper-button-disabled, 
.indexnews .swiper-button-next.swiper-button-disabled{opacity:0;}
.indexnews .indexnewslistlunbo .swiper-slide .txt .indnewsimg {}
.indexnews .indexnewslistlunbo .swiper-slide-active .txt .indnewsimg,
.indexnews .indexnewslistlunbo .swiper-slide-duplicate-active .txt .indnewsimg{}
@media screen and (max-width:1920px){
.indexnews .list li.li2 .txt .date{margin-bottom:2.6vw;}
.indexnews .list li.li2 .txt{margin:0 1.825vw;}
}
@media screen and (max-width:1800px){
.indexnews .indexnewslist{ padding:0 40px;}
.indexnews .swiper-button-prev{left:0px;top:50%;}
.indexnews .swiper-button-next{right:0px;top:50%;}
}
@media screen and (max-width:1600px){
.indexnews .list li.li1 .txt{height:540px;}
.indexnews .list li.li2 .txt .date{margin-bottom:30px;}
.indexnews .list li.li2 .txt .date .d{font-size:28px;}
}
@media screen and (max-width:1440px){
.indexnews .list li.li1 .txt{height:505px;}

.indexnews .list li.li2 .txt h3{ font-size:14px;}
.indexnews .list li.li2 .txt .lei{ font-size:14px;line-height:30px;margin-bottom:15px;}
.indexnews .list li.li2 .txt .date .d{font-size:26px;}

.indexnews .list li.li1 .indnewsinfo{padding:30px 30px 0 30px;}
.indexnews .list li.li1 .indnewsinfo h3{font-size:16px;margin-bottom:15px;}
.indexnews .list li.li1 .indnewsinfo .lei{font-size:16px;}
}
@media screen and (max-width:1320px){
.indexnews .list li.li1 .txt{height:482px;}
.indexnews .list li.li2 .txt .date .d{font-size:24px;}
}
@media screen and (max-width:1220px){
.indexnews .list li.li1 .txt{height:440px;}
.indexnews .list li.li2 .txt .date .d{font-size:20px;}
.indexnews .list li.li2 .txt .lei{ font-size:12px;margin-bottom:10px;}


.indexnews .list li.li1 .indnewsinfo h3{font-size:14px;margin-bottom:10px;}
.indexnews .list li.li1 .indnewsinfo .lei{font-size:12px;}
}
@media screen and (max-width:1150px){
.indexnews .list li.li1 .txt{height:430px;}
}
@media screen and (max-width:1024px){
.indexnews .list li.li1 .txt{height:408px;}
.indexnews .list li.li2 .txt{margin-left:3vw;}
}
@media screen and (max-width:1023px){
.indexnews{background-attachment: inherit;}
}
@media screen and (max-width:900px){
/*.indexnews .list li.li1 .txt{height:385px;}
.indexnews .list li.li2 .txt{margin-left:2vw;}*/
}
/*@media screen and (max-width:768px){
.indexnews .list li.li1 .txt{height:385px;}
.indexnews .list li.li2 .txt{margin-left:2vw;}
}*/
@media screen and (max-width:768px){
.indexnews .list li.li1{ width:100%; margin-bottom:30px;}
.indexnews .list li.li1 .txt{/*height:385px;*/ height:auto; padding-bottom:100%;}
.indexnews .list li.li2{ width:50%; float:left;}
.indexnews .list li.li2 .txt{margin-left:2vw;}
.indexnews .list{ display:block!important;}.indexnews .list li.li2 .txt .indnewsimg{margin-bottom:20px;}
.indexnews .list li.li1 .indnewsinfo{padding:20px 20px ;position: absolute;bottom:0; visibility:visible;opacity:1;background:rgba(0,0,0,.5);}
}
@media screen and (max-width:370px){
.indexnews .list li.li2{ width:100%;}
}




/************************************indexcase************************************/
.indexcase{position:relative;overflow:hidden;background:url(/uploads/image/dkimages/index-casebg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexcase .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translatey(0);-ms-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0);}
/*indexcaselunbo*/
.indexcaselunbo{ padding-left:126px; position:relative;}
.indexcaselunbo .swiper-slide{ width:100%;}
.indexcaselunbo .swiper-slide .item{ display:block; padding-right:450px; position:relative;}

/*indexcase img*/
.indexcaselunbo .swiper-slide .item .img{}
.indexcaselunbo .swiper-slide .item .imgb{overflow:hidden;height:0;position:relative;padding-bottom:64.70588235294118%;}
.indexcaselunbo .swiper-slide .item .imgb img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexcaselunbo .swiper-slide .item .imgb,
.indexcaselunbo .swiper-slide .item .imgb img,
.indexcaselunbo .swiper-slide .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexcaselunbo .swiper-slide .item:hover .imgb img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/*indexcase title*/
.indexcaselunbo .swiper-slide .item .title{ position:absolute;top:50%;right:0;-webkit-transform: translatey(-50%);-moz-transform: translatey(-50%);-o-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);}
.indexcaselunbo .swiper-slide .item .titlenr{color:#ffffff;font-size:22px;line-height:30px; position:relative;padding-left:22px;width:348px;}
.indexcaselunbo .swiper-slide .item .titlenr:before{content:'';width:3px;height:100%;background:#d2c2aa;position:absolute;bottom:0;left:0;}
.indexcaselunbo .swiper-slide .item .en{ font-weight:bold; text-transform:uppercase;}
.indexcaselunbo .swiper-slide .item .cn{font-weight:300;}
/*indexcase-btn*/
.indexcaselunbo .indexcase-btn{ width:73px; height:80px;position:absolute;top:50%;left:0;-webkit-transform: translatey(-50%);-moz-transform: translatey(-50%);-o-transform: translatey(-50%);-ms-transform: translatey(-50%);transform: translatey(-50%);background:  center center no-repeat;}
.indexcaselunbo .swiper-button-prev{width:100%; height:40px;transition: 0.4s;opacity: 1;top:0; position: static;margin:0;background:  center center no-repeat;background-size:14px;outline: none; z-index:333;}
.indexcaselunbo .swiper-button-next{width:100%; height:40px;transition: 0.4s;opacity: 1;top:0; position: static;margin:0;background:  center center no-repeat;background-size:14px;outline: none; z-index:333;}
.indexcaselunbo .swiper-button-prev.swiper-button-disabled, 
.indexcaselunbo .swiper-button-next.swiper-button-disabled{opacity:0.5;}
/*active*/
.indexcaselunbo .swiper-slide .item .img{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translatex(-60px);-o-transform:translatex(-60px);-moz-transform:translatex(-60px);-ms-transform:translatex(-60px);transform:translatex(-60px);}
.indexcaselunbo .swiper-slide .item .titlenr,
.indexcaselunbo .swiper-slide .item .en,
.indexcaselunbo .swiper-slide .item .cn{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translatey(-60px);-o-transform:translatey(-60px);-moz-transform:translatey(-60px);-ms-transform:translatey(-60px);transform:translatey(-60px);}
.indexcaselunbo  .swiper-slide-active .item .titlenr{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translatey(0) translatez(0);-o-transform:translatey(0) translatez(0);-moz-ttransform:translatey(0) translatez(0);-ms-transform:translatey(0) translatez(0);transform:translatey(0) translatez(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
.indexcaselunbo .swiper-slide-active .item .cn{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translatey(0) translatez(0);-o-transform:translatey(0) translatez(0);-moz-ttransform:translatey(0) translatez(0);-ms-transform:translatey(0) translatez(0);transform:translatey(0) translatez(0);-webkit-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-o-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-moz-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
-ms-transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;
transition:opacity .6s linear .1s,transform .6s cubic-bezier(.215,.61,.355,1) .1s;}
.indexcaselunbo .swiper-slide-active .item .en{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translatey(0) translatez(0);-o-transform:translatey(0) translatez(0);-moz-ttransform:translatey(0) translatez(0);-ms-transform:translatey(0) translatez(0);transform:translatey(0) translatez(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;}
.indexcaselunbo .swiper-slide-active .item .img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translatex(0) translatez(0);-o-transform:translatex(0) translatez(0);-moz-ttransform:translatex(0) translatez(0);-ms-transform:translatex(0) translatez(0);transform:translatex(0) translatez(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
@media screen and (max-width:1600px){
.indexcaselunbo .swiper-slide .item{padding-right:400px;}
.indexcaselunbo .swiper-slide .item .titlenr{font-size:20px;padding-left:20px;width:340px;}
}
@media screen and (max-width:1320px){
.indexcaselunbo .swiper-slide .item .titlenr{font-size:18px;padding-left:20px;width:340px;}
}
@media screen and (max-width:1024px){
.indexcaselunbo .swiper-slide .item{padding-right:0;}
.indexcaselunbo .swiper-slide .item .titlenr{width:90%;}
.indexcaselunbo .swiper-slide .item .title{ padding:30px 30px;top:auto;bottom:0;left:0;right:0;-webkit-transform: translatey(0);-moz-transform: translatey(0);-o-transform: translatey(0);-ms-transform: translatey(0);transform: translatey(0);}
.indexcaselunbo .indexcase-btn{ width:40px;}
.indexcaselunbo{ padding-left:50px;}
}
@media screen and (max-width:1023px){
.indexcase{background-attachment: inherit;}
}
@media screen and (max-width:992px){
.indexcaselunbo .swiper-slide .item .title{ position:static;padding:30px 0;}
.indexcaselunbo .indexcase-btn{ width:40px;}
.indexcaselunbo{ padding-left:50px;}
.indexcaselunbo .swiper-slide .item .titlenr{font-size:16px;}
}


/************************************indexpro************************************/
.indexpro{position:relative;overflow:hidden;background:url(/uploads/image/dkimages/index-probg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexpro .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translatey(0);-ms-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0);}
/*indexprolunbo*/
.indexprolunbo{ padding-left:340px; position:relative;background:  left bottom no-repeat;background-size:22px;}
.indexprolunbo .indexprolunbob{position:relative;}
.indexprolunbo .swiper-slide{ width:100%;}
.indexprolunbo .swiper-slide .item{ display:block;position:relative;}

/*indexpro img*/
.indexprolunbo .swiper-slide .item .img{}
.indexprolunbo .swiper-slide .item .imgb{overflow:hidden;height:0;position:relative;padding-bottom:51.61290322580645%;}
.indexprolunbo .swiper-slide .item .imgb img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexprolunbo .swiper-slide .item .imgb,
.indexprolunbo .swiper-slide .item .imgb img,
.indexprolunbo .swiper-slide .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexprolunbo .swiper-slide .item:hover .imgb img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}
/*swiper-button*/
.indexprolunbo .swiper-button-prev{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;left:0;background:  left center repeat-y;background-size:180px;outline:none;z-index:3;}
.indexprolunbo .swiper-button-next{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;right:0;background:  right center repeat-y;background-size:180px;outline:none;z-index:3;}
.indexprolunbo .swiper-button-prev:after{content: '';width:20px; height:50px; margin-top:-25px; position:absolute;top:50%;left:30px; margin-top:-12.5px;border-radius:50%;background:  center center no-repeat;background-size:20px; z-index:2;}
.indexprolunbo .swiper-button-next:after{content: '';width:20px; height:50px; margin-top:-25px; position:absolute;top:50%;right:30px; margin-top:-12.5px;border-radius:50%;background:  center center no-repeat;background-size:20px; z-index:2;}
.indexprolunbo .swiper-button-prev.swiper-button-disabled, 
.indexprolunbo .swiper-button-next.swiper-button-disabled{opacity:0;}
/*prohottit*/
.prohottit{ position:absolute;top:3.125vw;left:0;}
.prohottit .titlenr{color:#fbe8cc;font-size:20px;line-height:30px; position:relative;width:340px;}
.prohottit .icon{ width:20px;margin-bottom:4.6875vw;}
.prohottit .icon img{max-width:100%;}
.prohottit .en{font-size:40px; line-height:normal;font-weight:bold;text-transform:uppercase;}
.prohottit .cn{font-weight:300;margin-bottom:2.86vw;}
.prohottit .wz{color:#fff;font-size:15px;line-height:30px; position:relative;}
.prohottit .wz:before{content:'';background:#fff;position:absolute;top:15px;left:90%; width:130px; height:1px; z-index:9;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
@media screen and (max-width:1600px){
.prohottit .titlenr{font-size:20px;width:340px;}
.prohottit .en{font-size:38px;}
}
@media screen and (max-width:1440px){
.prohottit .titlenr{font-size:20px;width:340px;}
.prohottit .en{font-size:36px;}
}
@media screen and (max-width:1320px){
.prohottit .titlenr{font-size:18px;width:340px;}
.prohottit .en{font-size:34px;}
.prohottit .icon{margin-bottom:3vw;}
}
@media screen and (max-width:1220px){
.prohottit .titlenr{font-size:16px;width:340px;}
.prohottit .en{font-size:32px;}
}
@media screen and (max-width:1150px){
.prohottit .titlenr{font-size:16px;width:340px;}
.prohottit .en{font-size:30px;}
}
@media screen and (max-width:1024px){
.prohottit .en{font-size:28px;}
}

@media screen and (max-width:1023px){
.indexpro{background-attachment: inherit;}
.prohottit .en{font-size:26px;}
.indexprolunbo{ padding-left:0;}
.prohottit{ position: static;top:0;left:0; margin-bottom:3vw; display:none;}	
.indexprolunbo{background:none;}
}




/************************************indexconcept************************************/
.indexconcept{position:relative;overflow:hidden;background:url(/uploads/image/dkimages/index-abbg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexconcept .indexboxinfo{width:100%;}
.indexconcept .list li{ width:25%; padding-top:5.729166666666667%;}
.indexconcept .list li .item{ display:block; padding-left:30%; padding-right:10%;}
.indexconcept .list li .item h3{font-size:20px;font-weight:300; color:#fff;line-height:normal;overflow:hidden; margin-bottom:13px;}
.indexconcept .list li .item h3 strong{font-size:22px;font-weight:bold;margin-left:10px; text-transform:uppercase;}
.indexconcept .list li .item .des{ font-size:15px;color:#d9d9d9;line-height:30px;}
.indexconcept .list li .item .icon{width:40px;margin-bottom:20px;}
.indexconcept .list li .item .icon img{max-width:100%;}
.indexconcept .list li .item h3,
.indexconcept .list li .item .icon,
.indexconcept .list li .item .icon img,
.indexconcept .list li .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexconcept .list li .item:hover .icon img{-moz-transform: scale3d(1.2, 1.2, 1.2);-webkit-transform:scale3d(1.2, 1.2, 1.2);-ms-transform:scale3d(1.2, 1.2, 1.2);transform:scale3d(1.2, 1.2, 1.2);}
.indexconcept .list li .item:hover h3{color:#fbe8cc;}
/**/
.index-line-s{ height:27px;background:url(/uploads/image/dkimages/index-line-s.png) center center no-repeat;}
.index-line-s img{ max-width:100%; display:none;}
/**/
.indexconcept .indexconcepttop{width:71.875%;max-width:1380px;margin:0 auto; padding-bottom:3.958333333333333%;}
.indexconcept .indexconceptimg{ float:left; width:50%; text-align:center;}
.indexconcept .indexconceptimg img{max-width:77.2463768115942%;}
.indexconcept .indexconceptwz{float:right;width:50%;}
/**/
.indexconcept .index_text{margin:0;text-align:left;position:relative;padding-left:7.971014492753623%; padding-top:40px;max-width:440px;}
.indexconcept .index_text h2{margin-bottom:30px;}
.indexconcept .index_text .wz{color:#fff;font-size:15px;line-height:30px; position:relative;margin-bottom:45px;}
.indexconcept .index_text .m{ width:56px; margin-bottom:0px;}
.indexconcept .index_text .m img{max-width:100%;}
.indexconcept .index_text .m,.indexconcept .index_text .m img{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.indexconcept .index_text .m:hover img{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
@media screen and (max-width:1920px){
.indexconcept .index_text{padding-top:2.08vw;}
.indexconcept .index_text h2{margin-bottom:1.5625vw;}
.indexconcept .index_text .wz{margin-bottom:2.34375vw;}
.indexconcept .index_text .m{ width:55px;}
}
@media screen and (max-width:1680px){
.indexconcept .list li .item h3{font-size:18px;margin-bottom:13px;}
.indexconcept .list li .item h3 strong{font-size:20px;margin-left:10px;}
.indexconcept .list li .item .des{ font-size:14px;line-height:30px;}
.indexconcept .list li .item .icon{width:35px;margin-bottom:20px;}
.indexconcept .index_text .m{ width:50px;}
}
@media screen and (max-width:1220px){
.indexconcept .list li .item h3{font-size:16px;margin-bottom:10px;}
.indexconcept .list li .item h3 strong{font-size:18px;margin-left:10px;}
.indexconcept .list li .item .des{ font-size:14px;line-height:30px;}
.indexconcept .list li .item .icon{width:30px;margin-bottom:15px;}
.indexconcept .index_text .m{ width:45px;}
.indexconcept .list li .item .des br{ display:none;}

.indexconcept .index_text .wz{font-size:14px;line-height:30px;margin-bottom:40px;}
}
@media screen and (max-width:1024px){
.indexconcept{height:auto;background-attachment:inherit;}
.indexconcept .list{ display:block!important; font-size:0; line-height:normal;}
.indexconcept .list li{ width:50%;padding-top:3%; display:inline-block;*display:inline;zoom:1; vertical-align:top;}
.indexconcept .list li .item{display:block; padding-left:10%; padding-right:10%;}
.indexconcept .index_text .m{ width:40px;}
.indexconcept .index_text{padding-left:7.971014492753623%; padding-top:2vw;max-width:90%;}
.indexconcept .index_text h2{margin-bottom:20px;}
.indexconcept .list li .item .des{ font-size:14px;line-height:26px;}
}
@media screen and (max-width:1024px){
.indexconcept .indexconcepttop{width:90%;padding-bottom:3%;}
}
@media screen and (max-width:1023px){
.indexconcept{background-attachment: inherit;}
}
@media screen and (max-width:768px){
/**/
.indexconcept .indexconcepttop{width:100%;padding-bottom:3%;}
.indexconcept .indexconceptimg{ float:none; width:100%; text-align:center;}
.indexconcept .indexconceptimg img{max-width:77.2463768115942%;}
.indexconcept .indexconceptwz{float:none;width:100%;}
.indexconcept .index_text{padding-left:7%; padding-top:5%;max-width:80%;}
.indexconcept .list li{padding-top:5%;}
.indexconcept .list li .item .des{ font-size:13px;line-height:24px;}
.indexconcept .index_text .wz{font-size:13px;line-height:26px;margin-bottom:40px;}

}

/************************************indexabout************************************/
.indexabout{position:relative;overflow:hidden;background:url(/uploads/image/dkimages/index-aboutbg.jpg) center no-repeat; background-size:cover;background-attachment:fixed;}
.indexabout .index_text{ margin:0;text-align:center;position:relative;max-width:600px;top:0;left:0;-webkit-transform:translatey(0);-ms-transform:translatey(0);-moz-transform:translatey(0);transform:translatey(0);}
.indexabout .index_text{ padding-left:0; text-align:left;}
.indexabout .index_text h2{margin-bottom:30px;}
.indexabout .index_text .wz{color:#fff;font-size:15px;line-height:30px; position:relative;margin-bottom:45px;}
.indexabout .index_text .m{ width:56px; margin-bottom:0px;}
.indexabout .index_text .m img{max-width:100%;}
.indexabout .index_text .m,.indexabout .index_text .m img{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.indexabout .index_text .m:hover img{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
@media screen and (max-width:1920px){
.indexabout .index_text .m{ width:55px;}
}
@media screen and (max-width:1680px){
.indexabout .index_text .m{ width:50px;}
}
@media screen and (max-width:1220px){
.indexabout .index_text .m{ width:45px;}
.indexabout .index_text .wz{font-size:14px;line-height:30px; margin-bottom:40px;}
}
@media screen and (max-width:1024px){
.indexabout .index_text .m{ width:40px;}
.indexabout .index_text{ margin:0 auto;}
.indexprolunbo{ padding-left:0;}
}
@media screen and (max-width:1023px){
.indexabout{background-attachment: inherit;}
}
@media screen and (max-width:768px){
.indexabout .index_text .wz{font-size:13px;line-height:26px;}
}

/************************************indexbanner************************************/
.indexbanner{position:relative;overflow:hidden;background-size:cover; position:relative;}
.bannershadow{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; background:url(/uploads/image/dkimages/banner-shadow.png) repeat-y center bottom; background-size:100%; z-index:1;}
.ind-banner .bannershadow{ background-repeat:no-repeat;}
.ind-banner{width:100%; overflow:hidden; position:relative;} 
.ind-banner h3{ position:absolute;right:5.5%; bottom:10%;  z-index:3;}
.ind-banner .img{display: block;left:0;right:0; top:0;bottom:0;width:100%;height:100vh;/*padding-bottom:56.25%;*/ position:relative; z-index:3;}
.ind-banner .img .shipin {position:absolute; top: 0;left: 0; width: 100%;height: 100%;overflow:hidden; background-attachment:fixed; z-index:1;}
.ind-banner .img video {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}
.ind-banner .bannerwz{position: absolute; left:0; right:0; margin:0 auto;top: 50%;-webkit-transform:translatey(-50%); transform:translatey(-50%); z-index:2; text-align:center;}
.ind-banner .bannerwz img{width:53.85416666666667%;}
/*active*/
.ind-banner .videoimg{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translatex(-60px);-o-transform:translatex(-60px);-moz-transform:translatex(-60px);-ms-transform:translatex(-60px);transform:translatex(-60px);}
section.active .ind-banner .videoimg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translatey(0) translatez(0);-o-transform:translatey(0) translatez(0);-moz-ttransform:translatey(0) translatez(0);-ms-transform:translatey(0) translatez(0);transform:translatey(0) translatez(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

@media screen and (max-width:1024px){
.indexbanner{height:100vh;}
.ind-banner .img{padding-bottom:0;}
.ind-banner .bannerwz img{width:70%;}
}
@media screen and (max-width:768px){
.ind-banner .bannerwz img{width:90%;}
}


/*scroll-down*/
.scroll-down{position:absolute;z-index:9999;display:inline-block;left:50%;-webkit-transform:translatex(-50%); transform:translatex(-50%);bottom:7%;text-align:center;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s}
.scroll-down i{display:block;margin:auto;position:relative;width:22px;height:44px;background:url(/uploads/image/dkimages/banner-down.png) no-repeat center center; background-size:100%; margin-bottom:15px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}
.scroll-down span{display:block;margin-bottom:10px;color:#fff;line-height:1;font-size:12px; text-transform:uppercase; font-family:helvetica,arial,sans-serif;}
.scroll-down i{animation: 2s linear 0s normal none infinite move2;-webkit-animation: 2s linear 0s normal none infinite move2;}
@keyframes move2{
	0%{opacity:1;transform:translatey(-10px)}
   50%{transform:translatey(0px);opacity:0.2}
   100%{opacity:1;transform:translatey(-10px)}
   
}
.index .header.topfix{ background-color:transparent;}
@media screen and (max-width:1023px){
.scroll-down{bottom:3%;}
}


/************************************indexfooter************************************/
.indexfooter .footer{background-attachment:inherit;}



/************************************首页圆点切换************************************/
#menu{position:fixed;right:30px;top:50%;list-style-type:none;z-index:70;transition:all .3s;-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}
#menu li{display:block;width:30px;height:30px;margin:0;position:relative;}
#menu li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#menu li a span i{ font-size:14px; font-style:normal;color:#ffffff; text-align:left; line-height:30px;}
#menu li a span:after{position:absolute;content:'';top:0;right:0;margin:0 auto;text-align:center;z-index:-1;background:#ffffff;height:30px;width:1px;margin-top:0;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#menu li a span i{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
#menu li.active span:after{background-color:#d2c2aa;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#menu li.active span i{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
@media screen and (max-width:1024px){
#menu{display:none;}		
}
  


.ind-banner .bannerwz .videobtn{ cursor:pointer;width:80px;height:80px;background-size:100%; margin:0 auto; margin-top:43px; position:relative; display:none;}
.ind-banner .bannerwz .videobtn:after{ content:''; position:absolute; left:0;right:0;top:0; width:100%; height:100%;background:url(/uploads/image/dkimages/index-more.png) no-repeat center; background-size:100%;animation: 3s linear 0s normal none infinite rotate;-webkit-animation: 3s linear 0s normal none infinite rotate;}
.ind-banner .bannerwz .videobtn.stop{ background-image:url(/uploads/image/dkimages/index-more.png);}
@-webkit-keyframes rotate{
from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes rotate{
from{-moz-transform:rotate(0deg);transform:rotate(0deg);}
to{-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes rotate{
from{-o-transform:rotate(0deg);transform:rotate(0deg);}
to{-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes rotate{
from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@media screen and (max-width:768px){
.ind-banner .bannerwz .videobtn{width:40px;height:40px; display:block;}
}