/*
Theme Name: ISDT
Author: ISDT
Author URI: https://www.ISDT.co
Description: ISDT专注于无人机航模领域的电源系统的创新和变革，这只是开始，请尽情期待我们更多创新和变革性的新产品：无人机智能停机坪、无人机户外供电系统、多轴VR穿越机、智能ESC、智能舵机。       
Version: 2.0
Text Domain: ISDT
*/

body {
	font-family: Sohne,Helvetica,Arial,sans-serif;
}
* {
	box-sizing:inherit; 
}
label {
	display: block;
}
h2,h3,h4,h5 {
	margin: 0 0 10px 0;
}
a { 
	text-decoration:none !important;
}
li {
	list-style-type:none;
}
ul {
	padding-left: 0;
} 
main {
	margin-top: 48px;
}
.col {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}
.boximg {
	position:absolute;
	bottom:0px;
	right:0px;
	left: calc(50% + 0px);
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
}
.pageb {text-align: center; padding-top: 25px;  margin: 0; border-radius:0;  height: auto !important; /*min-height hack*/
}
.pagec {text-align: center; padding: 0;  margin: 0; border-radius:0;  height: auto !important; /*min-height hack*/
}
.paged {text-align: center; padding-top: 15px;  margin: 0; border-radius:0;  height: auto !important; /*min-height hack*/
}
.b1{background: #fff;}
.b2{background: #393939;}
.b3{background: #ddd;}
.b1 h1, .b1 h2, .b2 h2, .b3 h1, .b3 h2 {font-weight: 400;margin-top: 12px; }
.b1 h1, .b1 h2,  #primary h4 {color: #333;}
.b1 dt, .b3 dt {color: #777;}
.b2 h1, .b2 h2 {color: #eee;}
.b2 dt {color: #aaa;}
.b1 p, .b2 dt, .b3 dt {margin: 0 20px ;}
#primary dt {font-weight: 400;  margin: 20px 20px ;  font-family: inherit;  font-size: 1.9rem; line-height: 1.5;}
.scos{color: #f0ad4e;}

a.battgo:link, a.battgo:visited  {font-weight: 500;text-decoration: underline;color: #0dbf1c;}
a.battgo:hover, a.battgo:active  {font-weight: 500;text-decoration: none;color: #367fd9;}

@media (min-width: 20px) {
	#primary h2, #primary h1, .b1 h1, .b1 h2, .b2 h1, .b2 h2 {font-size: 3.1rem;}
	#primary dt, .b1 dt, .b2 dt {font-size: 1.7rem;}
}
@media (min-width: 960px) {
	#primary h2, #primary h1, .b1 h1, .b1 h2, .b2 h1, .b2 h2 {font-size: 4.0rem;}
	#primary dt, .b1 dt, .b2 dt {font-size: 2.2rem; }
}
@media (min-width: 1200px) {
	#primary h2, #primary h1, .b1 h1, .b1 h2, .b2 h1, .b2 h2 {font-size: 3.9rem;}
	#primary dt, .b1 dt, .b2 dt {font-size: 1.9rem;}
}
@media (max-width: 767px) {
	#myCarousel{
		margin-top:48px!important;
	}
	.table {
    font-size:15px!important;
	}
	.select-compare {
		font-size:16px!important;
		width:74%!important;
		padding:17px 2px!important;
		text-align:left!important;
		text-align-last:left!important;
	}
}
#primary img {max-width: 100%;height: auto;-ms-interpolation-mode: bicubic;display: inline-block;vertical-align: middle;}
.server-products-table { min-width:100%; border:1px solid #eae8e8;margin-bottom:45px; }
.server-products-table thead {border:0;background:transparent;}
.server-products-table thead th {background:#3F51B5; color:#fff!important; font-weight:900;  font-size:15px!important; border:0!important;  text-shadow: none; padding-top:10px!important; padding-bottom:10px!important; text-align: center;}
.server-products-table th {font-weight: normal;    -webkit-font-smoothing: antialiased;   padding:16px 12px; color: #424242;   font-size: 14px; background: #fff; }
.server-products-table td {color: #424242;    padding:16px 12px; font-size: 14px; border-right:1px solid #eae8e8; text-align: center;}
.server-products-table td:first-child, .server-products-table thead th:first-child {text-align: left;}
.server-products-table td:last-child {border-right:0;}
.server-products-table tr {  background: #fff; }
.server-products-table td i.fa-times {color:#ff4081;}
.server-products-table td i.fa-check {color:#258D5C;}
.server-products-table td, .server-products-table thead th {text-align: left; border-bottom:1px solid #e9e9e9;}
.server-products-table tr td:first-child .tablesaw-cell-label {display:none;}

/*二级导航*/

.twonav {
	background: #292929;
	overflow:hidden;
	padding:0;
	padding-top:12px;
	padding-bottom:12px;
	position:relative;
	text-align:center;
	width:100%;
	height:92px;
	z-index:9987
}
.twonav-wrapper {
	position:relative;
	height:100%;
	z-index:1
}
.twonav-items {
	list-style:none;
	margin:0 34px;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	padding-bottom:50px;
	white-space:nowrap
 }
.mob-active{
	background-color:rgba(255, 255, 255, 0) !important;
}
.swiper-slide-thumb-active h4{
	color:black!important ;
}
@media only screen and (orientation: landscape) {
	.twonav-items {
		padding-bottom:49px
	}
}
html.touch .twonav-items {
	margin:0;
	padding-left:34px;
	padding-right:34px
}
.twonav-item {
	display:inline-block;
	vertical-align:top;
	margin:0 -.11765em;
	padding:0 20px
}
.twonav-item:first-child {
	margin-left:0;
	padding-left:4px
}
.twonav-item:last-child {
	margin-right:0;
	padding-right:4px
}
.twonav-icon {
	background:center bottom no-repeat;
	display:block;
	margin:0 auto  6px;
	height:54px
}
.twonav-label {
	font-size:11px;
	line-height:1.09091;
	font-weight:400;
	letter-spacing:-.008em;
	display:block;
	margin:0
}
.twonav-new {
	font-size:9px;
	line-height:1.22226;
	font-weight:400;
	letter-spacing:-.006em;
	color:#ef5602;
	display:block;
	position:absolute;
	top:100%;
	left:0;
	width:100%
}
.twonav-link {
	color:#111;
	display:block;
	margin-top:3px;
	padding:0;
	position:relative;
	z-index:1
}
.twonav-link:hover {
	color:#0070c9;
	text-decoration:none
}
.twonav-link:focus {
	outline-offset:0
}
.twonav-link.current {
	color:#111;
	cursor:default;
	opacity:.6
}
.twonav .twonav-link {
	color:#fff
}
.twonav .twonav-link:hover {
	color:#6bf
}

@-webkit-keyframes twonav-slidein {
	0% {
		opacity:0
	}
	1% {
		-webkit-transform:translateX(160px);
		transform:translateX(160px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
@keyframes twonav-slidein {
	0% {
		opacity:0
	}
	1% {
		-webkit-transform:translateX(160px);
		transform:translateX(160px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}
.twonav-item {
	-webkit-animation:twonav-slidein 350ms backwards;
	animation:twonav-slidein 350ms backwards
}


/*主体css*/
.row {
	margin-right: 0;
	margin-left: 0;
	overflow: hidden;
}
.box {
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 770px;
	text-align: center;
	margin-bottom: 10px;
}
.box-title {
	padding-top: 60px;

}
.box-title h2{
	font-size: 55px;
	font-weight: 100;
}
.box-title h3 {
	font-weight: 100;
	padding: 15px 5px;
}
.box-link {
	margin:0;
	padding:0;
	display:inline-block;
}
.box-link a {
	font-size: 18px;
	color: #0070c9;
}
.box-link i {
	color: #0070c9;
	font-size: 20px;
}
.box-img {
	width: 1300px;
	position:absolute;
	bottom:0px;
	right:0px;
	left: calc(50% + 0px);
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
}
.box-img1 {
	position:absolute;
	bottom:0px;
	left: calc(50% + 0px);
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
}
.box-img1 img {
	max-width: 400px
}
.col-md-12,.col-md-6,.col-sm-12,.col-sm-4{
	padding-right: 0;
	padding-left: 0;
}
.box1 {
	position:relative;
	height: 550px;
	background: #fafafa;
}
.box1-link {
	text-align: center;
}
.box1-link h2 {
	padding-top: 200px;
	font-size: 45px;
	font-weight: 600;
}
.box1-link h3 {
	color: #000;
}
.box1-link p {
	color: #ea1313;
	font-size: 18px;
}
.box-link-img {
	height: 550px;
}
.box-link-img img {
	height: 550px;
}
.box-link-min {
	position:absolute;
	bottom:0px;
	right:0px;
	left: calc(50% + 0px);
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
}
.box2 {
	padding: 0 6px 6px 6px;
	margin-top: 10px;
}
.box2-content {
	overflow: hidden;
	background: #fafafa;
	width: 100%;
	text-align: center;
	/*box-shadow: 1px 3px 5px rgba(0,0,0,.28);*/

}
.box2-text {
	padding: 30px 5px 0 5px;
}
.box2-text h4{
	font-size: 40px;
	font-weight: 400;
}
.box2-text h5{
	padding: 10px 5px 0 5px;
	height: 30px;
	font-size: 18px;
}
.box2-img,.row-content-img {
	margin-top: 40px;
	width: 100%
}
.box2-img img,.row-content-img img {
	max-width: 100%
}
.box2-a {
	margin:0;
	padding:0;
	display:inline-block;
}
.box2-a a {
	font-size: 16px;
}
.box2-a i {
	font-size: 20px;
}

.cate {
	overflow: hidden;
	text-align: center;
	background-color: #fafafa;
}
.cate h2 {
	color: #fff;
	font-size: 32px;
	padding-top: 50px;
}
.cate h3 {
	color: #fff;
	font-size: 50px;
	
}
.cate-a a,i {
	font-size: 18px;
	color: #0070c9;
}
.cate p {
	padding-top: 15px;
	font-size: 20px;
	color: #a2a2a2;
}
.cate-img {
	margin-top: 20px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.cate-row,.cate-key,.cate-des,.cate-dess {
	margin-top: 20px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.cate-row-img {
	padding: 0px 7px 15px 7px;
}
.cate-row-content {
	background: #fafafa;
	padding-top: 40px;
	color: #000;
	overflow: hidden;
	transition: all .2s linear;
	/*box-shadow: 1px 3px 5px rgba(0,0,0,.28)*/
}
.cate-row-content:hover {
box-shadow:0 5px 5px rgba(0,0,0,.1);
 transform:translate3d(0,-5px,0)
	 } 
.cate-row-content h2 {
	font-size: 40px;
	font-weight: 600;
}
.cate-row-content h3 {
	font-size: 22px;
	padding: 10px 5px 0 5px;
	height: 35px;
}
.cate-key-content {
	color: #fff;
	position:relative;
	top: 48%;
	transform: translateY(-48%);
}
.cate-key-content h2 {
	font-size: 24px;
	font-weight: 550;
}
.cate-key-content h3 {
	font-size: 44px;

}
.cate-key-content p {
	font-size: 18px;
}
.cate-des h2 {
	font-size: 52px;
	padding: 25px 0 25px 0;
}
.cate-des-content {
	position: relative;
	overflow: hidden;
	height: 540px;
	background: #fafafa;
}
.cate-des-content h2 {
	color: #000;
	font-size: 48px;
	padding: 30px 0 5px 0;
}
.cate-des-content p {
	font-size: 16px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.cate-des-img {
	width: 690px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: calc(50% + 0px);
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
}
.cate-dess-content {
	background: #fafafa;
}
.cate-dess-content h2 {
	padding-top: 40px;
	font-size: 42px;
	color: #000;
}
.cate-dess-content p {
	font-size: 16px;
}
.dess-container {
	padding-top: 32px;
}
.dess-container p {
	float: none;
	margin: 0; 
	padding: 0; 
	display: inline-block;
	
}
.dess-container ul {
	display:inline-block;
	border-bottom: 1px solid #ddd;
}
.dess-container a {
	color: #666;
}
.dess-container a:hover {
	color: #0070c9;
}
.nav-tabs {
	font-size: 18px;
}
.nav-tabs > li.active > a{
	border: none !important;
}
.nav-tabs > li.active a{
	display:inline-block;
	border-bottom: 1px solid #000 !important;
}
.nav-tabs > li > a:hover {
	border-top: none;
	border-left: 1px solid #fafafa;
	border-right: 1px solid #fafafa;
	border-bottom: none;
	color: #0070c9 !important;
}
.nav-tabs {
	border-bottom: none;
}
.nav-tabs > li >a {
	padding: 0; 
}
.tabs {
	padding-left: 20px;
}
.tab-content p {
	padding: 20px 0 15px 0;
	max-width: 707px;
}
.tab-a {
	padding-bottom: 40px;
}
.tab-a a,i {
	font-size: 16px;
	color: #0070c9;
}
.about {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;

}
.about-li a {
	padding: 5px 25px;
	color: #bebebe;
	transition: all .8s;
}
.about-li a:hover {
	color: #35b8f9;
	border-bottom: 1px solid #35b8f9;
}
.about-li > li.active a{
	color: #35b8f9;
	border-bottom: 1px solid #35b8f9;
}
.about-li {
	margin-top: 20px;
	margin-bottom: 50px;
	font-size: 24px;
	text-align: center;
}
.abreast,.about-li li{
	display: inline-block;
}
.about-content>.tab-pane{
	display:none;
}
.about-content>.active{
	display:block;
}
.mar {
	margin:0 2% !important;
}
.address {
	overflow: hidden;
	color: #fff;
	/* box-shadow: 0 15px 30px rgba(0,0,0,0.1); */
	box-shadow: 0 3px 5px rgba(0,0,0,.28);
}
.address-title {
	padding-left: 3%;
	padding-top: 60px;
	margin-bottom: 30px;
	font-size: 20px;
}
.address-detail {
	padding-left: 3%;
	margin-bottom: 30px;
}
.address-info {
	padding-left: 3%;
}
.about-panels {
	padding-left: 3%;
}
.about-panels h3 {
	padding: 70px 0 20px 0;
}
.about-panels a {
	color: #35b8f9;
}
.panels-a {
	display: inline-block;
	padding: 2px 10px;
	margin-top: 4px;
	border: 0;
	outline: 0;
	color: #fff !important;
	background-color: #32b7f9;
	border-radius: 14px;
}
.about-panels-box {
	float: left;
	width: 48.5%;
}
.con-item {
	width: 50%;
}
.con-item {
	float: left;
}
.con-item img {
	max-width: 240px;
}
.con-item-title {
	padding: 15px 0 5px 0;
}

.su-banner-title {
	padding: 0 2%
}

.pagenav {
	max-width: 1400px;
	margin: 30px auto;
	text-align: center;
}
.act {
	color: #fff !important;
	background: #bbbaba !important;
}
.page a {
	border-radius: 5px;
	font-size: 16px;
	padding: 5px 10px;
	margin-left: 5px;
	color: #000;
	background: #f2f2f2;
}
.page a:hover {
	color: #fff;
	background: #bbbaba;
}
.page i {
	font-size: 18px;
	color: #000;
}
.page a:hover > i {
	color: #fff;
}
.panel-group {
	margin-bottom: 0px;
} 

/* 置顶 */
#goToTop {
	position: absolute; 
	right: 50px;
	z-index: 9000; 
}
.gotop img {
	height: 40px;
	width: 40px;
}

/* 百度地图 */
.BMapLabel {
	position: initial !important;
	margin-left: 20px;
}

/* 搜索框 */
.search_main{
	position: absolute;
	left:24%;
	top:0;
	width: 50%;
	height: 48px;
	display: none;
}
.search_main .search_btn,
.search_main .close_btn{
	height: 45px;
	transition: 0.6s;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	float: left;
	border:none;
	outline: none;
	cursor: pointer;
	background: #0a0a0a;
}
.search_text{
	height: 45px;
	width: 85%;
	background: #333333;
	color: #fff;
	border-radius: 5px;
	border-style: none;
	outline:none
}
.search_main .close_btn{
	position: absolute;
	top:0;
	right: -20px;
}
.search_btn {
	width: 50px;
}
.search-stext {
	height: 35px;
	background: #282828;
	border-style: none;
	width: 100%;
	outline: none;
	color: #fff;
}
.iw_poi_title {
	color:#CC5522;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	padding-right:13px;
	white-space:nowrap
}
.iw_poi_content {
	font:12px arial,sans-serif;
	overflow:visible;
	padding-top:4px;
	white-space:-moz-pre-wrap;
	word-wrap:break-word
}
.search_pic {
	cursor:pointer
}

.buy {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}
.buy h2 {
	padding: 50px;
	font-size: 42px;
	text-align: center;
	font-weight: 600
} 
.buy-box {
	padding: 2%;
	width: 21%;
	float: left;
	text-align: center;
}
.buybox-con {
	background: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 15px;
}
.buybox-con img {
	max-width: 100%
}
.buy-box a {
/* 	padding: 10px;
	background: #01ABEF; */
	color: #000000;
/* 	border-radius: 2px; */
}
.buybox-con p {
	margin-top: 20px;
}
.tldprice {
	font-size: 15px;
	padding-top: 20px;
	margin: 30px 0 0;
	border-top: 2px solid #e2e0e0;
	position: relative;
	background: #ffffff;
}
.tldprice h5 {
	font-size: 16px;
	font-weight: 600;
	height: 41px;
}
.tldprice:after, .tldprice:before {  
	bottom: 100%;  left: 50%;  
	border: solid transparent;  
	content: " ";  
	height: 0;  
	width: 0;  
	position: absolute;  
	pointer-events: none;
}
.tldprice:after {  
	border-color: rgba(255, 255, 255, 0);  
	border-bottom-color: #ffffff;  
	border-width: 10px;  
	margin-left: -10px;
}
.tldprice:before {  
	border-color: rgba(204, 204, 204, 0);  
	border-bottom-color: #e2e0e0;  
	border-width: 13px;  
	margin-left: -13px;
}
.sec-panels,.sec-panels p,.sec-panelsa a,.sec-panelsaa a{
	float: right
}
.sec-panelsa a {
	font-size: 25px;
/* 	color: #32b7f9 !important;	 */
}
.sec-panelsaa a{
	font-size: 16px;
	padding: 3px 12px;
}

.support {
	margin: 20px 20px 20px 20px;
	background: #fff;

}
.support-content {
	margin-left: auto;
	margin-right: auto;
	padding: 40px 0;
	max-width: 1200px;
}

.support-text {
	width: 335px;
	float: right;
	text-align: center;
	padding-right: 80px 
}
.support-text h2 {
	margin-top: 20px
}
.support-con {
	padding-left: 80px; 
}
.support-box1 h4 {
	color: #000;
}
.panel,.panel-default {
	border: none;
	border-bottom: none;
}
.panel {
	box-shadow: none;
	border: none;
}
.panel-collapse {
	border-top: 1px solid #e4e1e1;
}
.panel-heading {
	padding-left: 0;
}
.panel-title {
	font-size: 18px;
}
.download-a a {
	padding: 5px 15px;
	margin-top: 4px;
	border: 0;
	outline: 0;
	color: #fff !important;
	background-color: #fd4f58;
	border-radius: 10px;
	font-size: 16px;
}
.dowcontent div{ 
	display: none;
}   
.dowcontent h4 {
	margin-top: 5px;
	padding: 10px 0;
	cursor:pointer;
	margin-bottom: 0
}
.dowa {
	border-top: 1px solid #e4e1e1;
	padding: 10px 0 5px 0
}
.dowcontent.active div{ 
	display: block;
}
.support-text img {
	width: 150px
}
.buys {
	text-align: center;
	padding: 50px;
}
.buys a{
	font-size: 16px;
	padding: 10px 50px;
	background: #00c3f5;
	border-radius: 5px;
	color:#fff;
	margin-top: 10px
}

/* 显示大于992样式 */
@media (min-width: 992px) {
	.su-banner-title {
		text-align: center;
		position:absolute;
		left:0;
		left: calc(50% + 0px);
		-webkit-transform: translatex(-50%);
		transform: translatex(-50%);
		top: 30%;
	}
	.su-banner-title {
		color: #fff;
	}
	
	.support-box1 {
	display: inline-block;
	width: 74%
    }
	.support-box {
	vertical-align: top;
	display: inline-block;
	width: 25%
    } 
	.support-li a {
		padding: 5px 0;
		color: #bebebe;
		transition: all .8s;
	}
	.support-li a:hover {
		color: #fd5158;
		border-bottom: 2px solid #fd5158;
	}
	.support-li > li.active a{
		color: #fd5158;
		border-bottom: 2px solid #fd5158;
	}
	.support-li {
		font-size: 18px;
		margin-left: 10px;
	}
	.support-li li{
		margin-bottom: 80px;

	}
	.support-content1>.tab-pane{
		display:none;
	}
	.support-content1>.active{
		display:block;
	}
	.support-lis {
		padding: 100px 0 !important;
	}


	.device-li a {
		
		color: #bebebe;
    transition: all .8s;
    display: flex;
    flex-direction: column;
    align-items: center;
	}
	.device-li a:hover p {
		color: #fff !important;
		background-color: #f8646a;
		border-radius: 20px;

	}
	.device-li > li.active p {
		color: #fff !important;
		background-color: #f8646a;
		border-radius: 20px;

	}
	
	.device-li li{
		display: inline-block;
		text-align: center;
		width: 20.5%;
		height:100px
	}
	.support-content1 .device-li li{
		height:220px
	}
	.device-content>.tab-pane{
		display:none;
	}
	.device-content>.active{
		display:block;
	}
	.device-li p {
		display: inline-block;
		padding: 0px 15px;
		margin-top:10px;
		font-size: 14px
	}
	.header-con #sup2 ul li img{
		width:180px;
		height:180px;
	}
	.triangle_bottom {
		width: 0px;
		height: 0px;
		border: 8px solid transparent;
		border-top: 8px solid #f8646a;
		margin-left: auto;
		margin-right: auto;
		display:none;
	}
	.device-li > li.active .triangle_bottom{
		display:block;
	}
	.device-content {
		margin-bottom: 10px;
		background: #fafafa;
	}
	.cont {
		padding: 20px 0 10px 40px;
	}
	.cont a {
		font-size: 16px;
		color: #646464;
	}
	.lim {
		padding: 0 5%;
	}
	.disp {
		display:none
	}
	.disps {
		display:block
	}
	.indeximg {
		margin-bottom: 60px;
	}
}

/* 显示小于700样式 */
@media (max-width: 700px) {
	.box1 {
		height: 450px !important;
		background: #fafafa;
	}
	.about-panels-box {
		width: 100%;
	}
	.box-top {
		margin-top: 25px;
	}
	#goToTop {
		right: 15px;
	}
	.section-list li {
		padding: 6px 14px;
	}
	.buy-box {
		padding: 2% 0 !important;
		width: 100% !important;
	}
}

/* 显示小于762样式 */
@media (max-width: 762px) {
	.cate-row{
		margin-top:0!important;
	}
	.box1-link h2 {
		padding-top: 35px;
	}
	.about-li {
		font-size: 16px;
	}
	.about-li a {
		padding: 5px 20px;
		color: #bebebe;
		transition: all .8s;
	}
	.box {
		height: 490px;
	}
	.box-title h2 {
		font-size: 32px;
	}
	.box-title h3 {
		font-size: 18px;
	}
	.box-link a{
		font-size: 16px;
	}
	.box-title {
		padding:30px 5px 0 5px
	}
	.box2-text {
		padding: 30px 5px 0 5px;
	}
	.cate h2 {
		padding-top: 30px;
	}
	.cate h3 {
		font-size: 36px;
	}
	.cate-row-content {
		padding-top: 30px;
	}
	.cate-row-content h2 {
		font-size: 32px !important;
		font-weight: 0 !important;
	}
	.cate-row-content h3 {
		font-size: 18px !important;
	}
	.cate-a a, i {
		font-size: 16px;
	}
	.support-text {
		width: 100%;
		float: none;
		padding-right: 0
	}
	.support-box {
		text-align: center;
		width: 100%
	}
	.support-box1 {
		border-left: none;
		width: 100%
	}
	.support-con {
		padding: 0 10px;
	}
	
	.search_main .close_btn{
		right:22px
	}
	#sidt-footer{
		padding-bottom:70px
	}
	
	#p-index-fix{
    display: block;
    width: 100%;
    height: 7.3rem;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 999;
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
}
	.pro-nor {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-flow: column;
    justify-content: center;
    padding: 0 1.5rem;
    border-bottom: 0.3rem solid #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    cursor: pointer;
}
	.swiper-slide{
		padding:0 !important;
	}
	.slide{
		background-color: white;
		padding:0!important;
	}
	.box2-text h4 {
		font-size:24px;
	}
	main{
		margin-top:48px
	}
	.cate-row, .cate-key, .cate-des, .cate-dess{
		margin-top:0
	}
/* 改变轮博图小点的大小	 */
	.carousel-indicators .active {
		width:25px;
		height:60px;
	}
	.fa-search:before{
		font-size:18px;
	}
	.carousel-indicators{
		width: 100%!important;
    margin-bottom: 10px!important;
    bottom: 0px!important;
	}
	/*MARK 后续去掉 */
	
	

}
/* 显示小于992样式 */
@media (max-width: 992px) {
	.displays{
		display: block;
	}
	.box2 {
		padding-left: 0;
		padding-right: 0;
	}
	.cate-row-img {
		padding: 0px 0px 5px 0px;

	}
	.cate-des-content p {
		width: 95%;
	}
	.cate-row,.cate-key,.cate-des,.cate-dess {
		margin-top: 10px;
	}
	.about-text {
		padding: 0 3%;
	}

	.con-item {
		width: 100%;
	}
	.min {
		padding-top: 10px;
	}
	#isdtnav {
		font-size: 17px
	}

	.support {
		    margin: 10px 10px 10px 10px;
	}
	.support-content {
		padding: 25px 0 10px 0;
	}
	.support-li a {
		/*padding: 5px 25px;*/
		color: #bebebe;
		transition: all .8s;
	}
	.support-li a:hover {
		color: #fd5158;
		border-bottom: 2px solid #fd5158;
	}
	.support-li > li.active a{
		color: #fd5158;
		border-bottom: 2px solid #fd5158;
	}
	.support-li {
		font-size: 16px;
		text-align: center;
	}
	.support-li li{
		display: inline-block;
		padding: 0 10px 10px 10px;

	}
	.support-content1>.tab-pane{
		display:none;
	}
	.support-content1>.active{
		display:block;
	}
	.support-lis {
		padding: 100px 0 !important;
	}

	.device-li {
		text-align: center;
		display: flex;
        justify-content: space-around
	}
	.device-li a {
		color: #bebebe;
		transition: all .8s;
	}
	.device-li a:hover p {
		color: #fff !important;
		background-color: #f8646a;
		border-radius: 14px;

	}
	.device-li > li.active p {
		color: #fff !important;
		background-color: #f8646a;
		border-radius: 14px;

	}
	.device-li li{
		display: inline-block;
		text-align: center;
		width: 42%
	}
	.device-content>.tab-pane{
		display:none;
	}
	.device-content>.active{
		display:block;
	}
	.device-li img {
		max-width: 100%
	}
	.device-li p {
		display: inline-block;
		padding: 0px 15px;
		margin-top:10px;
		font-size: 14px
	}
	.triangle_bottom {
		width: 0px;
		height: 0px;
		border: 8px solid transparent;
		border-top: 8px solid #f8646a;
		margin-left: auto;
		margin-right: auto;
		display:none;
	}
	.device-li > li.active .triangle_bottom{
		display:block;
	}
	.device-content {
		margin-bottom: 10px;
		padding: 0 5px;
		
	}
	.cont {
		background: #fafafa;
		padding: 10px 0px 1px 20px;
		border-radius: 10px;
	}
	.cont a {
		font-size: 14px;
		color: #646464;
	}
	.disp {
		display:block
	}
	.disps {
		display:none
	}
	.indeximg {
		margin-bottom: 30px;
		width: 43%;
	}
	.carousel-indicators {
		position: relative!important;
		border-radius: 0!important;
		width: 100%!important;
		bottom: 0;
	}

}
.device {
	margin-bottom: 20px;
}

/* 产品页样式 */
.pro-p {
	color: #000;
	text-align: center;
	font-weight:300;
	font-size: 18px;
	padding:0 10px 35px 10px;
	margin: 0 0 0;
}
.pro-h {
	font-weight:400; 
	color: #000;
	letter-spacing:2px;
	text-align: center;
	padding: 40px 10px 60px 10px;
	margin: 0 0 0;
	font-size: 26px
}
.pro-note {
	text-align: center;
	margin:40px 0;
	font-size: 18px;
}
/* 显示大于762样式 */
@media (min-width: 762px) {
	.pro-p {
		font-size: 26px;
		padding:0 0 80px 0;
		padding-left:120px;
		padding-right:120px;
	}
	.pro-h {
		font-size: 48px;
		padding: 100px 0 80px 0;
		padding-left:90px;
		padding-right:90px;
	}
	.flat-p {
		font-size: 20px;
	}
	.flat-h {
		font-size: 26px;
	}
	.swiper-button-prev{
		margin-left: 10px;
	}
	.swiper-button-next{
		margin-right: 10px;
	}
	/* .swiper-container{
		max-width: calc(100% - 30px * 2);
	} */
	.carousel-indicators li{
	   height:80px;	
	}
	
}
@media (min-width: 1920px) {
	.swiper-button-next{
		margin-right: calc(calc(calc(100% - 1350px) / 2) - 32px);
	}
	.swiper-button-prev{
		margin-left: calc(calc(calc(100% - 1350px) / 2) - 32px);;
	}
	
}
.tbbo td{
	color: #ffff !important;
	border:0 1px 1px 0 solid #ffff;
	background:#1e1e1e;
}




/*特效*/
.divtest h2 {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
	transition: opacity 0.5s,-webkit-transform 0.5s;
	-o-transition: transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
	opacity:0;
}
.divtest h1 {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
	transition: opacity 0.5s,-webkit-transform 0.5s;
	-o-transition: transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
	opacity:0;
}
.divtest h3 {
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 0.7s,-webkit-transform 0.7s;
	transition: opacity 0.7s,-webkit-transform 0.7s;
	-o-transition: transform 0.7s,opacity 0.7s;
	transition: transform 0.7s,opacity 0.7s;
	transition: transform 0.7s,opacity 0.7s,-webkit-transform 0.7s;
	opacity:0;
	-webkit-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
	transition-delay: 0.7s;
}
.divtest img {
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
	transition: opacity 0.5s,-webkit-transform 0.5s;
	-o-transition: transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s;
	transition: transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;
	opacity:0;
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.divtest p {
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-transition: opacity 0.8s,-webkit-transform 0.8s;
	transition: opacity 0.8s,-webkit-transform 0.8s;
	-o-transition: transform 0.8s,opacity 0.8s;
	transition: transform 0.8s,opacity 0.8s;
	transition: transform 0.8s,opacity 0.8s,-webkit-transform 0.8s;
	opacity:0;
	-webkit-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}
.divtest.on h1,.divtest.on h2,.divtest.on h3,.divtest.on img,.divtest.on p {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	opacity:1;
}

/* 闪烁 */
.flicker{ 
	-webkit-animation: twinkling 1s infinite ease-in-out 
} 
@-webkit-keyframes twinkling{ 
	0%{ 
		background: #ffffff;
	} 
	100%{ 
		opacity: 1; 
	} 
} 
@keyframes twinkling{ 
	0%{ 
		background: #ffffff;
	} 
	100%{ 
		opacity: 1; 
	} 
}
@-webkit-keyframes rotation{

	from {-webkit-transform: rotate(0deg);}

	to {-webkit-transform: rotate(360deg);}

}


/* 旋转 */
.an{
	-webkit-transform: rotate(360deg);

	animation: rotation 3s linear infinite;

	-moz-animation: rotation 3s linear infinite;

	-webkit-animation: rotation 3s linear infinite;

	-o-animation: rotation 3s linear infinite;
}


/* 柱形加载 */
@keyframes animate-height {
	0% {
		height: 0;
	}
	100% {
		visibility: visible;
	}
}
.bar {
	visibility: hidden;
	height: 0;
	-webkit-animation: animate-height;
	-moz-animation: animate-height;
	animation: animate-height;
	animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
	-webkit-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
	-moz-animation-timing-function: cubic-bezier(0.35, 0.95, 0.67, 0.99);
	animation-duration: 25.4s;
	-webkit-animation-duration: 25.4s;
	-moz-animation-duration: 25.4s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;  
	bottom: 0;
	position: absolute;
}



@media (max-width: 1090px) {
	.lim {
		padding: 0 1%;
	}
}
.cont a:hover {
		color: #32b7f9;
	}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
}
}


.select-compare{
			font-size: 19px;
			line-height: 1.21053;
			font-weight: 600;
			letter-spacing: .012em;
			width: 80%;
			margin: 0;
			-webkit-appearance: none;
			padding: 17px 14px;
			color: #1d1d1f;
			background: url(https://www.isdt.co/down/arrow.png) no-repeat right 20px center;
			border-radius: 20px;
			text-align: center;
			text-align-last: center;
			appearance:none;
			-moz-appearance:none;
			-webkit-appearance:none;
		}

		.select-compare:focus {
			outline:4px solid  #ffffff;
		}

.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}


/*常见问题页样式*/
.toggle-right dt, .toggle-right span,.toggle-right-ph dt,.toggle-right-ph span{
	color:#000000D9;
	font-weight:600;
}
.toggle-left a,.toggle-left-ph a  {
	color:#000000A6;
}
.toggle-left a:hover {
background-color:#f0f1f2;
color:rgba(0,0,0,.85);
}

/*购买导航栏样式*/
#buy-a-nav {
	background-color:#006addbd;
	padding:10px 20px;
	border-radius: 9px;
	color:#fff;
}
#buy-a-nav:hover {
	background-color:#006addff!important;
}

/*购买商城首图*/
.buy-shop a{
	color:#000000;
	background-color:#dedede;
}
.buy-shop a:hover{
	color:#000000;
	background-color:#6374ae;
}
.buy-shop-p {
	padding:56px 0;
}
.buy-shop-p .buy-box {
	float:none;
	margin:0 auto;
}
.buy-shop-sec {
	position:relative;
	max-width:1920px;
	height:582px;
	margin:0 auto;
	margin-bottom:58px;
}
.buy-shop-sec-l {
	width:25%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.buy-shop-sec-l-flex {
	width:100%;
	display:flex;
	display:-webkit-flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.buy-shop-sec-l-flex-b {
	margin: 55px 0 0 -60px;
}
.buy-shop-sec-l-flex-b a {
	display:block;
	padding: 17px 23px 17px 31px;
}
.buy-shop-sec-l-flex-b a span {
	font-size: 16px;
	font-weight: 500;
	vertical-align: middle;
	margin-right:13px;
}
.buy-shop-sec-r {
	width:75%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:url('https://www.isdt.co/wp-content/uploads/2022/10/buy_shop.png') center center no-repeat;
}
/*购买按钮移动端*/
.buy-btn-a-p {
	margin-left: 7px;
	background-color: #5287e230!important;
	padding: 4px 7px;
	border-radius: 6px;
	color: #fff;
}
.buy-btn-a-p:hover {
	background-color: #5287e2;
	color: #fff;
}
@media (max-width: 767px) {
	/*移动端分类主题色*/
.fresh-theme {
/* 	background-color:#d8dcf7; */
	background:linear-gradient(to right,#e1e5ff,#d2d6f4,#e1e5ff)
}
.deep-theme,.deep-theme-content {
	background-color:#000000;
}
.deep-theme-font {
	color:#fff;
}
.default-theme {
	background-color:#ffffff;
}
.p-smart-title {
    height: 50px;
    background-color: #fff;
    text-align: left;
    line-height: 50px;
    font-size: 25px;
    margin: 0;
    border-bottom: 1px solid #D9D9D9;
	padding:2px 27px;
}
	.p-smart-nav {
		width:30%;
		font-size: 20px;
		font-weight: 300;
		line-height:50px
	}
	.swiper_item{
		width: 120px!important;
	}
	.carousel-indicators{
	display:block
}
	.carousel-indicators li{
		height:60px;
		display: none;
		
	}
	.carousel-indicators{
		width:100%!important;
		margin-bottom:0px!important;
		bottom:0px!important;
	}
	.carousel-indicators .active{
		text-align: center;
		width:100%!important;
		margin: 0 auto;
		display: flex;
	}
	
/* 	.carousel-indicators .active{
		text-align: center;
		width:70%!important;
		margin: 0 auto;
		display: block;
	} */
}	
@media (min-width: 768px) {
	.fresh-theme {
		background:#ffffff;
	}
	.deep-theme {
		background-color:#ffffff;
	}
	.deep-theme-content {
		background-color:#fafafa;
	}
	.deep-theme-font {
		color:#000;
	}
	.default-theme {
		background-color:#ffffff;
	}
	.swiper_item{
		width: 258px!important;
	}
		.carousel-indicators li{
		
		display: flex;
		
	}
}
.p-position {
   position: absolute;
   top: 54%;left: 0%;width: 67%;
}
.SwiperFix{
	position:fixed!important;
	height:50px!important;
	top:49px!important
}
@media screen and (min-width: 762px) and (max-width: 1200px) {
	 .box-div{
        height: 500px!important;
    }
.p-position {
	position: absolute;
    top: 50%;left: 0%;width: 84%;
}
	.hot-img{
		width:80%!important
	}
}
@media screen and (min-width: 600px) and (max-width: 900px) {
	 
	.hot-img{
		width:67%!important
	}
}
@media (max-width: 600px) {
	 
	.hot-img{
		width:100%!important
	}
/* 	.post-index-title{
		bottom:10px!important;
	} */
}

.sort-box{
		width: 100%;
		text-align: center;
		position: fixed;
		background-color: #ebebeb;
		bottom: 0;
		z-index: 10;
		font-size: 20px;
		height: 0;
		transition: height 0.6s;
		border-radius: 10px;
	}
	.sort-box-li:hover{
		background-color: #eceeff;
		color: #95d1ff;
	}
	.sort-box .sort-box-li{
		color: #707070;
		list-style-type: none;
		height: 5rem;
		line-height: 5rem;
		border-radius: 10px;
		border-bottom: 2px solid #fff;
}


@media (min-width:515px) {
	.SwiperFix{
		min-width: -webkit-fill-available !important;
	}
}
/* 首页轮播样式的改变 */
.carousel-indicators li{
	border: none;
	border-radius: 0px;
	text-align: center;
	color: #fff;
	text-indent:1px;
	line-height: 60px;
	vertical-align: middle;
	box-sizing: border-box;
}
.carousel-indicators .active{
	/* border-bottom: 4px solid #08D2FF!important; */

	background-color: rgba(0, 0, 0, 0)!important;
}
.carousel-control {
	opacity: 1;
}
/* swiper中item样式 */
.swiper_item{
	/* width: 258px!important;  */
	height: 250px!important;
    text-align: center;
    border-radius: 15px;
/*     background-color: beige; */
     /* margin-right: 15px; */
}
/* swiper箭头样式的改变 */
.swiper-button-prev,.swiper-button-next {
	width: 56px!important;
	height: 56px!important;
	background: #9999;
	border-radius: 50%;
	font-size: 16px;
	color: #ffff;
	top:48%!important
}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-size: 28px;
}
.swiper-button-disabled{
	display: none!important;
}

/* a标签hover样式 */
.alink{
	display:inline-block;
	text-align:center;
	padding:0 20px;
	width: 140px;
	height:48px;
	line-height:48px;
	border:2px solid black;
	border-radius:8px;
	margin: 10px auto;
	transition: all .5s ease-out;
	position: relative;
	color:#333;
	
}
/* .alink:hover{
/* 	color: #0dbf1c; */
/* 	transform: translate(-6px,-6px); */
/* } */ 
/* .alink::before{
	
	background: transparent;
    border-radius: 8px;
    border: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    bottom: -2px;
    content: "";
    height: 5px;
    left: 0px;
    position: absolute;
    transition: all .5s ease-out;
    width: 100%
}
.alink::after{
	background: transparent;
    border-radius: inherit;
    border: inherit;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	
    border-left-width: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: -2px;
    top: 0px;
    transition: all .5s ease-out;
    width: 5px;
}
.alink:hover::before,.alink:hover::after{
	transform: translate(6px,6px);
} */
.swiper-container{
	max-width: 1350px;
}
.header-hover{
	width:100%;
/* 	height: 0px; */
	transform-origin: top;
/* 	transform: scaleY(0); */
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  
	background-color: #f9f9f9;
	overflow: hidden;
	box-shadow: 0 5px 5px 0px rgba(0, 0, 0, 0.2);
/* 	transition: all 0.5s ease-in; */
	 display: grid;
  grid-template-rows: 0fr;
  transition: .7s;
}
.header-show{
	display: flex!important;
	min-height:"";
}
.header-hover .Aa,.header-hover .Bb{
	/* visibility: hidden; */
}
@media (min-width: 768px){
.swiper_item {
    width: 258px!important;
}
}
@media(max-width:1000px){
    .both-hot{
        width: 100%!important;
		padding:0!important;
		margin-bottom:20px
    }
    .box-div{
        height: 400px!important;
    }
	.arrow-left{
		left:5%!important;
		top:95%!important;
	}
	.arrow-right{
		
		right:5%!important;
		top:95%!important;
	
	}
}
@media(max-width:1200px){
	
    .image-bg{
        background-size: 100% 80%!important;
    }
	.search_btn{
		position:absolute;
		left:-8px;
	}
	.search_main{
		width:100%;
		left:0;
	}
	.search_text{
		position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
		width:75%;
		height:30px;
			border-radius:30px;
	}
	.device-li {
		text-align: center;
		display: flex;
        justify-content: space-around
	}
	.device-li li{
		display: inline-block;
		text-align: center;
		width: 42%
	}
	.device-li img {
		max-width: 100%
	}
}
.progress-bar {
	position: absolute;
	height: 5px;
	width: 100%;
	background-color: #007AC1;
	border-radius: 20px;
	bottom: 0;
	overflow: hidden;
	display: none;
  }
  .progress-show{
	  display: block;
  }
  .progress {
	  width: 0;
	height: 100%;
	background-color: #08D2FF;
	/* transition: width  linear .2s; */
  }
.carousel-indicators{
	display:flex
}

.faq-left a {
	color:#000000A6;
}
.faq-left a:hover {
	background-color:#f0f1f2;
	color:rgba(0,0,0,.85);
}

.faq-block{
	display: block !important;
}
.qtranxs-available-languages-message {
	margin-bottom:0 !important;
}
.swiper-link{
	pointer-events:none
}