@charset "UTF-8";
.orange {
	color: #FE5615 !important;
}

.orangebg {
	background-color: #FE5615;
}

.grayborderBottom {
	border-bottom: 1px solid #E3E3E3;
}

.grayborderTop {
	border-top: 1px solid #E3E3E3;
}

.grayBorderTopBot {
	border-bottom: 1px solid #E3E3E3;
	border-top: 1px solid #E3E3E3;
}

.greenbg {
	background-color: #40BC64;
}

.disTop {
	margin-top: 1.0rem;
}


/*reset*/


/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	-web -family: "Microsoft Yahei";
	font-size: 62.5%;
}

@media ( max-width:320px) {
	html,
	body {
		font-size: 52%;
	}
}

@media ( max-width:700px) {
	.weiGroupHeaderRight {
		display: none !important;
	}
	.playBtn {
		display: block !important;
	}
	.weiGroupHeader {
		padding: 1.3rem 8% !important;
	}
	.productBoxRight,
	.productBoxLeft,
	.datailWordLeft {
		width: 100% !important;
	}
	.productBoxRight {
		margin-top: 1.5rem;
	}
	.productBoxLeft p {
		margin-bottom: 0.4rem !important;
		line-height: 1.8rem;
	}
	.infoListLeft,
	.infoListRight,
	.infoListMiddle,
	.datailWordRight ,.address,.codeBox{
		width: 100% !important;
	}
	.infoListLeft p {
		text-align: left !important;
	}
	.specialDis {
		padding-top: 0rem !important;
	}
	.datailWordSpe p {
		padding-left: 0 !important;
	}
	.problem {
		padding: 1.2rem 2.0rem !important;
	}
	.datailWord,.cooperateBox  {
		padding: 4.0rem 2.0rem !important;
	}
	.productInfoBox {
		padding: 2.0rem 2.0rem !important;
	}
	.productBox {
		padding: 8.2rem 2.0rem 2rem 2.0rem !important;
	}
	.cooperateBox .cooperateBoxWord{
		width:100% !important;
	}
	footer{
		  padding: 4.0rem 2.0rem !important;
	}
    .codeBox{
    	text-align: center !important;
    }
}

em,
i {
	text-decoration: none;
	font-style: normal;
}

html,
body {
	height: 100%;
}

body {
	margin: 0 auto !important;
	line-height: 1;
	-webkit-tap-highlight-color: transparent;
}

