@charset "UTF-8";
section {
	overflow: hidden
}
section .text h2, section .text h3 {
	font-size: 20px;
	text-transform: uppercase;
	margin-bottom: 30px;
	color: #434343
}
section .text p {
	line-height: 24px;
	margin-bottom: 30px;
	color: #707473
}
.xt-banner {
	min-height: 750px;
	padding-bottom: 20px;
	background: url(../Images/wrj1.png) 80% 170px no-repeat;
	background-color: #f0f0f0
}
.xt-banner .container .logo {
	padding-top: 60px;
	display: inline-block;
	padding-bottom: 35px
}
.xt-banner .container .logo .flir-logo {
	text-align: right;
	margin-top: 5px
}
.xt-banner .container .logo .flir-logo h4 {
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	vertical-align: top;
	line-height: 32px
}
.xt-banner .container .logo .flir-logo img, .xt-banner .container .video-box {
	display: inline-block
}
.xt-banner .container .text h3 {
	font-size: 26px;
	margin-bottom: 35px;
	font-weight: 500
}
.xt-banner .container .text p {
	text-align: justify;
	padding-right: 14px
}
.xt-banner .container .video-box img {
	width: 320px;
	height: 180px
}
.xt-banner .container .video-desc {
	margin-top: 5px
}
.xt-s1 {
	min-height: 800px;
	background-color: #fff;
	padding-bottom: 50px
}
.xt-s1 .container {
	height: 100%;
	background: url(../Images/s1-bg-v2-6619817fec18644864788263b320f1c4.jpg) right top no-repeat
}
.xt-s1 .container .text {
	margin-top: 100px;
	padding-right: 20px
}
.xt-s1 .container .text p {
	text-align: justify;
	margin-bottom: 30px
}
.xt-s1 .container .item-row {
	margin-top: 20px;
	position: relative
}
.xt-s1 .container .item-row .icon-title {
	text-transform: uppercase;
	position: relative;
	top: 12px
}
.xt-s1 .container .item-row img {
	margin-bottom: 45px
}
.xt-s1 .container .item-row span {
	display: block;
	color: #707473;
	margin-bottom: 10px;
	text-align: justify;
	font-size: 13px
}
.xt-s1 .container .item-row span:last-child {
	margin-bottom: 0
}
.xt-s1 .container .info-wanning {
	position: relative;
	display: inline-block;
	border: 1px solid #c9c9c9;
	padding: 20px;
	border-radius: 2px
}
.xt-s1 .container .info-wanning .fa {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 25px;
	color: #b13527
}
.xt-s1 .container .info-wanning p {
	padding-left: 40px
}
.xt-s2 {
	min-height: 730px;
	padding-bottom: 60px;
	background: url(../Images/wrj2.png) 15% 250px no-repeat;
	background-color: #f0f0f0
}
.xt-s2 .container {
	height: 100%
}
.xt-s2 .container .text {
	margin-top: 60px;
	padding-left: 80px
}
.xt-s2 .container .text p {
	text-align: justify
}
.xt-s2 .container .sp {
	display: block;
	text-align: justify;
	margin-top: 10px;
	padding-left: 10px
}
.xt-s2 .container .spec-table {
	width: 100%;
	border-top: solid 1px #c9c9c9;
	border-bottom: solid 1px #c9c9c9;
	border-collapse: collapse
}
.xt-s2 .container .spec-table .border-r {
	border-right: solid 1px #c9c9c9
}
#xt-special-spec table tr, .xt-s2 .container .spec-table tbody tr {
	border-bottom: 1px dashed #c9c9c9
}
.xt-s2 .container .spec-table tbody tr:nth-child(2n+1) {
	background-color: #ecedee
}
.xt-s2 .container .spec-table tbody tr td, .xt-s2 .container .spec-table tbody tr th {
	text-align:left;
	padding: 9px
}
.xt-s2 .container .spec-table tbody tr td:first-child, .xt-s2 .container .spec-table tbody tr th:first-child {
	text-align: left;
	font-weight: 500;
	border-right: solid 1px #c9c9c9
}
.xt-s3 {
	min-height: 660px;
	padding-bottom: 10px;
	background-color: #f0f0f0
}
.xt-s3 .container .text {
	margin-top: 55px;
	text-align: center
}
.xt-s3 .container .text p {
	padding: 0 50px
}
.xt-s3 .container .item-row {
	text-align: center
}
.xt-s3 .container .item-row .item {
	width: 232px;
	display: inline-block;
	margin-top: 30px;
	margin-left: 2px;
	margin-right: 2px
}
.xt-s3 .container .item-row .item img {
	display: block;
	margin-bottom: 2px
}
.xt-s3 .container .item-row .item .desc {
	width: 100%;
	background-color: #242424;
	height: 60px;
	display: table
}
.xt-s3 .container .item-row .item .desc h4 {
	text-transform: uppercase;
	font-size: 16px;
	color: #fff;
	vertical-align: middle;
	display: table-cell
}
.xt-s3 .container .sp {
	display: block;
	text-align: center;
	margin-top: 15px
}
.xt-s4 {
	min-height: 750px;
	padding-bottom: 10px;
	background-color: #f0f0f0;
}
.xt-s4 .container .text {
	margin-top: 60px;
	text-align: center
}
.xt-s4 .container .text p {
	margin-bottom: 5px;
	padding: 0 50px
}
.xt-s4 .container .item-row {
	text-align: center
}
.xt-s4 .container .item-row .item {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px
}
.xt-s4 .container .item-row .item h4 {
	margin-top: 5px;
	color: #707473
}
.xt-s4 .container .item-row .item-title {
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 25px;
	margin-top: 40px
}
.xt-s4 .container .sp {
	display: block;
	text-align: center;
	margin-top: 15px
}
.xt-s5 {
	min-height: 700px;
	background-color: #f0f0f0
}
.xt-s5 .container {
	height: 100%;
	background: url(../Images/s5-bg-v2-7f886ad55d268c9e4a8b829dd6965955.jpg) left top no-repeat
}
.xt-s5 .container .text {
	margin-top: 110px;
	padding-left: 50px
}
.xt-s5 .container .text p {
	text-align: justify;
	margin-bottom: 20px
}
.xt-s5 .container .text .list-out {
	padding-left: 20px
}
.xt-s5 .container .text .list-out>li {
	padding-bottom: 15px;
	list-style: disc;
	font-size: 12px
}
.xt-s5 .container .text .list-in>li span, .xt-s5 .container .text .list-out>li span {
	font-size: 14px
}
.xt-s5 .container .text .list-in>li {
	padding-top: 15px;
	list-style: none;
	color: #707473;
	font-size: 12px
}

