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

* {
	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;
} 

/*二级导航*/

.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
}
@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;
}
.box {
	position:relative;
	overflow: hidden;
	width: 100%;
	height: 550px;
	background: #000;
	text-align: center;
	margin-bottom: 10px;
}
.box-title {
	padding-top: 2%;

}
.box-title h2{
	font-size: 55px;
	color: #fff;
	font-weight: 100;
}
.box-title h3 {
	color: #fff;
	font-weight: 100;
	font-size: 20px;
}
.box-link {
	margin:0;
	padding:0;
	display:inline-block;
}
.box-link a {
	font-size: 18px;
	color: #6bf;
}
.box-img {
	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%);
}
.col-md-12,.col-md-6{
	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-left: 6px;
	padding-right: 6px;
	margin-top: 10px;
	overflow: hidden;
	text-align: center;
}
.box2-content {
	position:relative;
	height: 250px;
	background: #fafafa;
	width: 100%;
}
.box2-text {
	padding: 40px 0 0 0;
}
.box2-text h4{
	font-size: 40px;
	font-weight: 400;
}
.box2-text h5{
	font-size: 18px;
}
.box2-img {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: calc(50% + 0px);
	-webkit-transform: translatex(-50%);
	transform: translatex(-50%);
}
.box2-a {
	margin:0;
	padding:0;
	display:inline-block;
}

.cate {
	overflow: hidden;
	text-align: center;
	background-color: #fafafa;
	padding-bottom: 44px;
}
.cate h2 {
	color: #000;
	font-size: 32px;
	padding-top: 50px;
}
.cate h3 {
	color: #000;
	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-right: 10px;
}
.cate-row-img1 {
	padding-left: 10px;
}
.cate-row-content {
	background: #131218;
}
.cate-row-content {
	padding-top: 50px;
	color: #fff;
}
.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: 1200px;
	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;
}
.about-li li{
	margin: 0; 
	padding: 0; 
	display: inline-block;
}
.about-content>.tab-pane{
	display:none;
}
.about-content>.active{
	display:block;
}
.mar {
	margin-left: 2% !important;
}
.address {
	overflow: hidden;
	color: #fff;
}
.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%;
}
.support,.con-img,.support-content {
	overflow: hidden;
}
.support img {
	width: 100%;
	position: relative;
}
.support-title {
	text-align: center;
	transition: all .8s;
}
.support-title h1 {
	font-size: 26px;
}
.support-title p {
	font-size: 22px;
}
.support-content {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}
.support-con,.support-item  {
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.con-img,.con-item {
	width: 50%;
}
.con-title {
	width: 50%;
	float: right;
}
.con-title p {
	font-size: 18px;
}
.con-item {
	float: left;
}
.con-item img {
	max-width: 240px;
}
.con-item-title {
	padding: 15px 0 5px 0;
}

.rcorners img{
	border-radius: 12px;
	border: 2px;
	width: 100px;
	height: 100px;
}

.con-item-title p {
	font-size: 16px;
}
.support-banner img {
	width: 100%;
}
.support-banner {
	position: relative;
}
.su-banner-title {
	padding: 0 2%
}
.download {
	border-radius: 4px;
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
.download-but {
	padding: 5px 0 5px 0;
	width: 100%;
	border: unset;
	background: none;
	font-size: 18px;
	outline:none;
	color: #000;
}
.download-a a {
	display: inline-block;
	padding: 2px 10px;
	margin-top: 4px;
	border: 0;
	outline: 0;
	color: #fff !important;
	background-color: #32b7f9;
	border-radius: 16px;
	font-size: 16px;
}
.download-content {
	padding: 10px;
}
.panel,.panel-default {
	border: none;
	border-bottom: 1px solid #ddd;
}






@media (min-width: 992px) {
	.support-title {
		text-align: center;
		position:absolute;
		left:0;
		left: calc(50% + 0px);
		-webkit-transform: translatex(-50%);
		transform: translatex(-50%);
		top: 5%;
	}
	.support-title h1 {
		font-size: 42px;
	}
	.con-title h2 {
		margin-top: 15%;
	}
	.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;
	}
}

@media (max-width: 700px) {
	.box1 {
		height: 450px !important;
		background: #fafafa;
	}
	.about-panels-box {
		width: 100%;
	}
	.box-top {
		margin-top: 10px;
	}
}

@media (max-width: 762px) {
	.box1-link h2 {
		padding-top: 35px;
	}
	.about-li {
		font-size: 16px;
	}
	.about-li a {
		padding: 5px 20px;
		color: #bebebe;
		transition: all .8s;
	}
}

@media (max-width: 992px) {
	.box2 {
		padding-left: 0;
		padding-right: 0;
	}
	.cate-row-img {
		padding-right: 0px;

	}
	.cate-row-img1 {
		margin-top: 10px;
		padding-left: 0px;
	}
	.cate-des-content p {
		width: 95%;
	}
	.cate-row,.cate-key,.cate-des,.cate-dess {
		margin-top: 10px;
	}
	.about-text {
		padding: 0 3%;
	}
	.con-title {
		width: 100%;
		float: none;
	}
	.con-img,.con-item {
		width: 100%;
	}
	.support-con {
		text-align: center;
	}
	.support-content {
		padding: 0 2%;
	}
}