W.ui-page{-webkit-backface-visibility: hidden; font-family:微软雅黑;font-size:14px; }
body{color:#000; font-family:微软雅黑;width:100%;}
body,p ,h1,ul,li,.ui-content{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
img{ border:0;}
a{text-decoration:none;outline:0px; color:#000; font-family:微软雅黑}
.clear { clear:both; }
.fr{ float:right}
.fl{ float:left}
.center{ text-align:center; width:100%;}
.center img{ width:81%; border:1px solid #cbcbcb; margin:10px 0;}
.padding20{ padding:2% 3% 4%; color:#3a3a3a; float:left; width:94%; line-height:180%; min-height:300px; font-size:14px;}
.padding20 p{text-ind/ent:2em;}
.wrap{ margin:0 auto; width:100%; max-width:640px; background-size:100% ; overflow:auto;}
.wrap .search{ margin-top:0;}
.wrap .menu_but{ margin-right:3%;}
.iwrap{ margin:0 auto; width:100%; max-width:640px; background-size:100% ; overflow: hidden;}
.category li { float:left; width:25%; }
.category li a { width:95%; display:block; line-height:50px; text-align:center; background:#1b5da9; color:white; margin:3px auto 0; font-size: 0.9rem; }
.content{ float:left; border:1px solid #bad3e8;width:93.75%; margin:0 3.125%; background:#fff;}
.about{ padding:2% 3% 4%; color:#fff; float:left; width:94%; line-height:180%; min-height:100px; font-size:12px;background:#0076ca}
.about p{text-indent:2em; }
 
.header{ float:left;width:100%; }
.headermain{ margin:0 auto;max-width:640px; width:100%;}
.top{margin:0 auto;
	position:relative; max-width:640px; width:100%; background: url(images/head_bg.png);background-repeat: no-repeat;background-size: 84%; 
}
.logo{ float:left; width:75%; margin-left:2%; text-align:center; }
.logo img{ width:100%;min-wi/dth:180px; max-width:640px;}
.menu_but{ float:right; display:block; margin-right:2%; text-align:center;width:11%; margin-top:3%;min-width:42px; background-size:100% 80%; color:#fff;  padding-top:0px; text-align:center;}
.menu_but a{ float:left; width:100%; text-align:center; color:#0049ad; line-height:1.3}
.menu_but img{width:60%; margin-bottom:10px}

@media all and (min-width:640px){
.menu_but{ background-size:100% 100%;}

}
@media all and (max-width:481px){
	.logo{ float:left; width:70%; }
}

@media all and (max-width:321px){
	.logo{ float:left; width:80%; }
.menu_but{ background-size:100% 70%;}
}

#modal { display:none; }
#pageslide { display:none; background:#0667d0;position: absolute;position: fixed;top: 0;width:50%; max-width:320px; height:100%;z-index: 999999;}
.nav{width:100%; float:left; font-size:16px; background:#0667d0;}
.navli{float:left;width:100%}
.navli a{ padding:5% 0 5% 10%;width:90%;font-size:14px;text-align:left; float:left; border-bottom:1px solid #fff;}
.navli a span{ float:left; width:90%; padding-left:10%;color:#fff; font-size:16px;background:url("images/nav_ico.png") no-repeat 0px center; }
.navli ul{ float:left; display:none;width:80%; padding:2% 0 2% 20%;background:#ca1828;border-bottom:1px solid #000;}
.navli li{ float:left;width:100%; padding:3% 0;}
.navli li a{padding:0 0;width:100%;font-size:14px; color:#fff;text-align:left;  float:left;background:none;border-bottom:0}


.search{margin-top:50%;float:left; width:94%; padding:0 3%;}
.searchmain{float:left;width:100%; border:1px solid #739dbc; border-radius:3px; padding:1%;
box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
background-image:-moz-linear-gradient(center top , #85b6d9, #8cbada);
background-image: -moz-linear-gradient(top, #85b6d9, #8cbada);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#85b6d9), to(#8cbada));
background-image: -webkit-linear-gradient(top, #85b6d9, #8cbada);
background-image: -o-linear-gradient(top, #85b6d9, #8cbada);
background-image: linear-gradient(top, #85b6d9, #8cbada);}
.search_txt{ float:left; padding-left:2%;width:81%;line-height:35px;height:35px; border:0; color:#005da2; font-size:14px;background:url("images/search_txt.gif") no-repeat 0px center; background-size:100% 100%;}
.search_but{ float:right;width:39px; border:0;height:37px; background:url("images/search_but.gif") no-repeat left center;}

/*手机banner轮播*/
.banner{width:100%}
.banner img{display:block;width:100%}
.swipe{width:100%;overflow:hidden;position:relative;}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe #pagenavi{position:absolute;left:0;bottom:0px;text-align:center;width:100%; background:rgba(fff, fff, fff, 0.6)!important; filter:Alpha(opacity=50); padding:6px;}
.swipe #pagenavi a{width:8px; height:8px; line-height:99em; background:#fff; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#ff0;  position:relative;}



.title_i{ float:left;width:100%;border-bottom:1px solid #fff; min-height:40px;background:url("images/title.jpg") no-repeat top center; background-size:100% 100%;}
.title_i .fl{ float:left; margin-left:2%; padding:2%; font-size:1.2em; color:#fff;}
.more_i{ border-radius:3px; margin-top:1.5%;margin-right:3%; padding:1%;color:#fff; float:right;}

@media all and (max-width:481px){
.title_i .fl{ padding:2%; margin-top:1%;}
}

.cplist{ width:98%;margin:3% 1%; padding-left:2%;}
.cplist ul{width:96%; margin:0 2%;}
.cplist li{width:47%; float:left;  display:inline-block; background:#977707; margin:2% 2% 0 0}
.cplist li a{width:100%;font:14px/28px 'microsoft yahei';color:#fff; padding-left:4%; line-height:28px; text-align:left; }
.cplist li a:hover{color:#000;}



.qline { clear:both;overflow:auto; width:100%;font-size:1em;  box-shadow:0px -1px 0px #398925;}
.qline ul{float:left; width:100%; }
.qline ul li{float:left; width:21%;padding:2% 0; margin:2%;background:#014b92;border-radius:20px;}
.qline ul li a{float:left;min-height:20px; line-height:1.4; font-size:1.1em;width:100%; color:#fff;text-align:center; float:left; display:block;}
.qline img{ width:34%; min-width:20px;margin:0 auto;}

.inav{width:98%;margin:2% auto;overflow:hidden;height:auto;}
.inav li{width:25%;float:left;height:auto;overflow:hidden;}
.inav li a{display:block;width:64.93%;margin:0 auto;height:auto;}
.inav li a span{display:block;width:100%;text-align:center;font:2.4em/1.2 "microsoft yahei";color:#fff;padding:24% 0;background:#946902;position:relative;border-radius:8px;}
.inav li a font{display:block;width:100%;text-align:center;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font:1.3em/2 "microsoft yahei";color:#010101;}
.inav li:nth-child(2n) span{background:#cba849}
.iconfont img{margin:0 auto;}

.iconfont{margin:10% 0 0 0;
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing:antialiased;
    -webkit-text-stroke-width:0.2px;
    -moz-osx-font-smoothing:grayscale;
}



.case{ width:100%; overflow:auto;background:#014b92;  padding:4% 3.125%; margin:4% 0;background-size:100%; clear:both;}
.case .title{float:left; background:#014b92; color:#489f32; width:94%;}
.case .title img{float:left;width:100%;}
.case .prolist li p{ color:#000;}
.honor,.product{width:100%; padding:0 2%; overflow:auto;}

.prolist{ float:left; width:100%; padding:1% 3%; }
.prolist li{ float:left; width:46%;/*height: 235px;*/text-align: center;/*background: #0667d0;*/line-height: 14px;color: #000; margin-right:3%; margin-bottom:3%;}
.prolist li a{ float:left; width:100%;color: #000}
#index .prolist li:nth-child(3),#index .prolist li:nth-child(6){ margin-right:0;}
.prolist li img{ border:1px solid #d0d0d0; width:100%;height: 120px; }
.prolist li p{ float:left; line-height:2; width:100%; margin-top:1px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#000; text-align:center;}
.title,.listmore a{float:left; width:100%; text-align:center; color:#fff; border-radius:6px; background:#014b92; line-height:2; font-size:1.3em; }
.title{ margin-bottom:3%;}

.title1{width:100%;margin:0% auto;overflow:hidden;position:relative;margin-top: 5px;font-size: 13px;font-weight: bold;color: #fff;line-height: 30px;}
.title1 img{display:block;}
.title1 a{position: absolute;width:15%;height:100%;top:0;right:0;color: #2971d3;text-align: center;}

.listmore{ display:inline-block; clear:both;width:100%; background:#4a9f32; text-align:center;}
.probg{float:left; width:100%; }
.probg li{ float:left; width:46%; margin:0 2%; margin-bottom:3%;}
/*.probg li:nth-child(3),.probg li:nth-child(6){margin:0 2% 3%;}
*/.probg li p{ background:#fff1a8; color:#6c5200; line-height:2;}


.ys-c{ width:100%; position:relative; font-family:"微软雅黑"; height:1000px;}
.ys-c li.one{ width:100%; position:absolute; top:66px; background:url(images/youshi01.png) no-repeat 90% bottom ; background-size: 30%;}
.ys-c li h3 img{ width:100%;}
.ys-c li p{ padding:0 2% 0 2%; color:#fff; line-height:32px; width:60%; font-size:14px; }
.ys-c li.two{ width:100%; position:absolute; top:350px;background:url(images/youshi02.png) no-repeat 1% bottom ; background-size:30%;}
.ys-c li.two p{padding:0 2% 0 40%; color:#fff; line-height:32px; width:60%; font-size:14px; }
.ys-c li.three{ width:100%; position:absolute; top:690px; background:url(images/youshi03.png) no-repeat 90% bottom ; background-size: 30%;}


.iequip{width:96%;height:auto;overflow:hidden;margin:2% auto;}
.iequip h3 img{ width:100%;}
.iequip li{width:100%;height:auto;overflow:hidden;padding-bottom:10%;position: relative}

.iequip .one img{position:absolute;padding:1px;width:30%;top:3%;right:6%; float:right;}
.iequip .one div{width:55%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font:1.2em/1.8em "microsoft yahei";color:#fff;float:left;}
.iequip .two div{width:55%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font:1.2em/1.8em "microsoft yahei";color:#fff;float:right;}
.iequip .two img{position:absolute;padding:1px;width:35%;top:3%;left:3%; float:left;}
.iequip li:nth-child(2n) p{float:left;}





.product{ overflow:auto;width:98%; /*margin:0 3%;*/ padding:1% 2%; 

box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	}
.pro_t{ float:left; width:100%;}
.pro_t h2{ color:#1378c3; margin-top:2%;margin-bottom:2%; }
.pro_t .fl{float:left; width:72%; }
.probut{ float:right; color:#fff; text-align:center; line-height:2.6; width:28%;background:url("images/probut.png") no-repeat center ; background-size:100% 100%;  }

.product ul{float:left;width:100%;  }
.product ul li{float:left;width:47%;margin-right:2%; padding:3% 0.5% 0%}
.product ul li img{ width:100%; height:150px;border:1px solid #c6c6c6; }
.product ul li p{width:90%; margin:5px auto 0;text-overflow:ellipsis; color:#333; overflow:hidden; white-space:nowrap; line-height:2; text-align:center; padding:0 2%;}
.proshadow{ float:left; width:94%; padding:0 3%; margin-bottom:1.2em;}
.proshadow img{ display:block;width:100%;}

.news{ float:left;border:1px solid #bad3e8;width:93.75%; margin:0 3.125%;}
.newsmain{float:left;width:100%;}
.news ul{float:left; width:100%; }
.news ul li{float:left; width:100%;  border-top:2px solid #e8f2fa;border-bottom:2px solid #fff;margin-bottom:1px;
background-image:-moz-linear-gradient(center top , #faf9f9, #e2ecf8);
background-image: -moz-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faf9f9), to(#e2ecf8));
background-image: -webkit-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -o-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: linear-gradient(top, #faf9f9, #e2ecf8);}
.news ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url("images/newsico.png") no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }

.newslist{ float:left; width:100%;}
.newslist ul{float:left; width:100%; }
.newslist ul li{float:left; width:100%;  border-top:2px solid #e8f2fa;border-bottom:2px solid #fff;margin-bottom:1px;
background-image:-moz-linear-gradient(center top , #faf9f9, #e2ecf8);
background-image: -moz-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faf9f9), to(#e2ecf8));
background-image: -webkit-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: -o-linear-gradient(top, #faf9f9, #e2ecf8);
background-image: linear-gradient(top, #faf9f9, #e2ecf8);}
.newslist ul li a{float:left; width:90%; line-height:2.5; padding:0 4% 0 3%; background:url("images/newsico.png") no-repeat center right;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }

.fl{
	float:left;
}
.fr{
	float:right;
}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.all{
	width:100%;
	overflow:hidden;
	/*height: 118px;*/
}
.itl{
	position:relative;
	margin:auto;
	font:1.625em/2.5 "Microsoft Yahei";
	border-bottom:2px solid #946902;
	padding:0 2.8125% 0 5%;
	background:#cba849;
    
}
.itl-tl{ 
	color:#6c5200;
	font-weight:bold
}
.itl-tl span.itl-tl-ch{ text-transform:uppercase;
              color:#fff;
			  font-weight:bold
			  }

.itl-tl span.itl-tl-en{
	          font-size:0.875em;
			  text-transform:uppercase;
              color:#999999;
			  font-weight:normal
			  }
.itl-more{ width:15%; float:right; margin-right:8%; }			  
.itl-more a{
	font-size:0.6em;
	color:#999;
	font-weight:bold;
	padding:0% 18% 0% 20%;
	display:block;
	margin-top:15%
}
.itl-more a:hover{
	color:#ff0000;
}
.itl-tlc{ color:#fff;background:#5ab100; font:1.625em/2.2 "Microsoft Yahei"; padding-left:3%;}
.itl-morec{ width:20%; text-align:right}			  
.itl-morec a{
	font-size:0.6em;
	color:#fff;
	font-weight:bold;
	padding:5% 18% 5% 20%;
}
.itl-morec a:visited{
	color:#fff;
}
.itl-slo{
	margin-top:1%;
}
.itl-slo2{
	position:absolute;
	left:6em;
	top:-25%;
	width:13.5%;
}

.ipro,.icases,.caselist,.plantlist{
	width:95%;
	margin:0 auto;
	padding-bottom:1.5em;
}
.ipro .metro-b,.icases .metro-b,.metro-b,.caselist .metro-b,.plantlist .metro-b{
	float:left;
	position:relative;
	width:48%;
	margin-right:4%;
	margin-top:4%;
}
.ipro .metro-b .pic,.icases .metro-b .pic, .metro-b .pic,.caselist .metro-b .pic,.plantlist .metro-b .pic{
	display:block;
	padding:1.5%;
	background:#FFF;
	border:1px solid #cfd3d3;	
}
.ipro .metro-b .text,.icases .metro-b .text, .metro-b .text,.caselist .metro-b .text,.plantlist .metro-b .text{
	width:96.5%;
	display:block;
	margin:2% 0% 2.5% 2%;
	overflow:hidden;
	padding:0 0.375em;
	font:1.375em/2 "Microsoft Yahei";
	text-overflow:ellipsis;
	text-align:center;
	white-space:nowrap;
	
	color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.35);
}
.ipro .metro-b:nth-child(2n),.icases .metro-b:nth-child(2n), .metro-b:nth-child(2n),.caselist .metro-b:nth-child(2n),.plantlist .metro-b:nth-child(2n){
	margin-right:0;
}

.itl-inews{
	position:relative;
	margin:auto;
	font:1.5em/2.5 "Microsoft Yahei";
	padding:2% 5% 0 2.8125%;
    
}
.inews,.newslist,.baselist{
	width:95%;
	display:block;
	margin:2% 0 ;
	background:#FFF;
}
.inews li,.newslist li,.baselist li{
	position:relative;
	font:normal 1.25em/3 "Microsoft YaHei";
	color:#333;
	padding:0 0.5em 0 1.6em;
	border-bottom:1px dotted #a9acac;
	/*background:url("images/img_38.png") 2% center no-repeat,url("images/dot.png") 2% center no-repeat;*/
	background-size:2.5%,1.71875%;
}
.inews li:last-child,.newslist li:last-child,.baselist li:last-child{ border-bottom:none}
.inews li a,.newslist li a,.baselist li a{
	display:block;
	color:#666666;
	background:url("images/img203.png") right center no-repeat;
	background-size:2.6% auto;
	padding-right:6%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.inews li a:visited,.newslist li a:visited,.baselist li a:visited{
	color:#666666;
}
.inews li span,.newslist li span,.baselist li span{ position:absolute;
                left:0%;
				top:0%;
	           width:2%;
			   height:100%;
               /*background:#77baee;*/
			   border-radius:8px 0 0 8px;
			   display:block;}

.iabout{ width:92%;margin:5% auto;font:1.2em/1.8 "Microsoft Yahei";color: #fff;}
.iabout p{ margin:8% 0 ;}
.iabout img{ width:80%;}

.itel{ width:74%;font:normal 1.25em/2.5 "Microsoft YaHei";color:#c0c0c0;padding: 0 0 0 25%;margin:1em auto;border:1px solid #a9acac;border-radius:8px;background:url("images/img_42.png") 13% center no-repeat #FFF;background-size:6.579%;font-weight:bold}
.itel span{ color:#ff6600;font-size:1.2em;}	













.footnav{ float:left;width:100%;}
.footnav ul{ float:left; width:94%; padding:4% 3% 1%; }
.footnav ul li{ float:left; border:1px solid #cadaec; box-shadow:0 0 1px #fff; padding:1% 0; text-align:center; color:#fff; width:18%; margin-right:2.444%; line-height:2;
background-image:-moz-linear-gradient(center top , #fff, #e1ecf8);
background-image: -moz-linear-gradient(top, #fff, #e1ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e1ecf8));
background-image: -webkit-linear-gradient(top, #fff, #e1ecf8);
background-image: -o-linear-gradient(top, #fff, #e1ecf8);
background-image: linear-gradient(top, #fff, #e1ecf8);

box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;

}
.foottxt{ float:left; width:100%; font-size:12px; text-align:center; padding-bottom:15%;margin-top:50px}
.footer{float:left;width:100%; max-width:640px;font-size:1em;background:#0667d0; background-size:100%;position:fixed; bottom:0; }
.footer ul{float:left;width:100%;}
.footer ul li{float:left; min-height:35px; width:33%; padding:2% 0 1%; background:url("images/footline.png") no-repeat right center;}
.footer ul li a{float:left;min-height:25px;width:100%; color:#fff;text-align:center; float:left; display:block;}
.footer img{ width:30%; min-width:20px; margin-right:3px; vertical-align:middle}

.proul{width:100%;}
.proul ul{width:96%; padding:4px 2% 0; }
.proul .ui-block-a,.proul .ui-block-b{ width:48%; margin-bottom:13px; float:left; }
.proul li div{ width:100%;float:left;}
.proul li img{width:100%; float:left;border:1px solid #d6dadb;}
.proul li p{width:100%; text-align:center;float:left; margin-top:3px;font:300 16px/42px ;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:2% 0;}
.proul .ui-block-a{ margin-right:3.3%}

.view_menu{ float:left; width:98%; margin-left:2%;}
.view_menu span{ float:left; cursor:pointer;padding:3% 0 1%;width:100%;}
.view_menu img{ vertical-align:middle; width:7%; margin-right:3px; }



.view_menumain { width: 242px; display:none;position:absolute; z-index:10;}
.view_menumain li { width: 242px; border-bottom: 1px  solid #cba849; position: relative; line-height:30px; padding:0; margin:0;}
.view_menumain li a { display: block; height: 30px; line-height: 30px; text-indent: 30px; background: #946902; color:#fff; overflow:hidden; }
.view_menumain li a:hover { display: block; height: 30px; line-height: 30px; text-indent: 30px; background:  #cba849; color:#946902; overflow:hidden; }

.subMenu {width: 200px; height: auto;}
.subMenu li{  height:31px; line-height:31px; background:#fff;}
.subMenu li a,.iMenu li.hover li a,.iMenu li.hover li a:visited{height:31px; line-height:31px; background:url(images/ico007.gif) 34px center no-repeat; color:#666}
.subMenu li a:hover,.iMenu li.hover li a:hover{ background:url(images/ico007.gif) 34px center no-repeat #ebebeb; color:#666}





.view_title{text-align:center; width:100%;  float:left; padding:5px 0;font-size:16px; margin:0% 0; font-weight:normal; color:#333; font-family:微软雅黑;padding-bottom:1%;margin-bottom:1%;}
.line{border-bottom:1px dashed #c6c6c6;width:100%;  float:left; margin:1% 0 10px; height:1px; font-size:0; }
.viewpage{float:left;width:100%;margin-top:34px;}
.viewpage a{float:left;width:98.8%;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:1% 0.6%;margin-bottom:8px; color:#236ba9;
background:#deebfa;border:1px solid #bdd6f3;}

.viewback{ margin:0 auto; width:35.666%; margin-top:30px;}
.viewback a{float:left; padding:1.5% 0; font-size:16px;width:100%; text-align:center; color:#236ba9;
border:1px solid #cadaec;
background-image:-moz-linear-gradient(center top , #fff, #e1ecf8);
background-image: -moz-linear-gradient(top, #fff, #e1ecf8);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e1ecf8));
background-image: -webkit-linear-gradient(top, #fff, #e1ecf8);
background-image: -o-linear-gradient(top, #fff, #e1ecf8);
background-image: linear-gradient(top, #fff, #e1ecf8);}

.pages{width:90%;margin:15px auto; overflow:auto;}
.page_change{ width:44px; text-align:center; line-height:30px; height:30px; display:block;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.left,.right{font-size:16px; color:#fff;text-align:center; width:28px; height:28px; background:#2e6fb6;border-radius:4px;}
.left img,.right img{ width:13px; vertical-align:middle; display:inline}
@media all and (min-width:640px){
.left,.right{font-size:16px; color:#fff;text-align:center; width:38px; height:38px; line-height:38px; background:#2e6fb6;border-radius:4px;}
	.all{
		width:640px;
		margin:0 auto;
	}
}


@media only screen and (max-width:480px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:14px;}
}
@media only screen and (max-width:320px), 
only screen and (min-resolution: 144dpi) {
	body,html{font-size:12px;}
}

@media screen and (max-width:540px){
	body,html{font-size:14.5px;}
}
@media screen and (max-width:480px){
	body,html{font-size:13px;}
}
@media screen and (max-width:420px){
	body,html{font-size:11.5px;}
}
@media screen and (max-width:360px){
	body,html{font-size:10px;}
}
@media screen and (max-width:320px) {
	body,html{font-size:9px;}
}

#nav1{
	width: 100%;
	height: 85px;
	background: url(images/nav.jpg);
}

#nav1 li{
	width: 32%;
	float: left;
	text-align: center;
	font-size: 13px;
	line-height: 41px;
}

#nav1 li a{
	color: #fff;
}

#marqueediv1{
	width: 100% !important;
}