section.xt-s6 {
	padding-top: 50px;
	padding-bottom: 50px;
	position: relative
}
section.xt-s6 h2.common-title {
	margin-bottom: 10px!important
}
section.xt-s6 .content {
	min-height: 165px;
	margin-bottom: 10px
}
section.xt-s6 .content h2 {
	color: #434343
}
section.xt-s6 .picture img {
	display: block
}
section.xt-s6 .text p {
	margin-bottom: 0!important
}
section.xt-s6 .text p.title {
	font-weight: 600
}

.xt-s6 .container .spec-table {
	width: 100%;
	border-top: solid 1px #c9c9c9;
	border-bottom: solid 1px #c9c9c9;
	border-collapse: collapse
}
.xt-s6 .container .spec-table .border-r {
	border-right: solid 1px #c9c9c9
}
#xt-special-spec table tr, .xt-s6 .container .spec-table tbody tr {
	border-bottom: 1px dashed #c9c9c9
}
.xt-s6 .container .spec-table tbody tr:nth-child(2n+1) {
	background-color: #ecedee
}
.xt-s6 .container .spec-table tbody tr td, .xt-s6 .container .spec-table tbody tr th {
	text-align: center;
	padding: 10px
}
.xt-s6 .container .spec-table tbody tr th {
	text-align: center;
	padding: 9px; font-size:24px; color:#555; font-weight:600; line-height:48px;
}
.xt-s6 .container .spec-table tbody tr td.corblue {
	text-align: center; color:#0091E3;
}
.xt-s6 .container .spec-table tbody tr td:first-child, .xt-s6 .container .spec-table tbody tr th:first-child {
	
	font-weight: 500;
	border-right: solid 1px #c9c9c9
}

