/*底部*/
.ui-footer { width:100%; height:auto; position:fixed; left:0; bottom:0;
    background-color: rgb(243,117,43);
}
.ui-footer ul { width:100%; background-color:black;}
/*.ui-footer ul li { width:25%; height:auto; text-align:center; float:left; padding:2% 0;}*/
.ui-footer ul li { width:33%; height:auto; text-align:center; float:left; padding:2% 0;}
.ui-footer ul li a { width:100%; display:block;}
.ui-footer ul li a i {color:#888888; font-size:2rem}
.ui-footer ul li a p {color:white; font-size:1.2rem; margin-top:1%;}
.ui-footer ul .active a i {color:white;}
.ui-footer ul .active a p {color:white;}
.ui-footer ul li a i:hover { color:white}
.ui-footer ul li a p:hover { color:white}
.page-footer{ width: 100%; background-color: #fafafa; border-top: 1px solid #dfdfdf; position: fixed; bottom: 0; left: 0;}
.page-footer ul{ width: 100%; background-color: #fafafa;}
.page-footer ul li{  float: left; width: 25%; text-align: center; padding: 2% 0 2%;}
.page-footer ul li a{ width: 100%; display: block;}
.page-footer ul .active a p{ color: white;}
.page-footer ul .active{width: 25%;}
.page-footer ul li img{  width: 25%;}
.page-footer ul li p{ font-size: .4rem; color: white;margin-top: 3%;}
.page-footer ul li i{font-size: .7rem; color: white;}
.page-footer ul .active i{color: #f58611;}
.ftimg{max-width: 2rem;max-height: 2rem;  }
/*全局*/
*{margin:0;padding:0;}
html,body { width:100%; font-family:"微软雅黑";}
img{border:0}
ul{list-style:none;}
a{text-decoration:none;outline: none;}
a:hover{outline: none;}
/* 声明自适应 */
html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:14px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:14px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}
/*头部*/
.logo{margin-left: 5%;
    width: 25%;
}
.tell{
    height: 20px;
    text-align: center;
}
.tel{
    vertical-align:text-top;
    line-height: 1.5rem;
    color: black;
    height: 120px;
}
.tellimg{margin-left:25%;  width: 37%;height: 37%;
}
.bannerimg{
    margin-top: 2%;
    width: 100%;
    height: auto;
}
.oprgk{ width:100%;
		height:240px;
		margin-top:-3px;
	}
.oprgleft{ width:50%;
		   float:left;
		  }
.oprgright{ float:right;
			width:50%;
		}
.oprgrbj{ position:relative;
		  z-index:-5;
		 }
.oprgrfont{ margin-left:10%;
			width:40%;
			height:240px;
			margin-top:-270px;
			}
.Solve{
	font-size:16px;
	color:#fff;
	line-height:3rem;
}
.Choice{
	width:100%;
	line-height:2.5rem;
}
.cloicefz{
	margin-left:47%;
	width:165%;
	line-height:1.5rem;
	color:#fff;
}
.Multiselect{
	width:26px;
	height:22px;
	margin-top:54px;
	margin:0 auto;
}
#container1 {
	float:left;
}
 
#container1 span {
	position: relative;
}
 
#container1 .input_check1 {
	position: absolute;
	visibility: hidden;
}
 
#container1 .input_check1+label {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}
 
#container1 .input_check1:checked+label:after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 12px;
	width: 9px;
	height: 4px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-45deg);
}

#container2 {
	float:left;
}
 
#container2 span {
	position: relative;
}
 
#container2 .input_check2 {
	position: absolute;
	visibility: hidden;
}
 
#container2 .input_check2+label {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}
 
#container2 .input_check2:checked+label:after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 12px;
	width: 9px;
	height: 4px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-45deg);
}

#container3 {
	float:left;
}
 
#container3 span {
	position: relative;
}
 
#container3 .input_check3 {
	position: absolute;
	visibility: hidden;
}
 
#container3 .input_check3+label {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}
 
#container3 .input_check3:checked+label:after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 12px;
	width: 9px;
	height: 4px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-45deg);
}
#container4 {
	
	float:left;
}
 
#container4 span {
	position: relative;
}
 
#container4 .input_check4 {
	position: absolute;
	visibility: hidden;
}
 
#container4 .input_check4+label {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}
 
#container4 .input_check4:checked+label:after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 12px;
	width: 9px;
	height: 4px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-45deg);
}

#container5 {
	float:left;
}
 
#container5 span {
	position: relative;
}
 
#container5 .input_check5 {
	position: absolute;
	visibility: hidden;
}
 
#container5 .input_check5+label {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}
 
#container5 .input_check5:checked+label:after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 12px;
	width: 9px;
	height: 4px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-45deg);
}

#container6 {
	float:left;
}
 
#container6 span {
	position: relative;
}
 
#container6 .input_check6 {
	position: absolute;
	visibility: hidden;
}
 
#container6 .input_check6+label {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}
 
#container6 .input_check6:checked+label:after {
	content: "";
	position: absolute;
	left: 2px;
	bottom: 12px;
	width: 9px;
	height: 4px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-right-color: transparent;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	transform: rotate(-45deg);
}
.parent{ margin-top:30px;}
.cinesthcent{ width:90%;
			  margin:0 auto;
			  display:block;
			  margin-top:40px;
			  overflow:hidden;
			 }
.cinesthcentimg{
	width:20%;
	float:left;
}
.cinesthcentfont{
	float:right;
	width:70%;
}
.fonttitle{
	line-height:3rem;
	font-size:14px;
	color:#636463;
}
.fontcent{
	line-height:1.5rem;
	margin-left:0;
	margin-bottom: 5%;
	font-size:14px;
	color:#636463;
}
.measurement{
    position: absolute;
    margin: -1% 0;
    height: 3.5rem;
    width: 100%;
    background-color: rgb(58,58,66);
}
.study{
    line-height: 3.5rem;
    margin-left: 5%;
    color: white;
}
.msm{
    position: absolute;
    right:5%;
    top:25%;
    height: 2rem;
    width: 5rem;
    background-color: #f58611;
    border: none;
    border-radius: 5%;
    color: white;
}
.msm>a{
    color: white;
}
.fontle{ width:90%;
		 margin:0 auto;
		}
.fontletit{
	line-height:4rem;
	font-size:14px;
	font-weight:bold;
}
.fontleft{
	line-height:2rem;
	font-size:14px;
		}
.fontboot1{ width:100%;
			background:#f1eeea;
			padding-bottom:30px;
		}
.fontboot1q{ width:90%;
			 margin:0 auto;
			}
.fontboot2{ width:100%;
			background:#f7f5f3;
			padding-bottom:30px;
		}
.fontboot3{ width:100%;
			background:#f1eeea;
			padding-bottom:30px;
		}


@media only screen and (max-width: 320px) {
	.oprgk{
		width:100%;
		height:206px;
	}
	.oprgrfont{ margin-left:10%;
			width:40%;
			height:208px;
			margin-top:-228px;
			}
	.Solve{
		font-size:16px;
		color:#fff;
		line-height:2rem;
		margin-top:20px;
	}
}