input:focus {
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

a,
input,
button {
	-ms-touch-action: none !important;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.borderRadiusCircle {
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
}

.borderRadiusFive {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.boxSizing {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.box {
	display: -moz-box;
	display: -webkit-box;
}

.box_1 {
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.box_2 {
	-moz-box-flex: 2;
	-webkit-box-flex: 2;
	box-flex: 2;
}

.box_3 {
	-moz-box-flex: 3;
	-webkit-box-flex: 3;
	box-flex: 3;
}

.box_cz {
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	box-orient: vertical;
}

.box_sp {
	-moz-box-orient: inline-axis;
	-webkit-box-orient: inline-axis;
	-o-box-orient: inline-axis;
	box-orient: inline-axis;
}

.box_czjz {
	-moz-box-align: center;
	-webkit-box-align: center;
	-o-box-align: center;
	box-align: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
}

.pl10 {
	padding-left: 10px;
}

.pl30 {
	padding-left: 30px;
}

.chk_1 {
	display: none;
}

input {
	-webkit-appearance: none;
}

.chk_1 {
	display: none;
}

input {
	-webkit-appearance: none;
}

.chk_1+ label {
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 8px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin-right: 13px;
	font-size: 1.4rem;
}

.chk_1+ label:active {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
	font-size: 1.4rem;
}

.chk_1:checked+ label {
	background-color: #FE5615;
	border: 1px solid #FE5615;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
	font-size: 1.4rem;
}
/*.scrollTop{
	position: relative;
}*/
.chk_1:checked+ label:after {
	content: '\2714';
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	padding: 1px 0 0 0;
	vertical-align: text-top;
}

.weiGroupHeader {
	background-color: #222;
	color: #fff;
	height: 60px;
	padding: 0 14%;
	border-bottom: 1px solid #080808;
	position: fixed;
	width: 100%;
	top: 0;
	z-index:999 ;
}

.weiGroupHeaderLeft {
	width: 30%;
	font-size: 1.5rem;
}

.weiGroupHeaderLeft span {
	color: #FFD300;
	font-size: 1.5rem;
}

.weiGroupHeaderRight {
	text-align: right;
}

.weiGroupHeaderRight a {
	font-size: 1.5rem;
	display: inline-block;
	padding-left: 1.2rem;
	color: #fff;
}

.navbar-toggle {
	position: relative;
	float: right;
	padding: 0.6rem 0.8rem;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	background-color: #333;
}

.playBtn {
	display: none;
}

.navbar-toggle .icon-bar {
	display: block;
	width: 1.5rem;
	height: 0.1rem;
	border-radius: 1px;
	background-color: #fff;
	margin-top: 0.3rem;
}


/*目录列表*/

.headerList {
	background-color: #222;
	padding: 1rem 0 1rem 0;
	border-top: 1px solid #333;
	position: fixed;
	top: 60px;
	width: 100%;
	display: none;
	z-index:999;
}

.headerList a{
	padding: 1rem 14% 1rem 14%;
	border-color: #101010;
	color: #9d9d9d;
	font-size: 1.45rem;
	display: block;
}
.productBox {
	padding: 8.2rem 14% 2rem 14%;
	background-color: #3BBDEC;
	color: #fff;
}

.productBox .indexImg {
	width: 57%;
	padding-right: 4%;
}

.productBox .CodeImg {
	width: 26%
}

.productBoxRight {
	text-align: right;
	width: 40%;
	float: left;
}

.productBoxLeft {
	width: 60%;
	float: left;
}

.productBoxLeft h3 {
	font-size: 2.8rem;
	font-weight: 200;
	padding-bottom: 1.6rem;
}

.productBoxLeft p {
	font-size: 1.5rem;
	margin-bottom: 1.6rem;
	padding: 0.6rem 0 0.6rem 2.2rem;
	background: url(../img/round_check_fill.png) no-repeat left center;
	background-size: 1.8rem auto;
}

.sallPrice {
	font-size: 2.8rem;
}

.sallPrice span {
	color: #FF0000;
	font-size: 2.8rem;
}

.productInfoBox {
	background-color: #fff;
	padding: 2.0rem 14%;
}

.productInfoBoxTitle p {
	font-size: 2.2rem;
	color: #0C0C0C;
	text-align: center;
	width: 100%;
}

.productInfoBoxTitle p:nth-child(1) {
	padding-bottom: 0.6rem;
}

.infoListLeft,
.infoListRight {
	width: 40%;
	float: left;
	padding-top: 1.8rem;
}

.infoListMiddle {
	width: 20%;
	float: left;
}

.infoListLeft>div p {
	padding-right: 5%;
}

.infoListMiddle img {
	width: 100%;
}

.infoListLeft>div p {
	text-align: right;
}

.infoListRight>div p {
	text-align: left;
}

.InfoBoxTitle {
	font-weight: bold;
}

.productInfoBoxList p {
	font-size: 1.5rem;
	color: #1A1A1A;
	padding-bottom: 0.6rem;
}

.infoListLeftList {
	padding-bottom: 1.8rem;
}

.productInfoBoxList {
	padding-top: 2rem;
}

.specialDis {
	padding-top: 1.6rem;
}

.datailWord {
	background-color: #B4E6F8;
	padding: 4.0rem 14%;
}

.datailWord .datailWordLeft {
	width: 40%;
	float: left;
	text-align: center;
}

.datailWord .datailWordLeft img {
	width: 40%;
}

.datailWord .datailWordRight {
	width: 60%;
	float: left;
}

.datailWord .datailWordRightTitle {
	font-size: 2.2rem;
	color: #0C0C0C;
	padding-bottom: 2.0rem;
}

.datailWord .moreWord {
	font-size: 1.5rem;
	color: #0C0C0C;
	line-height: 2rem;
}

.datailWordSpe {
	background-color: #fff;
}

.datailWordSpe p {
	padding-left: 15%;
}

.problem {
	background-color: #F5F5F5;
	padding: 1.2rem 14%;
}

.problem p {
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	color: #0C0C0C;
	padding: 1.0rem 0 1.5rem 0;
}
.customerBox {
	background-color: #fff;
	padding: 1.2rem 14%;
}

.customerBox p {
	width: 100%;
	text-align: center;
	font-size: 2.2rem;
	color: #0C0C0C;
	padding: 1.0rem 0 1.5rem 0;
}

.problem img {
	width: 100%;
}
.customerBoxImg{
	text-align: center;
}
.customerBoxImg img{
	width:80%;
}
.questionBox span {
	color: #606060;
	font-size: 1.4rem;
}

.questionDetail {
	font-size: 1.65rem !important;
	color: #66D5FD !important;
}

.answer {
	font-size: 1.65rem !important;
	color: #FF5B67 !important;
	position: absolute;
	left: 0;
	top: 0;
}

.questionBox {
	background-color: #fff;
	padding: 1.3rem;
}

.questionBoxBottomBox {
	line-height: 2.4rem;
	display: inline-block;
	margin-left: 3rem;
	background-color: #F4F4F4;
	padding: 0.6rem 0.6rem 0.6rem 1.0rem;
}

.questionBoxBottom {
	position: relative;
}

.questionBoxTop {
	padding-bottom: 1.0rem;
	position: relative;
	
}
.cooperateBox{
	background-color: #B4E6F8;
    padding: 4.0rem 14%;
    text-align: center;
}
.cooperateBox .cooperateBoxTitle{
	width: 100%;
    text-align: center;
    font-size: 2.2rem;
    color: #0C0C0C;
    padding: 1.0rem 0 1.5rem 0;
}
.cooperateBox .cooperateBoxWord{
	width:70%;
	margin:0 auto;
	font-size:1.45rem;
	line-height:2.0rem;
}
footer{
	background-color: #222;
    padding: 4.0rem 16%;
    text-align: center;
}
footer .cooperateBoxTitle{
	width: 100%;
    text-align: center;
    font-size: 2.2rem;
    color: #fff;
    padding: 1.0rem 0 3rem 0;
}
footer .address{
	width:50%;
	float: left;
	text-align: left;
	color:#fff;
	padding-top:1.0rem;
}
footer .address p{
	font-size:1.45rem;
	color:#fff;
	padding-bottom:1.8rem;
}
footer .codeBox{
	width:50%;
	float: left;
	text-align: right;
}
footer .codeBox img{
	width:150px;
}