@charset "utf-8";

/* CSS Document */
@font-face {
	font-family: 'GT-Pressura-Light';
	src: url("../fonts/gt-pressura/GT-Pressura-Pro-Light.eot");
	src: url("../fonts/gt-pressura/GT-Pressura-Pro-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-pressura/GT-Pressura-Pro-Light.woff2") format("woff2"), url("../fonts/gt-pressura/GT-Pressura-Pro-Light.woff") format("woff"), url("../fonts/gt-pressura/GT-Pressura-Pro-Light.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GT-Pressura-Regular';
	src: url("../fonts/gt-pressura/GT-Pressura-Pro-Regular.eot");
	src: url("../fonts/gt-pressura/GT-Pressura-Pro-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-pressura/GT-Pressura-Pro-Regular.woff2") format("woff2"), url("../fonts/gt-pressura/GT-Pressura-Pro-Regular.woff") format("woff"), url("../fonts/gt-pressura/GT-Pressura-Pro-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/*字体修改*/
.spec .container .row li {
	font-family: "GT-Pressura-Light" !important;
}

/*购买跳转*/
/*
@media screen and (max-width: 480px) {
.section-1 .btn{
	font-size: 10px !important;
	padding:10px 7px !important;
	
}
	.section-1 .center-block{
		padding-bottom: 10px !important;
	}
}
*/
.main-nav .navbar-nav .nav-item a,
h1,
h2,
h3,
h4,
h5 {
	font-family: "GT-Pressura-Light" !important;
	word-spacing: 0
}

h1 {
	font-size: 48px !important;
	font-weight: 600 !important;
	line-height: 50px !important;
	color: #FFFFFF !important;
}

p {
	font-size: 18px !important;
}

.spec h1 {
	color: #000 !important;
}

/*R标*/
@media screen and (-webkit-min-device-pixel-ratio:0) {

	/* 针对Google Chrome、Safari 3.0、Opera 9 的CSS样式 */
	.-webkit-w16 {
		width: 10px;
		display: inline-block;
	}

	.-webkit-sub,
	.-webkit-sup {
		transform: scale(0.7) translate(-3px, 0px);
		-webkit-letter-spacing: 1px;
	}
}

@-moz-document url-prefix() {

	/* 针对Firefox的CSS样式 */
	.-moz-sub,
	.-moz-sup {
		position: relative;
	}

	.-moz-sub-span {
		position: relative;
		top: -8px;
	}

	.-moz-sup-span {
		position: relative;
		top: 0px;
	}
}

/*R标*/
.spec h3 {
	font-weight: 600 !important;
}

.spec .text-left h3 {
	margin-top: 30px;
}

.copyright-bar .small {
	font-size: 14px !important;
}

.btn,
p {
	font-family: "GT-Pressura-Light" !important;
}

.Language a {
	color: #ccc
}

.Language a:hover {
	color: #db9b34;
}

.Language {
	float: left;
	padding: 28px 0 17px;
	margin-left: -26px;
}

.Language span {
	padding: 0 6px;
	color: #555
}

.pic-thumbnail {
	width: 100%;
	padding-top: 30px
}

.bg-img,
picture img,
.img-rounded {
	width: 100%;
	max-width: 100%;
}

.none-li {
	list-style-type: none;
}

#header-1 .brand-img {
	width: 68% !important
}

.section-1,
.section-3 {
	margin-top: -6px !important;
	position: relative;
}

.section-1 .buy-btn,
.section-3 .buy-btn {
	position: relative
}

.section-1 .container .btn,
.section-2 .container .btn,
.section-3 .container .btn {
	margin: 10px 6px;
	border-radius: 0px !important;
	border: solid #fff 1px;
	background-color: rgba(0, 0, 0, 0.00);
	box-shadow: 0 0;
}

.section-1 .container a:hover {
	background-color: #FF4203;
}

.container .blank-line {
	height: 4px;
}

.footer-wrap-1-1 .none-url {
	color: #555
}

.footer-wrap-1-1 a {
	color: #777;
}

.footer-wrap-1-1 a:hover {
	color: rgba(233, 152, 0, 1.00);
}

.footer-wrap-1-1 p {
	color: #999;
	margin: 0;
	font-size: 14px !important;
}

.footer-wrap-1-1 .brand-img {
	width: 23%;
}

.copyright-bar p {
	color: #999 !important;
}

.copyright-bar .container .social {
	text-align: right;
}

/*DIY视频教程链接*/
.content-block-nopad .pull-left .tutorial-videos {
	text-decoration: underline;
	color: brown
}

.content-block-nopad .pull-left a:hover {
	color: tomato
}

/*html5视频*/
.dots {
	background-color: rgba(0, 0, 0, 0);
	background: url('../images/videos/dot-50.png');
	height: 99.6%;
	position: absolute;
	width: 100%;
}

.covervid-video {
	width: 100%;
	max-width: 100%;
}

.covervid-wrapper {
	position: relative;
}

.covervid-wrapper .container {
	position: absolute;
	top: 15%;
	right: 0;
	padding-right: 15%;
	text-align: right;
}

/* 细节3张图公共样式 */
.details-img {
	position: relative;
	background-color: #111111;
}

.details-img .container {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* 标题 */
.details-img .container h1 {
	font-size: 36px;
	line-height: 1;
	color: #bbbbbb;
	text-align: center;
	margin: 20px auto;
}

.details-img .container p {
	color: #747474;
	text-align: center;
	padding-left: 22%;
	padding-right: 22%;
}

.details-img .container .col-md-4 {
	padding-left: 0;
	padding-right: 0;
}

.details-img .container .col-md-6 {
	padding-left: 0;
	padding-right: 0;
}

/* 兼容性改为黑色背景样式 */
.content-black {
	background-color: #111 !important;
}

.compatibility .container {
	width: 75% !important;
}

/* 视频按钮基础样式 */
.w-video {
	text-align: center;
	color: #80D5FF;
	padding-bottom: 40px;
	font-size: 24px;
}

.w-video a:hover {
	background-color: transparent;
}

.w-video .fa {
	color: #80D5FF;
	font-size: 24px;
}

.w-video span {
	color: #80D5FF;
}

/* 控制兼容性图标大小 */
.compatibility img {
	width: 72% !important;
}

.compatibility .icon-size {
	width: 20%;
	text-align: center;
}

.compatibility .icon-size img {
	width: 62%;
}

/* 鼠标经过下划线 */
.watch-video span:hover {
	text-decoration-line: underline;
	color: #80D5FF;
}

.content-black p {
	color: #747474 !important;
}

.content-black .underlined-title h1 {
	color: #bbbbbb;
}

.content-black h4 {
	color: #bbbbbb !important;
}

.compatibility .container .remarks {
	font-size: 10px;
	color: #747474;
}

@media screen and (min-width: 480px) {
	.topDiv {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	.topDiv c {
		display: block;
		background: rgb(0, 0, 0, 0.3);
		font-size: 28px;
		color: #fff;
		position: fixed;
		width: 24px;
		height: 24px;
		text-align: center;
		bottom: 5px;
		right: 4px;
		z-index: 9999999;
	}

	.topDiv c i {
		display: block;
		margin-top: -4px;
	}

	h1 {
		font-size: 22px !important;
		line-height: 30px!important;
		color: #FFFFFF !important;
	}

	h4 {
		font-size: 1.98rem;
	}

	p {
		color: grey !important;
		font-size: 12px;
	}

	h3 {
		font-size: 18px !important
	}

	li {
		font-size: 12px !important
	}

	hr {
		margin: 0;
	}

	#header-1 .brand-img {
		width: 25% !important
	}

	.Language {
		position: absolute;
		left: 50px;
		top: 0px;
	}

	.Language span {
		padding: 0 3px;
	}

	.brand-img {
		width: 25% !important
	}

	.spec .container h1 {
		font-size: 22px !important;
		font-weight: 600
	}

	.spec .container h3 {
		font-size: 16px !important;
	}

	.spec .container .row {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}

	.footer-1-1 {
		padding: 8% !important
	}

	.footer-1-1 h4 {
		font-size: 20px;
	}

	.copyright-bar .social {
		text-align: left !important;
	}
}

@media screen and (max-width: 767px) {

	/* 兼容性 手机像素隐藏 */
	.blank-hide {
		display: none;
	}

	.compatibility .container {
		width: 100% !important;
	}

	.compatibility .icon-size {
		width: 25%;
	}

	.compatibility .icon-size img {
		width: 80%;
	}

	/* 细节3张图公共样式 */
	.details-img .container br:first-child,
	.details-img .container br:nth-child(2),
	.details-img .container br:nth-child(6),
	.details-img .container br:nth-child(7) {
		display: none;
	}

	.details-img .container {
		border-top: 1px solid #2e2e2e;
	}

	.details-img .container h1 {
		font-size: 22px !important;
		color: aliceblue;
		line-height: 30px;
		font-weight: 400;
		text-align: left;
		margin-bottom: 20px;
		padding-left: 6%;
		padding-right: 6%;
		margin-top: 10px;
	}

	.details-img .container p {
		padding-left: 6%;
		padding-right: 6%;
		text-align: left;
	}

	p {
		font-size: 16px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.Language {
		margin-left: -45px;
	}

	/* 兼容性 平板像素隐藏 */
	.blank-hide {
		display: none;
	}

	.compatibility .container {
		width: 88% !important;
	}

	.compatibility .icon-size {
		width: 25%;
		text-align: center;
	}

	.compatibility .icon-size img {
		width: 80%;
	}

	.main-nav .navbar-nav .nav-item a {
		font-size: 13px !important;
	}

	#header-1 .brand-img {
		width: 58% !important
	}

	.footer-wrap-1-1 .brand-img {
		width: 33%;
	}

	/* 细节3张图公共样式 */
	.details-img .container br:first-child,
	.details-img .container br:nth-child(6) {
		display: none;
	}

	.details-img .container h1 {
		font-size: 24px;
		line-height: 32px;
	}

	.details-img .container p {
		padding-left: 8%;
		padding-right: 8%;
	}

	p {
		font-size: 16px !important;
	}
}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {

	/* 兼容性 平板像素隐藏 */
	.blank-hide {
		display: none;
	}

	.compatibility .container {
		width: 88% !important;
	}

	.compatibility .icon-size {
		width: 25%;
	}

	.compatibility .container img {
		width: 80%;
	}

	/* 细节3张图公共样式 */
	.details-img .container br:first-child,
	.details-img .container br:nth-child(6) {
		display: none;
	}

	.details-img .container p {
		text-align: center;
		padding-left: 18%;
		padding-right: 18%;
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1365px) {
	.compatibility .container {
		width: 1200px !important;
	}
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {

	/* 兼容性板块调试 */
	.compatibility .container {
		width: 1200px !important;
	}

	.compatibility .col-xs-3 {
		padding: 0px 5px 0px 5px;
	}

	.compatibility .icon-size img {
		width: 65%;
	}
}

@media only screen and (min-width: 1441px) and (max-width: 1600px) {

	/* 兼容性板块调试 */
	.compatibility .container {
		width: 77% !important;
	}

	.compatibility .col-xs-3 {
		padding: 0px 5px 0px 5px;
	}
}

@media only screen and (min-width:2880px) and (max-width:3200px) {
	.main-nav .navbar-nav .nav-item a {
		font-size: 18px !important
	}

	.footer-wrap-1-1 h4 {
		font-size: 28px;
	}

	.footer-wrap-1-1 h3 {
		font-size: 24px;
	}

	.footer-wrap-1-1 p {
		font-size: 16px !important;
	}

	.copyright-bar .container .small {
		font-size: 16px !important;
		padding-bottom: 22px;
	}

	.copyright-bar .container .social i {
		font-size: 28px !important;
		padding-left: 24px;
	}
}

@media screen and (min-width:567px) and (max-width:736px) and (orientation:landscape) {
	.footer-1-1 {
		margin-left: 20px;
		margin-right: 20px;
	}

	.footer-1-1 .brand-img {
		display: block !important;
		width: 90px;
	}

	.Language {
		margin-top: -70px;
		margin-left: 20px;
	}
}