.xt-s7 {
	padding: 50px 0 50px
}
.xt-s7 .extra-info {
	font-size: 12px;
	color: #9b9b9b
}
.xt-s7 .product-img {
	display: table-cell;
	vertical-align: bottom;
	max-width: 100%;
	height: 185px;
	margin-bottom: 5px
}
.xt-s7 .product-img img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: bottom
}
.xt-s7 .product-content .product-name {
	margin: 20px 0 10px
}
.xt-s7 .product-content .product-name img {
	height: 24px
}
.xt-s7 .product-content p:nth-of-type(1) {
	font-size: 14px;
	color: #4a4a4a
}
.xt-s7 .product-content p:nth-of-type(2) {
	font-size: 24px;
	color: #44a8f2
}
.xt-s8 {
	background: #f0f0f0;
	padding: 100px 0
}
.xt-s8 .box-left {
	width: 510px;
	float: left
}
.xt-s8 .picture img {
	display: none
}
.xt-s8 .toggle {
	margin-top: 36px;
	text-align: center
}
.xt-s8 .toggle .item {
	display: inline-block;
	width: 82px;
	height: 76px;
	margin-right: 36px;
	cursor: pointer
}
.xt-s8 .toggle .item:nth-last-child(1) {
	margin-right: 0
}
.xt-s8 .toggle .item.active img {
	opacity: 1;
	border: 2px solid #44abf2;
	border-radius: 12px
}
.xt-s8 .toggle .item img {
	max-width: 100%;
	max-height: 100%;
	opacity: .5
}
.xt-s8 .box-right {
	width: 510px;
	float: left;
	margin-left: 104px
}
.dji-mobile .mobile-hidden, .dji-pc .pc-hidden, .xt-s8 .box-right .content {
	display: none
}
.xt-s8 .box-right .content:nth-child(1) {
	display: block
}
.xt-s8 .box-right .content h2 {
	margin-bottom: 10px
}
.xt-s8 .box-right .content h3 {
	margin-bottom: 10px;
	font-size: 16px;
	font-family: "Open Sans";
	color: #4a4a4a
}
.xt-s8 .box-right .content .text {
	margin-bottom: 30px
}
.xt-s8 .box-right .content .text:nth-last-child(1) {
	margin-bottom: 0
}
.xt-s8 .box-right .content .text p.title {
	margin-bottom: 0;
	font-weight: 600
}
.xt-s8 .box-right .content .text p {
	margin-bottom: 0
}

