/* ::-webkit-scrollbar-track { background-color: #FFFFFF !important;} */
::-webkit-scrollbar {
  height: 3px;
  width: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(199 201 201 / 30%);
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #dbdada;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(24, 114, 117, 1);
  -webkit-box-shadow: inset 0 0 6px rgb(188 188 188 / 50%);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(24, 114, 117, 0.4);
}
*, *::before, *::after {
  box-sizing: border-box;
}
/* img, svg {
  vertical-align: inherit;
} */ 

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    appearance: none !important;
    /* background-color: transparent !important;
    -webkit-text-fill-color: transparent !important; */
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-transition: background-color 99999s ease-out;
    -webkit-transition-delay: 99999s;
}

html, body {
  padding: 0;
  margin: 0;
  font-family: font03;
}

body {
  min-height: 100vh;
  background-color: #000000;
}

.text-uppercase {
  text-transform: uppercase;
}
.row {
  padding: 0;
  margin: 0;
}
.col-xs-12 {
  padding: 0;
}

video, img {
  font-family: "";
  font-size: 0;
  line-height: 0;
}

.displayflex{
  display: flex;
}

h1, h2, h3, h4, h5, p {
  padding: 0;
  margin: 0;
}

i {
  font-style: normal;
}

ul {
  padding: 0;
  margin: 0;
}

li, a {
  text-decoration: none;
  list-style: none;
}

a {
  background-color: transparent;
  color: #ffffff;

}

a:focus, a:hover, a:active {
  color: #008c8c;
}

