@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
font-family:Arial,'Microsoft YaHei';}
img{vertical-align:top;border:none;max-width:100%;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;}
table{border-collapse:collapse;}
button,select,input{font-size:14px;}
input,select{vertical-align:middle;line-height:normal;font-size:1em;}
a{outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur());}
a:link,a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}
.ccolor{color:#BB1600;}
a.red:link,a.red:visited,a.red:active{color:#f47110; }
a.red:hover{color:#e60012; }
a.Purple:link,a.Purple:visited,a.Purple:active{color:#b03ca9; }
a.Purple:hover{color:#f00; }
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"]
,input[type="email"],input[type="url"],textarea{-webkit-appearance:none;border:1px solid;-webkit-border-radius:0;border-radius:0;}
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
li{list-style:none;}
html{font-size:10px;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 
body{ margin:0 auto;max-width:640px; min-width:320px; border:1px solid #CCC;color:#353535;overflow-x:hidden;overflow-y:auto}

.top{ overflow:hidden; }
.top header{ display:block; width:100%; text-align:center}
.top nav{ overflow:hidden; height:3em; line-height:3em; background:#ee7635}
.top li{ width:19%;float:left; text-align:center; border-right:.05em solid #ffa777; border-left:.05em solid #d25a1a; font-size:140%;}
.top li a{ color: #FFF}
.banner{ overflow:hidden;}
.banner span{ display:block; width:100%; text-align:center}

.daohang{ overflow:hidden; margin:2% 2%; padding:2% 2%;background:url(../images/daohang.jpg) no-repeat 0% 50%;background-size:13.5%;}
.daohang ul{ width:90%; overflow:hidden; padding-left:14%}
.daohang li{ float:left; font-size:130%; padding:3% 4%; border:.05em solid #e8e8e8; background:url(../images/daoghangbg.jpg) repeat-x; margin:1%}
.daohang li a{ color:#7b695f}

.title1{ overflow:hidden; background:url(../images/title_bg.jpg) no-repeat center; background-size:100%;}
.title1 em{ width:12%; display:block; float:left; font-size:280%; color:#FFF; text-align:center}
.title1 span{ width:65%;display:block; float:left; font-size:135%; color:#FFF; text-align:left; padding-top:2.5%}
.title1 i{ width:15%;display:block; float:left;padding-top:1.5%; margin-left:5%}

.bing{ overflow:hidden; padding:2% 2%; background:#f5f5f5;}
.bing h2{ text-align:center; font-weight:normal; font-size:140%; color:#000}
.bing h3{ text-align:center; font-weight:normal;font-size:130%;color:#000; background:url(../images/huawen.jpg) no-repeat center; background-size:100%;}
.bing dl{ padding:2% 2%; width:100%}
.bing dt{ float:left; width:45%}
.bing dd{ float:left;width:45%; font-size:140%; line-height:2em; padding-left:10%}
.bing li.l1{ color:#4575b6}
.bing li.l2{ color:#ba4541}
.bing li.l3{ color:#92b64d}
.bing li.l4{ color:#75599a}
.bing li.l5{ color:#3ea5c2}
.bing li{ list-style:square;}
.bing em{ color:#505050}

.wenhao{ overflow:hidden; padding:2% 2%;}
.wenhao h3{ text-align:center}
.wenhao h3 img{ width:40%}
.wenhao p{ font-size:140%; padding:1% 3%; color:#000}
.wenhao .p2{ text-indent:6em}
.wenhao span{ display:block; padding:2% 0;/*margin-left:4%;*/ width:85%;font-size:120%; margin:0 auto; overflow:hidden}
.wenhao span .a1{ padding:0 1%; height:2.4em; line-height:2.4em; width:50%; float:left; text-align:center; background:#f7aa02; color:#FFF}
.wenhao span .a2{ padding:0 1%;height:2.4em; line-height:2.4em; width:35%; float:left; text-align:center; background:#ee7637 url(../images/tel.jpg) no-repeat 8%;color:#FFF; padding-left:7%; margin-left:4%;background-size:15%;}

.six{ position:fixed; left:0; top:16%; z-index:10; display:none}
.six ul{width:100%;}
.six ul li{ padding:7% 5%; width:100%;filter:alpha(opacity=60);opacity:0.6; font-size:170%; text-align:center; margin:2% 0;}
.six ul li a{ color:#FFF;}
.six .sate1{ background:#42bebe}
.six .sate2{ background:#e79696}
.six .sate3{ background:#afc863}
.six .sate4{ background:#ff9502}
.six .sate5{ background:#e79696}
.six .sate6{ background:#42bebe}
.six .sate7{ background:#a2a2a2}

.question{ overflow:hidden; padding:2% 2%; font-size:170%; color:#FFF; margin:2% 0; background:url(../images/title_bg2.jpg) no-repeat;background-size:100%;}
.question em{ display:inline-block; width:18%; text-align:center}
.question span{display:inline-block; width:50%; text-align:left; padding-left:10%}
.img1{ display:block; width:100%; text-align:center}

.tongjing{ overflow:hidden; padding:2% 2%; background:url(../images/side_bg.jpg) no-repeat 5% 0; margin:2% 0;background-size:6% 94%;}
.tongjing1{ overflow:hidden; padding:3% 2%; background: url(../images/side_bg2.jpg) no-repeat 5% 0; margin:2% 0;background-size:6% 85%;}
.tongjing .t1{ width:85%; background:#f7f7f7; border:.1em solid #eaeaea;margin-left:10%;padding:0 2%; overflow:hidden}
.tongjing .t1 p{ font-size:135%; text-indent:2em; padding-bottom:4%; color:#221815}
.tongjing .t1 p i{ color:#ee7635}
.tongjing h1{ color:#7fba4d; font-size:160%; padding:2% 0; border-bottom:.05em dashed #d4d4d4; }
.tongjing ul{ float:left; width:55%}
.tongjing ul li{ font-size:130%; line-height:1.7em}
.tongjing span{background:url(../images/circle1.jpg) no-repeat; width:40%; height:5em;background-size:70%; float:left; font-size:110%; padding:5% 0; margin-left:5%; margin-top:6%;}
.tongjing span a{ display:block; color:#FFF; margin-left:12%; text-decoration:none}
.tongjing .t2 h1{color:#46bebc;}
.tongjing .t2 ul{ width:60%}
.tongjing .t2 span{background:url(../images/circle2.jpg) no-repeat;background-size:70%;height:5em; width:40%; margin-left:0;}
.tongjing .t3 h1{color:#8d72c1;}
.tongjing .t3 ul{ width:58%}
.tongjing .t3 span{background:url(../images/circle3.jpg) no-repeat;background-size:70%;height:5em; margin-top:4%;margin-left:2%;}
.tongjing .t3{ padding-bottom:4%}
.tongjing .t4{ padding:4% 2% 0;background: #f7f7f7 url(../images/tips.jpg) no-repeat 5% 50%;background-size:19%; text-indent:2em;}
.tongjing .t4 p{ width:80%; padding-left:23%; font-size:120%}


.tel{ display:block; padding-top:2%; margin:0 auto; width:80%;font-size:110%; text-align:center}
.tels{ display:block; padding-top:2%; margin:0 auto; width:90%;font-size:110%; text-align:center}
.tel .a1{ padding:0 5%;border-radius:.1em;height:2.4em; line-height:2.4em;display:inline-block; width:40%; text-align:center; background:#f7aa02 url(../images/weixin.jpg) no-repeat 8%; color:#FFF;background-size:16%; padding-left:10%}
.tels .aa{ padding:0 1%; height:2.4em; line-height:2.4em;display:inline-block; border-radius:.1em;width:50%; color:#FFF;background:#f7aa02; text-align:center;border-radius:.1em;}
.tel .a2{ padding:0 1%; height:2.4em; line-height:2.4em; display:inline-block; border-radius:.1em; width:30%; text-align:center;background:#ee7637 url(../images/phone.jpg) no-repeat 8%;color:#FFF;margin-left:3%; padding-left:10%;background-size:20%;}
.tels .a2{ padding:0 1%; height:2.4em; line-height:2.4em; display:inline-block; border-radius:.1em; width:30%; text-align:center;background:#ee7637 url(../images/phone.jpg) no-repeat 8%;color:#FFF;margin-left:3%; padding-left:10%;background-size:20%;}

.greens{ overflow:hidden; background:#7fba4d; padding:2% 2%; font-size:150%; text-align:center; color:#FFF}

.main{ overflow:hidden; margin:2% 2%;}
.main span{ display:block; width:100%; text-align:center}
.sps{ display:block; padding-top:2%;font-size:120%; width:85%; margin:2% auto}
.sps .a1{ padding:0 1%; width:50%; height:2.4em; line-height:2.4em; display:inline-block; text-align:center; background:#f7aa02; color:#FFF}
.sps .b1{ padding:0 1%;width:50%; display:inline-block;height:2.4em; line-height:2.4em;  text-align:center; padding-left:3%; background:#f87d19 url(../images/weixin2.jpg)  no-repeat 4%;background-size:15%; color:#FFF}
.sps .a2{ padding:0 1%; width:35%;height:2.4em; line-height:2.4em; display:inline-block; text-align:center; background:#ee7637 url(../images/tel.jpg) no-repeat 8%;color:#FFF; padding-left:5%; margin-left:5%;background-size:15%;}
.sps .b2{ padding:0 1%;width:35%; display:inline-block;height:2.4em; line-height:2.4em;  text-align:center; background:#cc3405 url(../images/zhuren.jpg) no-repeat 8%;color:#FFF; padding-left:5%; margin-left:5%;background-size:15%;}
.sps .a3{ padding:0 1%;width:35%;height:2.4em; line-height:2.4em; display:inline-block; text-align:center; background:#cc3405 url(../images/redtel.jpg) no-repeat 8%;color:#FFF; padding-left:5%; margin-left:7%;background-size:15%;}


.tree{ overflow:hidden; padding:2% 2%}
.tree span{ display:block; width:100%; text-align:center}
.qgreen{ margin:4% 2%; background:#92d050;padding:2% 2%; color:#FFF; font-size:150%; text-align:center}
.qorange{ margin:5% 2% 0; background:#e7641d;padding:2% 2%; color:#FFF; font-size:150%; text-align:center; line-height:1em}
.qorange span{ color:#ffd8c3; font-size:80%}
.zhexian{ padding:2% 2%}
.zhexian span{ display:block; width:100%; text-align:center}


.gray{overflow:hidden; padding:2% 2%; background:#f2f2f2}
.gray ul{ padding-left:10%}
.gray ul li{ font-size:130%; list-style:square; width:95%; color:#ed852f; margin-top:2%}
.gray ul li em{ color:#1e1e1e}
.gray ul li b{ color:#00b050}
.gray .sps{ display:block; padding-top:1%;margin:3% auto;font-size:120%; width:90%}
.gray .sps .a1{ padding:3% 0; width:45%; display:inline-block; text-align:center; background:#f87d19; color:#FFF}
.gray .sps .a2{ padding:3% 0; width:40%; display:inline-block; text-align:center; background:#cc3405 url(../images/redtel.jpg) no-repeat 8%;color:#FFF; padding-left:8%; margin-left:6%;background-size:15%;}

.leftl{ overflow:hidden; background:url(../images/leftl.jpg) no-repeat center; background-size:100% 100%; padding:2% 2%; margin:2% 2%; padding-left:3%}
.leftl dl{ float:left; width:28%; height:20em; overflow:hidden; margin-top:14%; margin-left:3%; text-align:center; padding:2% 1%;}
.leftl dl dt{ font-size:150%}
.leftl dl dd{ font-size:130%; text-align:left}
.leftl dl.d1{ background:#eefcff;}
.leftl dl.d1 p{ color:#61d1eb}
.leftl dl.d2{ background:#ffeef5}
.leftl dl.d2 p{ color:#f47fb1}
.leftl dl.d3{ background:#e8fff5}
.leftl dl.d3 p{ color:#31e698}

.dls1{ overflow:hidden; padding:2% 3%}
.dls1 dl{ float:left; width:26%; margin-left:4%;}
.dls1 dt{ text-align:center; font-size:150%; padding:30% 0 70%}
.dls1 dd{ font-size:130%}
.dls1 dt em{ padding-right:15%; color:#FFF;}
.dls1 .t1{ background:url(../images/cir1.jpg) no-repeat;background-size:100%;}
.dls1 .t2{ background:url(../images/cir2.jpg) no-repeat;background-size:100%;}
.dls1 .t3{ background:url(../images/cir3.jpg) no-repeat;background-size:100%;}
.dls1 .d1{ color:#61d1eb}
.dls1 .d2{color:#f47fb1}
.dls1 .d3{color:#8cdbb5}
.dls1 .dash{ margin:2% 2%; padding:2% 2%; border:.05em dashed #f87d19; border-radius:.4em; font-size:130%; text-indent:2em; overflow:hidden}

.sixs{ overflow:hidden; margin:1% 2%}
.sixs li{ float:left; width:40%; text-align:center; margin-top:2.5%; padding:1% 0 1%; border:.05em solid #e8e8e8; margin-left:6%; font-size:130%}
.sixs li b{ font-size:120%; color:#f87d19}
.sixs li i{ text-decoration: line-through}
.sixs li em{ color:#f87d19}
.sixs .l1{ background:url(../images/one.jpg) no-repeat;background-size:100% 100%;}
.sixs .l2{ background:url(../images/two.jpg) no-repeat;background-size:100% 100%;}
.sixs .l3{ background:url(../images/thr.jpg) no-repeat;background-size:100% 100%;}
.sixs .l4{ background:url(../images/fou.jpg) no-repeat;background-size:100% 100%;}
.sixs .l5{ background:url(../images/five.jpg) no-repeat;background-size:100% 100%;}
.sixs .l6{ background:url(../images/six.jpg) no-repeat;background-size:100% 100%;padding:2% 0 1%;}
.p68{ padding:2% 2%; font-size:130%; margin:1% 2%; text-indent:2em}

.oranges_a{ display:block; text-align:center; font-size:130%; color:#f87d19}
.rightl{ overflow:hidden; margin:5% 2%; background:url(../images/rightl.jpg) no-repeat;background-size:100% 100%;}
.rightl p{ text-align:center; padding-top:4%}
.rightl p em{ display:inline-block; width:20%; font-size:140%; color:#FFF; text-align:center; padding:1% 1%; background:url(../images/green.jpg) no-repeat;background-size:100% 100%;}
.rightl p i{ display:inline-block; width:60%; color:#92d050; font-size:140%}
.rightl h3{ text-align:center; font-size:120%; font-weight:normal; margin-top:2%; background:url(../images/huawen2.jpg) no-repeat center;background-size:80%;}
.rightl h3 span{ color:#ff0000}
.rightl .bg{ text-indent:2em; font-size:120%; padding:6% 12%; padding-top:10%; background:url(../images/yuanli.jpg) no-repeat center;background-size:80% 90%; text-align:left;}
.rightl .bg span{ color:#ed7b3e}
.rightl a{ display:block; background:#ed7b3e; font-size:140%; text-align:center; color:#FFF; padding:2% 4%; width:50%; margin:3% auto;}
.fours{ overflow:hidden; padding:2% 2%; margin:2% 2%; background:url(../images/sicir.jpg) no-repeat;background-size:100% 100%;}
.fours dl{ width:45%;}
.fours dl dt{ text-align:center; font-size:140%}
.fours dl dd{ font-size:120%}
.fours .y{ float:left}
.fours .e{ float:right}
.fours .t{ padding-top:6%}
.fours .d1{ color:#f162cb}
.fours .d2{ color:#00b0f0}
.fours .d3{ color:#f99542}
.fours .d4{ color:#92d050}

.doc{ overflow:hidden; padding:2% 2%; background:url(../images/doc_bg.jpg) no-repeat;background-size:100%;}
.star{ width:60%; float: right}
.star h1{ font-size:280%; color:#e7641d}
.star li{ font-size:130%}
.star li span{ color:#e7641d}
.star .p1{ padding:2% 0; border-top:.05em dashed #CCC; margin:3% 0; font-size:120%; line-height:1.5em}
.star .p1 em{ display:inline-block; background:url(../images/orange.jpg) no-repeat;background-size:100%; padding:2% 7%; color:#FFF}
.doc .p2{ font-size:130%; background:#FFF; padding:3% 2%; text-indent:2em; border:.05em dashed #f08e5a; border-radius:.3em}


.twos{ overflow:hidden; margin:2% 2%;}
.twos span{ display:block; width:100%; text-align:center}
.h2{ text-align:center; font-size:180%; color:#fa9643}
.ps{ padding:2% 2%; margin:2% 2%; font-size:130%; line-height:1.5em; text-indent:2em}
.as{ width:50%; display:block; color:#FFF; font-size:140%; text-align:center; background:#f87d19; padding:2% 2%; margin:2% auto}

.color{ overflow:hidden; width:96%; font-weight:normal; font-size:130%; padding:1% 2%; color:#FFF}
.color span{ display:block; margin-top:.1em}
.color span i{text-align:center;padding:1.5% 0;display:inline-block}
.color span em{text-align:center;padding:1.5% 0;margin-left:.1em;display:inline-block}
.color .s1 i{background:#f2c760;width:60%;color:#FFF}
.color .s1 em{background:#eda6ac;width:39%;color:#FFF }
.color .s2 i{ width:37%; background:#adc762;color:#FFF}
.color .s2 em{ width:62%; background:#7d60bd;color:#FFF}
.color .s3 i{ width:58%; background:#3f87d1;color:#FFF}
.color .s3 em{ width:41%; background:#fa9643;color:#FFF}


.img3{ overflow:hidden; display:block; width:100%; text-align:center; margin-top:1%}
.spansa{ display:block; width:90%; overflow:hidden;line-height:2.5em; margin:0 auto; margin-top:2%; text-align:center; font-size:140%}
.spansa .a1{ width:30%; background:#ed7b3e url(../images/numeber.jpg) no-repeat 5%; float:left; padding-left:7%;color:#FFF;  background-size:15%;margin-left:8%;}
.spansa .a2{ width:30%; background:#adadad url(../images/tel_gray.jpg) no-repeat 5%; float:left;color:#FFF; margin-left:13%; padding-left:7%; background-size:15%;}

.h_nav ul{overflow:hidden; zoom:1; padding:2% 2%;}
.h_nav li{width:31%; float:left; margin:0 1%; padding:8em 0 0.5em;text-align:center; background-repeat:no-repeat;background-size:3.500em;}
.h_nav li a{display:block; color:#fff; font-size:120%;}
.h_nav li.bg1{ background: #9cab13 url(../images/qq1.jpg) no-repeat 40% 20%; background-size:80%}
.h_nav li.bg2{ background: #5f9fdf url(../images/tel1.jpg) no-repeat 40% 20%;background-size:80%}
.h_nav li.bg3{ background: #994b96 url(../images/road1.jpg) no-repeat 40% 20%;background-size:80%}




/*footer{ width: 100%; margin: 0em auto; margin-top: 1em;}
footer .fot1{ width: 94%; text-align: center; padding-top: .7em; font-size: 1.5em;}
footer .fot1 img{ width: 60%;}
footer .fot1 p{padding-top: .7em; color: #636363;}
footer .fot2{ width: 93%; margin: 1em auto; padding: .5em; padding-top:4%; border-top:.1em dashed #CCC}
footer .fot2 p{ line-height: 1.5em; text-align: center;}
footer .fot2 .p1{ font-size: 140%; color: #424242;}
footer .fot2 .p3{ font-size: 150%; color: #ca0404;}
footer .fot3{ display: block; margin: .6em auto; line-height: 2.5em; border-radius:5px; background: #ee7735; text-align: center; font-size: 1.9em; color: #FFFFFF; margin:2% 4%}
footer .fot4{ width: 94%; margin: .5em auto; overflow: hidden; padding-left: 2%;}
footer .fot4 li{ width:30%;float: left; color: #646464; background: url(../images/gt2.jpg) no-repeat left; background-size: 19% 100%; font-size: 1.5em; padding-left:2%; text-align: center;}*/
.fot_nav{ margin-top:1em; overflow: hidden; padding-left:2.2%; margin:0 0%;border-top:.2em solid #c4c4c4; padding-top:1%}
.fot_nav li{ float: left; font-size: 120%;color: #ee7735; width: 22%; line-height:2.2em; height: 2.2em; text-align: center;}
.fot_nav li a{color: #ee7735; padding-right: .2em;}
.fot_nav li span{ color:f17eae}
.fot{width: 100%; overflow: hidden; text-align: center; font-size:120%; color: #000; line-height: 4em; }
.fot span{ color: #bd0000;}











@media screen and (max-width:320px){body,input,select{font-size:10px}}
@media screen and (min-width:320px){body,input,select{font-size:11.25px}}
@media screen and (min-width:400px){body,input,select{font-size:12.5px}}
@media screen and (min-width:480px){body,input,select{font-size:13.75px}}
@media screen and (min-width:560px){body,input,select{font-size:15px}}
@media screen and (min-width:600px){body,input,select{font-size:16.25px}}
@media screen and (min-width:640px){body,input,select{font-size:18px}}




@media only screen and (max-width: 320px){
	.wenhao p{ font-size:130%;}
	.wenhao span{ font-size:110%}
	.sps{ font-size:110%}
	.gray .sps{ font-size:110%}
	.question{font-size:140%;}
	.tongjing span{ font-size:100%;}
	.qgreen{font-size:130%;}
	.title1 .c{ font-size:130%}
	.dls1 dt{font-size:120%;}
	.rightl p i{font-size:125%}
	.daohang li{ font-size:120%;}
	
	}
@media (min-width: 320px) and (max-width:330px) { 
.daohang li{ float:left; font-size:120%; padding:3% 4%; border:.05em solid #e8e8e8; background:url(../images/daoghangbg.jpg) repeat-x; margin:1%}
.wenhao p{ font-size:120%;}
.wenhao .p2{ text-indent:5em}
.wenhao span{ font-size:100%}
.sps{ font-size:100%}
.gray .sps{ font-size:100%}
.question{font-size:130%;}

.qgreen{font-size:130%;}
.title1 .c{ font-size:120%}
.leftl dl dt{ font-size:140%}
.dls1 dt{font-size:130%;}
.rightl p i{font-size:110%}
.daohang li{font-size:110%;}

}

@media (min-width: 330px) and (max-width:370px) { 
.daohang li{ float:left; font-size:120%; padding:3% 4%; border:.05em solid #e8e8e8; background:url(../images/daoghangbg.jpg) repeat-x; margin:1%}
.wenhao p{ font-size:120%;}
.wenhao .p2{ text-indent:5em}
.wenhao span{ font-size:100%}
.sps{ font-size:100%}
.gray .sps{ font-size:100%}
.question{font-size:130%;}
.qgreen{font-size:130%;}
.title1 .c{ font-size:120%}
.dls1 dt{font-size:130%;}
.rightl p i{font-size:110%}
.daohang li{ font-size:115%;}
}
@media (min-width: 370px) and (max-width:440px) { 
.daohang li{ float:left; font-size:120%; padding:3% 4%; border:.05em solid #e8e8e8; background:url(../images/daoghangbg.jpg) repeat-x; margin:1%}
.wenhao p{ font-size:120%;}
.wenhao .p2{ text-indent:5em}
.wenhao span{ font-size:110%}
.sps{ font-size:110%}
.gray .sps{ font-size:120%}
.question{font-size:130%;}
.qgreen{font-size:145%;}
.title1 .c{ font-size:130%}
.rightl p i{font-size:130%}
}
@media (min-width: 530px) and (max-width:600px) { 
.daohang li{ float:left; font-size:140%; padding:3% 4%; border:.05em solid #e8e8e8; background:url(../images/daoghangbg.jpg) repeat-x; margin:1%}

}

@media (min-width: 620px) and (max-width:650px) { 
.daohang li{ float:left; font-size:140%; padding:3% 4%; border:.05em solid #e8e8e8; background:url(../images/daoghangbg.jpg) repeat-x; margin:1%}

}