@charset "utf-8";
body{margin:0 auto;padding:0 auto;font-size:1em;width:100%;max-width: 640px;background: #fff;font-family: "微软雅黑"}
img{border:none;vertical-align: top;}
ul,ol{list-style: none;margin:0 auto;padding:0;}
a{text-decoration: none;}
p{margin:0 auto;padding:0;}
span{margin:0 auto;padding:0;}


.banner_nav{display: block;width: 100%;}
.banner_nav a{display: block;width: 50%;text-align: center;padding:8px 0;background: #775b30;color:#fff;font-size: 120%;}
.banner_nav a img{vertical-align: middle;width: 25%;}


/*main begin */
.main{display: block;width: 100%;}
.tit{display:block;width:100%;background: url("../images/tit_bg.jpg") repeat-x center;padding-top: 5%;padding-bottom:5%;}
.tit p{display: block;width: 100%;text-align: center;border:none;margin:0 auto;padding:0;color: #806645;font-size: 24px;}
.tit p font{background:#fff;text-align: center;border:none;padding:0 20px;font-weight: 700;}
.tit p span{padding-top: 4px;background:#fff;padding:0 20px;font-size: 22px;}

.expert_introduce{display:block;}
.expert_introduce div{display: block;width: 90%;margin-left: 5%;padding-top: 10%; font-size: 16px;}
.expert_introduce div .T{color:#fff;line-height: 26px;font-size: 18px;}
.expert_introduce div .C{color:#c08e48;margin-top: 4%;}
.expert_introduce div .C span{color:#000;background:#c08e48;border-radius: 12px;line-height:26px;padding:0 8px;}
.expert_introduce div .L{margin-top:4%;color:#f5d3a4;line-height: 26px;}
.BTN{display:block;width:90%;margin-left:2%;margin-top: 4%;}
.BTN a{display:block;width: 100%;text-align: center;background:#9a7a35;color:#fff;padding-top:3%;padding-bottom:3%;border-radius: 8px;font-size: 24px;}

/*技术特色*/
.technology{display:block;background: #231002;width:100%;padding-top:10%;padding-bottom: 10%;font-size: 16px;}
.technology img{width: 100%;}
.technology span{line-height: 23px;}
.technology_01{position: relative;display:block;width:100%;}
.technology_01 span{position: absolute;left: 0px;top:4px;display:block;width:47%;margin-left: 10%;text-indent: 1em;}
.technology_02{position: relative;display:block;width:100%;}
.technology_02 span{position: absolute;right: 0px;top:4px;display:block;width:43%;margin-right: 7%;text-indent: 1em;}
.technology_03{position: relative;display:block;width:100%;}
.technology_03 span{position: absolute;left: 0px;top:4px;display:block;width:45%;margin-left:10%;text-indent: 1em;}
.technology_04{position: relative;display:block;width:100%;}
.technology_04 span{position: absolute;right: 0px;top:4px;display:block;width:48%;margin-right: 5%;text-indent: 1em;}
.technology_05{position: relative;display:block;width:100%;}
.technology_05 span{position: absolute;left: 0px;top:4px;display:block;width:41%;margin-left: 9%;text-indent: 1em;}


/*美眼说明*/
.explain{display:block;width:100%;background: #f4f1e1;padding-bottom: 7%;}
.explain ul li{display: block;width: 92%;margin-left: 4%;}
.explain ul li img{width: 100%;}
.explain ul li span{display: block;width: 100%;text-align: center;margin-top: 3%;padding-bottom: 6%;font-size: 16px;}

/*真实曹仁昌教授*/
.professor{display:block;width:100%;background: #231002;}
.professor img{width: 100%;}


/*美丽解答*/
.answer{display:block;width:100%;}
.answer ul li{display:block;float:left;width:95%;margin-left: 2.5%;margin-top: 5px;font-size: 16px;}
.answer ul li img{display:block;float:left;width:15%;}
.answer ul li p{display:block;float:left;width:85%;margin-top: 3%;position: relative;}
.answer ul li p span{display:block;float:left;width:70%;margin-left:7%;background: #e8e8e8;color:#c08e48;padding:12px 10px;border-radius: 8px;}
.answer ul .expert p span{display:block;float:right;width:70%;margin-right:7%;background: #492b00;color:#fff;padding:12px 10px;}
.answer ul .user p img{width:5%;position: absolute;top: 6px;left: 3%;}
.answer ul .expert p img{width:5%;position: absolute;right: 3%;top: 6px;}

@media screen and (max-width: 480px){
	.expert_introduce div{font-size: 14px;}
	.expert_introduce div .T{font-size: 16px;}
	.expert_introduce div .T{line-height: 20px;/*margin-top: 2%;*/margin-bottom: 2%;}
	.expert_introduce div .C{line-height: 20px;margin-top: 2%;}
	.expert_introduce div .B{line-height: 20px;margin-top: 2%;}
	.expert_introduce div .L{line-height: 20px;margin-top: 2%;}
	.expert_introduce div .B a{font-size: 20px;}
	.technology{font-size: 15px;}
	.tit p{font-size: 21px;}
	.tit p span{font-size: 20px;}
	.BTN a{font-size: 22px;}
	.answer ul li{font-size: 15px;}
	.technology span{line-height: 18px;}
}
@media screen and (max-width: 430px){
	.expert_introduce div{font-size: 13px;}
	.expert_introduce div .T{font-size: 15px;}
	.expert_introduce div .T{line-height: 18px;/*margin-top: 2%;*/}
	.expert_introduce div .C{line-height: 18px;margin-top: 2%;}
	.expert_introduce div .B{line-height: 18px;margin-top: 2%;}
	.expert_introduce div .L{line-height: 18px;margin-top: 2%;}
	.expert_introduce div .B a{font-size: 18px;}
	.technology{font-size: 14px;}
	.tit p{font-size: 20px;}
	.tit p span{font-size: 19px;}
	.BTN a{font-size: 20px;}
	.answer ul li{font-size: 15px;}
	.technology span{line-height: 18px;}
}
@media screen and (max-width: 360px){
	.expert_introduce div{font-size: 12px;}
	.expert_introduce div .T{font-size: 13px;}
	.expert_introduce div .T{line-height: 16px;/*margin-top: 2%;*/}
	.expert_introduce div .C{line-height: 16px;margin-top: 2%;}
	.expert_introduce div .B{line-height: 16px;margin-top: 2%;}
	.expert_introduce div .L{line-height: 16px;margin-top: 2%;}
	.expert_introduce div .B a{font-size: 18px;}
	.technology{font-size: 12px;}
	.tit p{font-size: 19px;}
	.tit p span{font-size: 18px;}
	.BTN a{font-size: 19px;}
	.answer ul li{font-size: 15px;}
	.technology span{line-height: 17px;}

}
@media screen and (max-width: 335px){
	.expert_introduce div{padding-top: 13%;}
	.expert_introduce div .T{font-size: 13px;}
	.expert_introduce div{font-size: 12px;}
	.expert_introduce div .T{line-height: 16px;/*margin-top: 1%;*/}
	.expert_introduce div .C{line-height: 16px;margin-top: 1%;}
	.expert_introduce div .B{line-height: 16px;margin-top: 1%;}
	.expert_introduce div .L{line-height: 16px;margin-top: 1%;}
	.expert_introduce div .B a{font-size: 18px;}
	.technology{font-size: 11px;}
	.tit p{font-size: 18px;}
	.tit p span{font-size: 17px;}
	.BTN a{font-size: 18px;}
	.answer ul li{font-size: 15px;}
	.technology span{line-height: 17px;}
}