@media (min-width:767px) {
.xt-s6 .text:nth-last-child(1) p {
	display: inline-block
}
.xt-s6 .item:nth-child(1) {
	margin-left: 4.166666666666665%
}
.xt-s6 .item:nth-child(2) {
	margin-left: 8.333333333333332%
}
.xt-s8 .picture {
	height: 383px
}
.xt-s-mail {
	background: #f7f8f9
}
.xt-s-mail .form-item {
	display: table;
	width: 1000px;
	height: 690px;
	margin: 0 auto;
	color: #707473
}
.xt-s-mail .form-item .form-center {
	display: table-cell;
	vertical-align: middle
}
.xt-s-mail .form-item .form-center form {
	width: 1000px;
	margin: 0 auto;
	padding-top: 55px
}
.xt-s-mail .form-item .form-center form .row {
	opacity: .5
}
.xt-s-mail .form-item .form-center form .row.row-submit {
	opacity: 1;
	padding-top: 20px
}
.xt-s-mail .form-item .form-center form .row.row-submit .form-group {
	margin-bottom: 0
}
.xt-s-mail .form-item .form-center form .row button {
	background-color: #44abf2;
	border: none;
	font-size: 18px;
	color: #fff;
	padding: 6px 20px
}
.xt-s-mail .form-item .form-center form .form-group {
	margin-bottom: 30px
}
.xt-s-mail .form-item .form-center form .form-group input[type=number], .xt-s-mail .form-item .form-center form .form-group input[type=tel], .xt-s-mail .form-item .form-center form .form-group input[type=text], .xt-s-mail .form-item .form-center form .form-group textarea {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	padding: 5px 0;
	border: none;
	border-bottom: 1px solid #979797;
	font-size: 14px;
	outline: none;
	color: #707473;
	background-color: rgba(0,0,0,0)
}
.xt-s-mail .form-item .form-center form .form-group select {
	display: block;
	width: 100%;
	height: 27px;
	font-size: 14px;
	line-height: 27px;
	border: none;
	outline: none!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-bottom: solid 1px #979797;
	background-color: rgba(0,0,0,0);
	border-radius: 0!important;
	padding-left: 0;
	cursor: pointer;
	text-transform: capitalize;
	background-color: initial
}
.xt-s-mail .form-item .form-center form .form-group select option {
	color: rgba(0,0,0,.75)
}
.xt-s-mail .form-item .form-center form .form-group select::-ms-expand {
display:none
}
.xt-s-mail .form-item .form-center form .form-group .fa-caret-down {
	position: absolute;
	display: block;
	bottom: 9px;
	right: 17px
}
.xt-s-mail .form-item .form-center form .form-group i.fa-spinner {
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -9px;
	font-size: 20px;
	opacity: .7
}
.xt-s-mail .form-item .form-center form label.checkbox-container {
	position: relative;
	min-width: 230px;
	margin: 0 8px 8px 40px;
	padding-left: 20px;
	font-size: 16px;
	cursor: pointer;
	color: #707473
}
.xt-s-mail .form-item .form-center form label.checkbox-container input[type=checkbox] {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0
}
.xt-s-mail .form-item .form-center form label.checkbox-container input[type=checkbox]:checked+.fa {
	border: 1px solid #44a8f2;
	background: #44a8f2
}
.xt-s-mail .form-item .form-center form label.checkbox-container .fa {
	font-size: 12px;
	-webkit-transform: scale(.66);
	transform: scale(.66);
	position: absolute;
	left: 0;
	top: 2px;
	color: #fff;
	padding: 2px;
	background: #fff;
	border: 1px solid #d8d8d8
}
.xt-s-mail .form-item .form-center form label.checkbox-container p {
	padding-left: 6px
}
}
#export-nav #export {
	position: absolute;
	height: 60px;
	width: 100%;
	top: -60px
}
.extra-info .container p {
	line-height: 24px;
	margin-bottom: 20px;
	text-align: justify
}
#xt-special-spec .section-title {
	margin-bottom: 20px
}
#xt-special-spec table {
	max-width: 100%;
	border-collapse: collapse
}
#xt-special-spec table th {
	width: auto;
	text-align: center
}
#xt-special-spec table th:first-child {
	text-align: left;
	border-right: dashed 1px #c9c9c9
}
#xt-special-spec table td {
	width: auto;
	padding: 8px 3px;
	text-align: center;
	line-height: 18px;
	vertical-align: middle
}
#xt-special-spec table td:first-child {
	text-align: left;
	padding-left: 0;
	padding-right: 0
}
#xt-special-spec table td.b-r {
	border-right: dashed 1px #c9c9c9
}
#xt-special-spec table tr:first-child {
	border-top: 1px dashed #c9c9c9
}