@font-face {
  font-family: dpc-icon;
  src: url(./fonts/iconfont.eot);
  src: url(./fonts/iconfont.eot#iefix) format('embedded-opentype'),
    url(./fonts/iconfont.woff) format('woff'),
    url(./fonts/iconfont.svg#dpc-icon) format('svg')
}

@font-face {
  font-family: font01;
  src: url(./fonts/Roboto-Black.eot);
  src: local(''),
    url(./fonts/Roboto-Black.eot?#iefix) format('embedded-opentype'),
    url(./fonts/Roboto-Black.woff2) format('woff'),
    url(./fonts/Roboto-Black.svg#webfontOTINA1xY) format('svg');
}

@font-face {
  font-family: font02;
  src: url(./fonts/Roboto-Bold.eot);
  src: local(''),
    url(./fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
    url(./fonts/Roboto-Bold.woff2) format('woff'),
    url(./fonts/Roboto-Bold.svg#webfontOTINA1xY) format('svg');
}

@font-face {
  font-family: font03;
  src: url(./fonts/Roboto-Medium.eot);
  src: local(''),
    url(./fonts/Roboto-Medium.eot?#iefix) format('embedded-opentype'),
    url(./fonts/Roboto-Medium.woff2) format('woff'),
    url(./fonts/Roboto-Medium.svg#webfontOTINA1xY) format('svg');
}

@font-face {
  font-family: font04;
  src: url(./fonts/Roboto-Regular.eot);
  src: local(''),
    url(./fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
    url(./fonts/Roboto-Regular.woff2) format('woff'),
    url(./fonts/Roboto-Regular.svg#webfontOTINA1xY) format('svg');
}

@font-face {
  font-family: font05;
  src: url(./fonts/Roboto-Light.eot);
  src: local(''),
    url(./fonts/Roboto-Light.eot?#iefix) format('embedded-opentype'),
    url(./fonts/Roboto-Light.woff2) format('woff'),
    url(./fonts/Roboto-Light.svg#webfontOTINA1xY) format('svg');
}

@font-face {
  font-family: font06;
  src: url(./fonts/Roboto-Thin.eot);
  src: local(''),
    url(./fonts/Roboto-Thin.eot?#iefix) format('embedded-opentype'),
    url(./fonts/Roboto-Thin.woff2) format('woff'),
    url(./fonts/Roboto-Thin.svg#webfontOTINA1xY) format('svg');
}

.font01 {
  font-family: font01;
}

.font02 {
  font-family: font02;
}

.font03 {
  font-family: font03;
}

.font04 {
  font-family: font04;
}

.font05 {
  font-family: font05;
}

.row {
  position: relative;
  overflow: hidden;
}

dl, dt, dd, ol, ul, li {margin: 0;padding: 0;}
.clear {clear: both;display: block;	font-size: 0px;	height: 0px;line-height: 0;	width: 100%;overflow:hidden;}
::selection {background: #009d86;color: #FFF;text-shadow: none;}
::-moz-selection {background: #009d86; /* Firefox */color: #FFF;text-shadow: none;}
::-webkit-selection {background: #009d86; /* Safari */color: #FFF;text-shadow: none;}
:active,
:focus { outline: none !important; }
/* ----------------------------------------------------------------Typography
-----------------------------------------------------------------*/
body {line-height: 1.5;color: #777;margin-left:0; margin-top:0; font-size:13px;}
a {text-decoration: none !important;color: #ffffff;transition: .3s ease-in-out;}
a:hover { color: #009d86; }
a img { border: none; }
img { max-width: 100%; }
iframe { border: none !important; }
.logo_color{color:#009d86;}
/* ----------------------------------------------------------------Basic Layout Styles
-----------------------------------------------------------------*/
.margin0{ margin:0px;}
.margin1{ margin:1px;}
.margin5{ margin:5px;}
.margin10{ margin:10px;}


.margin15_0_15_0{margin:15px 0px 15px 0px;}
.margintop_40{ margin-top:-40px;}
.margintop_50{margin-top:-50px;}
.margintop_100{margin-top:-100px;}
.margintop_150{margin-top:-150px;}
.margintop_180{margin-top:-180px;}
.margintop_200{margin-top:-200px;}
.margintop_300{margin-top:-300px;}
.margintop10{ margin-top:10px;}
.margintop50{margin-top:50px;}
.margintop100{margin-top:100px;}
.margintop150{margin-top:150px;}
.margintop180{margin-top:180px;}
.margintop200{margin-top:200px;}
.margintop300{margin-top:300px;}

.marginleft_40{ margin-left:-40px;}
.marginleft_50{margin-left:-50px;}
.marginleft_100{margin-left:-100px;}
.marginleft_150{margin-left:-150px;}
.marginleft_180{margin-left:-180px;}
.marginleft_200{margin-left:-200px;}
.marginleft_300{margin-left:-300px;}
.marginleft10{ margin-left:10px;}
.marginleft50{margin-left:50px;}
.marginleft100{margin-left:100px;}
.marginleft150{margin-left:150px;}
.marginleft180{margin-left:180px;}
.marginleft200{margin-left:200px;}
.marginleft300{margin-left:300px;}



.padding0{ padding:0px;}
.padding1{ padding:1px;}
.padding2{ padding:2px;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding40{ padding:40px;}
.padding50{ padding:50px;}

.margin_top30_p{margin-top:30%;}


.padding_left0{ padding-left:0px;}
.padding_left6{ padding-left:6px;}
.padding_left20{ padding-left:20px;}
.padding_left6{ padding-left:6px;}
.padding_left610{ padding-left:6px;}

.padding_right0{ padding-right:0px;}
.padding_right5{ padding-right:5px;}
.padding_right6{ padding-right:6px;}
.padding_bottom0{ padding-bottom:0px;}
.padding_bottom6{ padding-bottom:6px;}

.padding0_0_0_15{padding:0 0 0 15px;}
.padding0_5_0_0{padding:0 5px 0 0;}

.px10{ font-size:10px;}
.px12{ font-size:12px;}
.px14{ font-size:14px;}
.px16{ font-size:16px;}
.px18{ font-size:18px;}
.px20{ font-size:20px;}
.px24{ font-size:24px;}
.px28{ font-size:28px;}
.px30{ font-size:30px;}
.px32{ font-size:32px;}
.px36{ font-size:36px;}
.px40{ font-size:40px;}


.nav > li > a:hover,
.nav > li > a:focus {text-decoration: none; background-color: transparent; border:none;}
.nav-tabs {border-bottom: none;}
.nav-tabs > li {float: left; margin-bottom: 0px; text-align:center; margin-top:2px;min-height: 100px;display: flex;justify-content: center;align-items: center;}/*width:93px;*/
.nav-tabs > li > a {margin-right: 2px;line-height: 1.42857143;border-radius: 4px 4px 0 0; color:#aaa; background-color:transparent;font-size: 16px;border: none !important;border-right: 1px solid #323232 !important;padding: 0px !important;margin-right: 30px;padding-right: 30px !important;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #009d86; cursor: default;background-color: transparent;border-bottom-color: transparent;}

#thumbs {margin: 0;padding: 0px 15px 0 0;	}
#thumbs li {list-style-type: none;box-sizing: border-box;}
.item-thumbs {position: relative;overflow: hidden;margin-bottom: 30px;cursor: pointer; padding-right:0px;}
.item-thumbs a + img {width: 100%;	}
.item-thumbs .hover-wrap {position: absolute;display: block;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 450ms ease-out 0s;	   -moz-transition: all 450ms ease-out 0s;	 -o-transition: all 450ms ease-out 0s;	    transition: all 450ms ease-out 0s;	  -webkit-transform: rotateY(180deg) scale(0.5,0.5);   -moz-transform: rotateY(180deg) scale(0.5,0.5);	-ms-transform: rotateY(180deg) scale(0.5,0.5);	 -o-transform: rotateY(180deg) scale(0.5,0.5);		transform: rotateY(180deg) scale(0.5,0.5);	}
.item-thumbs:hover .hover-wrap,
.item-thumbs.active .hover-wrap {opacity: 1;filter: alpha(opacity=100);-webkit-transform: rotateY(0deg) scale(1,1);   -moz-transform: rotateY(0deg) scale(1,1);	-ms-transform: rotateY(0deg) scale(1,1);	 -o-transform: rotateY(0deg) scale(1,1);	    transform: rotateY(0deg) scale(1,1);}
.item-thumbs .hover-wrap .overlay-img {position: absolute;width: 95%;height: 100%;opacity: 0.60;filter: alpha(opacity=60);background: #000;}
.item-thumbs .hover-wrap .overlay-img-thumb {position: absolute;border-radius: 60px;top: 50%;left: 50%;margin: -16px 0 0 -16px;color: #fff;font-size: 32px;line-height: 1em;	opacity: 1;filter: alpha(opacity=100);}
.tab-content > .tab-pane { background-color:#111; overflow:hidden; font-size:14px; color:#aaa;}

.padding0 {
  padding: 0;
}
.productcontent_padding15{ padding:15px;}

.font_color_white {
  color: #FFFFFF;
}

.font_color_black {
  color: #000000;
}


.border_color_black{  border:1px solid #000000;}
.border_color_shenhui{  border:1px solid #555555;}
.border_color_red{  border:1px solid #ff0000;}
.border_color_blue{  border:1px solid #0000ff;}
.border_color_yellow{  border:1px solid #fff000;}
.border_color_green{  border:1px solid #00ff00;}

.product_design_font100 {
  font-size: 100px;
}

.product_design_font90 {
  font-size: 90px;
}

.product_design_font80 {
  font-size: 80px;
}

.product_design_font78 {
  font-size: 78px;
}

.product_design_font70 {
  font-size: 70px;
}

.product_design_font68 {
  font-size: 68px;
}

.product_design_font66 {
  font-size: 66px;
}

.product_design_font60 {
  font-size: 60px;
}

.product_design_font58 {
  font-size: 58px;
}

.product_design_font50 {
  font-size: 50px;
}

.product_design_font48 {
  font-size: 48px;
}

.product_design_font46 {
  font-size: 46px;
}

.product_design_font42 {
  font-size: 42px;
}

.product_design_font40 {
  font-size: 40px;
}

.product_design_font38 {
  font-size: 38px;
}

.product_design_font36 {
  font-size: 36px;
}

.product_design_font34 {
  font-size: 34px;
}

.product_design_font32 {
  font-size: 32px;
}

.product_design_font30 {
  font-size: 30px;
}

.product_design_font28 {
  font-size: 28px;
}

.product_design_font26 {
  font-size: 26px;
}

.product_design_font24 {
  font-size: 24px;
}

.product_design_font72 {
  font-size: 72px;
}

.product_design_font76 {
  font-size: 76px;
}

.product_design_font22 {
  font-size: 22px;
}

.product_design_font20 {
  font-size: 20px;
}

.product_design_font18 {
  font-size: 18px;
}

.product_design_font16 {
  font-size: 16px;
}

.product_design_font14 {
  font-size: 14px;
}

.product_design_font12 {
  font-size: 12px;
}


.p_design_box_pt_r {
  position: relative;
  z-index: 1;
}

.p_design_box_img01 {
  float: left;
  z-index: 11;
}

.p_design_box_img02 {
  position: absolute;
  z-index: 12;
}

.p_design_box_img03 {
  position: absolute;
  z-index: 13;
}

.p_design_box_img04 {
  position: absolute;
  z-index: 14;
}

.p_design_box_img05 {
  position: absolute;
  z-index: 15;
}

.p_design_box_img06 {
  position: absolute;
  z-index: 16;
}

.p_design_box_img07 {
  position: absolute;
  z-index: 17;
}

.p_design_box_img08 {
  position: absolute;
  z-index: 18;
}

.p_design_box_img09 {
  position: absolute;
  z-index: 19;
}

.p_design_box_img10 {
  position: absolute;
  z-index: 20;
}

.p_design_box_pt_r_01 {
  position: relative;
}

.p_design_box_01_img01 {
  float: left;
  z-index: 21;
}

.p_design_box_01_img02 {
  position: absolute;
  z-index: 22;
}

.p_design_box_01_img03 {
  position: absolute;
  z-index: 23;
}

.p_design_box_01_img04 {
  position: absolute;
  z-index: 24;
}

.p_design_box_01_img05 {
  position: absolute;
  z-index: 25;
}

.p_design_box_01_img06 {
  position: absolute;
  z-index: 26;
}

.p_design_box_01_img07 {
  position: absolute;
  z-index: 27;
}

.p_design_box_01_img08 {
  position: absolute;
  z-index: 28;
}

.p_design_box_01_img09 {
  position: absolute;
  z-index: 29;
}

.p_design_box_01_img10 {
  position: absolute;
  z-index: 30;
}

.margintop10 {
  margin-top: 10px;
}

.margintop15 {
  margin-top: 15px;
}

.margintop16 {
  margin-top: 16px;
}

.margintop20 {
  margin-top: 20px;
}

.margintop22 {
  margin-top: 22px;
}

.margintop23 {
  margin-top: 23px;
}

.margintop24 {
  margin-top: 24px;
}

.margintop25 {
  margin-top: 25px;
}

.margintop30 {
  margin-top: 30px;
}

.margintop31 {
  margin-top: 31px;
}

.margintop40 {
  margin-top: 40px;
}

.margintop46 {
  margin-top: 46px;
}

.margintop47 {
  margin-top: 47px;
}

.margintop50 {
  margin-top: 50px;
}

.margintop54 {
  margin-top: 54px;
}

.margintop56 {
  margin-top: 56px;
}

.margintop59 {
  margin-top: 59px;
}

.margintop60 {
  margin-top: 60px;
}

.margintop66 {
  margin-top: 66px;
}

.margintop77 {
  margin-top: 77px;
}

.margintop80 {
  margin-top: 80px;
}

.margintop88 {
  margin-top: 88px;
}

.margintop93 {
  margin-top: 93px;
}

.margintop100 {
  margin-top: 100px;
}















.Common_link {
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 100;
  width: 100%;
  box-sizing: initial;
  min-width: 150px;
}
.Common_link a {
  position: relative;
  padding: 20px;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: all .5s ease-in-out;
  background-color: transparent;
  z-index: 20;
  overflow: hidden;
}
.Common_link svg {
  position: relative;
  left: 0;
  box-sizing: initial;
}
.defaultpath {
  position: absolute;
  stroke-dasharray: 1021;
  stroke-dashoffset: 1021;
}
.greenpath {
  position: absolute;
  stroke-dasharray: 2045;
  stroke-dashoffset: 2045;
  stroke: #008c8c;
  transition: all .6s ease-in-out;
}
.Common_link a i{
  position: absolute;
  color: #FFFFFF;
  transition: all .5s ease-in-out;
}
.Common_link:hover a i{
  color: #008c8c;
}
.Common_link:hover .greenpath {
  stroke-dasharray: 2045;
  stroke-dashoffset: 985;
}
/* .greenpath {
  stroke-dasharray: 2329 144;
  stroke-dashoffset: 1361;
  stroke: #008c8c;
  transition: all .4s ease-in-out;
  transform: rotate(180deg);
  transform-origin: center;
}
.greenpath:hover{
  stroke-dasharray: 2329 3847;
  stroke-dashoffset: 3847;
} 
/* 



.Common_link.mini a {
  padding: 6px 38px 6px 10px;
  color: #FFFFFF;
}

.Common_link.greentheme a {
  color: #008c8c;
  border: 2px solid #008c8c;
}

.Common_link a:after {
  content: "";
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #008c8c;
  left: 0;
  top: 0;
  transition: all .5s ease-in-out;
  z-index: 0;
}

.Common_link i {
  position: relative;
  left: 0;
  animation: rightmoveleft01 .5s ease-in-out 0s forwards;
  z-index: 15;
}

.Common_link.mini i {
  animation: rightmoveleft01mini .5s ease-in-out 0s forwards;
}

.Common_link svg {
  fill: #FFFFFF;
  position: absolute;
  right: 6%;
  transition: all .5s ease-in-out;
  animation: rightmoveleft02 .5s linear 0s;
  z-index: 16;
}

.Common_link.mini svg {
  right: -4%;
  animation: rightmoveleft02mini .5s linear 0s;
}

.Common_link.greentheme svg {
  fill: #008c8c;
}

.Common_link:hover a {
  border: 2px solid #008c8c;
  border-radius: 5px;
  overflow: hidden;
  animation: Changecolor .5s ease-in-out 0s forwards;
}

.Common_link.greentheme:hover a {
  color: #FFFFFF;
}

.Common_link:hover a:after {
  width: 100%;
}

.Common_link:not(.mini):hover i {
  animation: leftmoveright01 .5s ease-in-out 0s forwards;
}

.Common_link.mini:hover i {
  animation: leftmoveright01mini .5s ease-in-out 0s forwards;
}

.Common_link:not(.mini):hover svg {
  fill: #008c8c;
  animation: leftmoveright02 .5s ease-in-out 0s forwards;
}

.Common_link.mini:hover svg {
  animation: leftmoveright02mini .5s ease-in-out 0s forwards;
} */

/* Keyframes */
@keyframes Changecolordefault {
  0% {
    background-color: #008c8c;
  }

  50% {
    background-color: transparent;
  }

  100% {
    background-color: transparent;
  }
}

@keyframes Changecolor {
  0% {
    background-color: transparent;
  }

  50% {
    background-color: transparent;
  }

  100% {
    background-color: #008c8c;
  }
}

@keyframes leftmoveright01 {
  0% {
    left: 0px;
  }

  100% {
    left: 25%;
  }
}

@keyframes leftmoveright01mini {
  0% {
    left: 0px;
  }

  100% {
    left: 15px;
  }
}

@keyframes leftmoveright02 {
  0% {
    right: 6%;
  }

  100% {
    right: -20%;
  }
}

@keyframes leftmoveright02mini {
  0% {
    right: -4%;
  }

  100% {
    right: -20%;
  }
}

@keyframes rightmoveleft01 {
  0% {
    left: 25px;
  }

  100% {
    left: 0px;
  }
}

@keyframes rightmoveleft01mini {
  0% {
    left: 15px;
  }

  100% {
    left: 0px;
  }
}

@keyframes rightmoveleft02 {
  0% {
    right: -20%;
  }

  100% {
    right: 6%;
  }
}

@keyframes rightmoveleft02mini {
  0% {
    right: -20%;
  }

  100% {
    right: -4%;
  }
}

/* svg icon */
.dpc-icon {
  font-family: dpc-icon !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dpc-iconfirefox:before {
  content: "\eac2"
}

.dpc-iconEdge:before {
  content: "\eddd"
}

.dpc-iconsafari:before {
  content: "\e910"
}

.dpc-iconchrome:before {
  content: "\e61f"
}

.dpc-iconAboutDeepcool:before {
  content: "\e65f"
}

.dpc-iconContactUs:before {
  content: "\e660"
}

/* .dpc-iconCustomerSupport:before{content:"\e661"} */

.dpc-iconDownloadCenter:before {
  content: "\e90b";
}

.dpc-iconCustomerSupport:before {
  content: "\e901";
}

.dpc-iconBlog:before {
  content: "\e662"
}

.dpc-iconPressRoom:before {
  content: "\e663"
}

.dpc-iconKnowledgeBase:before {
  content: "\e664"
}

.dpc-iconRegisterProduct:before {
  content: "\e665"
}

.dpc-iconWarranty:before {
  content: "\e666"
}

.dpc-iconCases:before {
  content: "\e900";
}

.dpc-iconOldDeepCool:before {
  content: "\e903";
  top: 2px
}

.dpc-iconPowerSupplyUnits:before {
  content: "\e65d"
}

.dpc-iconAccessories:before {
  content: "\e65e"
}

.dpc-iconCooling:before {
  content: "\e65b"
}

.dpc-Peripherals:before {
  content: "\e920"
}

.dpc-iconEvents:before {
  content: "\e913"
}

/* .dpc-iconbuycar:before{content:"\e6b8"}
  .dpc-iconmessage:before{content:"\e649"} */

.dpc-telegram:before {
  content: "\e909";
  font-size: 34px;
}

.dpc-iconinstagram:before {
  content: "\e634"
}

.dpc-iconfacebook:before {
  content: "\e61c"
}

.dpc-icontwitter:before {
  content: "\e63d"
}

.dpc-icontwitch:before {
  content: "\e912";
  font-size: 26px;
  font-weight: 600;
}

.dpc-iconvk:before {
  content: "\e814"
}

.dpc-iconyoutobe:before {
  content: "\e60f"
}

.dpc-weixin:before {
  content: "\e902";
  top: 2px
}

.dpc-douyin:before {
  content: "\e904";
  top: 2px
}

.dpc-weibo:before {
  content: "\e905";
  top: 2px
}

.dpc-Bzhan:before {
  content: "\e906";
  top: 2px
}

.dpc-discord:before {
  content: "\e907";
  font-weight: bold;
  font-size: 26px;
}

.dpc-pinterest:before {
  content: "\e908";
  font-weight: bold;
  font-size: 24px;
}

.dpc-linkedin:before {
  content: "\e90a";
}

.dpc-iconclose:before {
  content: "\e60b"
}

.dpc-iconplay:before {
  content: "\e65a"
}

.dpc-iconsearch:before {
  content: "\e659"
}

.dpc-iconarrl:before {
  content: "\e609"
}

.dpc-iconarrr:before {
  content: "\e648"
}

/* svg icon */


/* media */
@media (max-width: 1366px) {
  .Common_link a {
    padding: 6%;
    font-size: 18px;
  }
  @keyframes leftmoveright01 {
    0% {
      left: 0px;
    }
  
    100% {
      left: 15%;
    }
  }
}