@media (max-width:767px) {
section .text h2, section .text h3 {
	font-size: 22px;
	margin-bottom: 25px;
	text-align: center
}
section .text p {
	line-height: 20px;
	margin-bottom: 30px;
	text-align: center
}
.xt-banner, .xt-s2 {
	background-size: auto;
	background-color: #f0f0f0
}
.xt-banner {
	min-height: 0px;
	background: url(../Images/banner-bg1-efe3ffcc44fe5ccf793e2c4a36aa1a70.jpg) center top no-repeat;
}
.xt-banner .container {
	height: 100%;
	text-align: center;
}
.xt-banner .container .logo {
	padding-top: 0px;
}
.xt-banner .container .logo .xt-logo img {
	width: 217px;
	height: 28px
}
.xt-banner .container .logo .flir-logo img {
	width: 75px;
	height: 27px
}
.xt-banner .container .logo .flir-logo h4 {
	line-height: 27px
}
.xt-banner .container .text p {
	padding-right: 0;
	text-align: center
}
.xt-banner .container .text h3 {
	font-size: 22px
}
.xt-banner .container .video-box img {
	width: 210px;
	height: 120px
}
.xt-banner .container .video-desc {
	text-align: center!important
}
.xt-s2 {
	background: url(../Images/s2-bg1-41557dcd3fd1d100796ce6f2b6838fed.jpg) 65% top no-repeat
}
.xt-s2 .container .text {
	padding-left: 15px;
	margin-top: 120px;
}
.xt-s2 .container .text p {
	text-align: center
}
.xt-s3 .container .text {
	margin-top: 45px;
	text-align: center
}
.xt-s3 .container .text p {
	padding: 0;
	text-align: center
}
.xt-s3 .container .item-row .item {
	width: 110px
}
.xt-s3 .container .item-row .item .desc h4 {
	font-size: 13px
}
.xt-s4 .container .text {
	margin-top: 60px
}
.xt-s4 .container .text p {
	margin-bottom: 5px;
	padding: 0
}
.xt-s4 .container .item-row {
	text-align: center
}
.xt-s4 .container .item-row .item {
	width: 50%;
	box-sizing: border-box
}
.xt-s4 .container .item-row .item-title {
	font-size: 14px;
	margin-bottom: 22px
}
.xt-s4 .container .sp {
	margin-top: 25px
}
.xt-s1, .xt-s5 {
	min-height: 700px;
	padding-bottom: 50px
}
.xt-s5 .container {
	height: 100%;
	background: url(../Images/s5-bg-v2-7f886ad55d268c9e4a8b829dd6965955.jpg) center 10% no-repeat;
	background-size: contain
}
.xt-s5 .container .text {
	margin-top: 330px;
	padding-left: 15px
}
.xt-s5 .container .text p {
	text-align: center;
	margin-bottom: 20px
}
.xt-s5 .container .text .list-out {
	padding-left: 30px;
	padding-right: 30px
}
.xt-s5 .container .text .list-out>li {
	padding-bottom: 10px
}
.xt-s5 .container .text .list-in {
	padding-left: 5px
}
.xt-s5 .container .text .list-in>li {
	padding-top: 10px
}
.xt-s1 {
	min-height: 800px
}
.xt-s1 .container {
	height: 100%;
	background: 0 0
}
.xt-s1 .container .text {
	margin-top: 50px;
	padding-right: 15px
}
.xt-s1 .container .text p {
	text-align: center;
	margin-bottom: 25px
}
.xt-s1 .container .item-row {
	margin-top: 5px
}
.xt-s1 .container .item-row .icon-title {
	top: -18px
}
.xt-s1 .container .item-row img {
	margin-bottom: 25px
}
.xt-s1 .container .item-row span {
	font-size: 12px
}
.xt-s1 .container .info-wanning {
	padding: 10px
}
.xt-s1 .container .info-wanning .fa {
	top: 50%;
	margin-top: -7px;
	left: 10px
}
.xt-s1 .container .info-wanning p {
	padding-left: 25px
}
.xt-s-mail {
	width: 100%;
	min-height: 500px
}
.xt-s-mail .form-item {
	display: table;
	padding: 35px 30px;
	margin: 0 auto;
	color: #707473
}
.xt-s-mail .form-item .form-center {
	display: table-cell;
	vertical-align: middle
}
.xt-s-mail .form-item .form-center form {
	margin: 0 auto;
	padding-top: 55px
}
.xt-s-mail .form-item .form-center form .row {
	opacity: .5
}
.xt-s-mail .form-item .form-center form .row.row-submit {
	opacity: 1
}
.xt-s-mail .form-item .form-center form .row.row-submit .form-group {
	margin-bottom: 0
}
.xt-s-mail .form-item .form-center form .row button {
	background-color: #44abf2;
	border: none;
	font-size: 18px;
	color: #fff;
	padding: 5px 15px
}
.xt-s-mail .form-item .form-center form .form-group {
	margin-bottom: 30px
}
.xt-s-mail .form-item .form-center form .form-group input[type=number], .xt-s-mail .form-item .form-center form .form-group input[type=tel], .xt-s-mail .form-item .form-center form .form-group input[type=text], .xt-s-mail .form-item .form-center form .form-group textarea {
	-webkit-appearance: none;
	display: block;
	width: 100%;
	padding: 5px 0;
	border: none;
	border-bottom: 1px solid #979797;
	font-size: 12px;
	outline: none;
	color: #707473;
	background-color: initial
}
.xt-s-mail .form-item .form-center form .form-group select {
	display: block;
	width: 100%;
	height: 27px;
	font-size: 12px;
	line-height: 27px;
	border: none;
	outline: none!important;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	color: #707473;
	border-bottom: solid 1px #979797;
	border-radius: 0!important;
	padding-left: 0;
	cursor: pointer;
	text-transform: capitalize;
	background-color: initial
}
.xt-s-mail .form-item .form-center form .form-group .fa-caret-down {
	position: absolute;
	display: block;
	bottom: 9px;
	right: 17px
}
.xt-s-mail .form-item .form-center form .form-group i.fa-spinner {
	position: absolute;
	top: 50%;
	right: -10px;
	margin-top: -9px;
	font-size: 20px;
	opacity: .7
}
.xt-s-mail table td {
	padding: 3px 0;
	line-height: 16px;
	border-right: dashed 1px #c9c9c9
}
.xt-s-mail table td:last-child {
	border-right: 0
}
section.xt-s6 {
	min-height: auto;
	padding-top: 45px;
	padding-bottom: 45px;
	text-align: left
}
section.xt-s6 h2.common-title {
	text-align: center;
	margin-bottom: 20px!important
}
section.xt-s6 .item:nth-child(1):after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #d8d8d8;
	margin: 30px auto
}
section.xt-s6 .item .picture {
	margin-bottom: 12px
}
section.xt-s6 .text p {
	text-align: left;
	line-height: 24px
}
section.xt-s7, section.xt-s8 {
	padding-top: 45px;
	padding-bottom: 45px
}
section.xt-s7 .text p {
	text-align: left
}
section.xt-s7 .product-img {
	height: 130px
}
section.xt-s7 .product-content .product-name img {
	height: 14px
}
section.xt-s7 .product-content p:nth-of-type(1) {
	font-size: 12px
}
section.xt-s7 .product-content p:nth-of-type(2) {
	font-size: 16px; min-height:65px;
}
section.xt-s8 h2.common-title {
	font-size: 30px!important;
	text-align: center;
	color: #434343
}
section.xt-s8 .box-left, section.xt-s8 .box-right {
	float: none;
	width: 100%;
	marign: 0
}
section.xt-s8 .box-right {
	margin: 0
}
section.xt-s8 .box-right .content {
	margin-top: 20px
}
section.xt-s8 .box-right .text p {
	text-align: left;
	line-height: 24px
}
section.xt-s8 .toggle .item {
	width: 25%;
	height: 60px;
	margin-right: 0
}


.xt-s4 {
    min-height:0px;
}

}

@media (max-width:320px) {
section.xt-s7 .product-img {
	height: 100px
}
}

@media (min-width:376px) and (max-width:414px) {
section.xt-s8 .toggle .item {
	height: 72px
}
}