/*PUBLIC CSS DOCUMENT*/
body{ margin:0px; padding:0px; font-size:12px; color:#222222; text-align:center; background:url(../images/bg.jpg) left top repeat-x;}
div,ul,li{ margin:0px; padding:0px; list-style:none;}
.m_t_6{ margin-top:6px;}
.m_t_30{ margin-top:30px;}
.t_line{ border-top:1px  #D2D2D2 solid;}
.m_top,.mb_banner,.mbot{ display:none;}
#container{ width:100%; max-width:960px;height:auto;position:relative; margin:0 auto; text-align:left; }
/*page head*/
#pagehead{ width:100%; height:104px; float:left; background:url(../images/top_bg.jpg) left top no-repeat;}
#head_1{ width:58.33%; height:auto; float:left; text-align:center; padding-top:10px;}
#head_1 img{ max-width:100%;}
#head_2{ width:26.45%; height:auto; float:right;}
#head_3{ width:15.22%; height:auto; float:left; text-align:center; padding-top:10px;}
#head_3 img{ max-width:95%;}
#t_nav{ float:left; width:100%; text-align:right; padding-top:12px;}
#t_nav a{ float:right; display:inline; margin-left:10px;}
#tel{ width:100%; height:auto; float:left; text-align:right; margin-top:20px;}
#tel img{ max-width:100%;}
/*menu*/
#pagemenu{ width:100%; height:36px; float:left; background:url(../images/menubg.jpg); font-size:14px; font-weight:bold;}
#pagemenu h3{ font-weight:bold; font-size:14px; margin:0px;}
#pagemenu ul{ width:100%; height:auto; float:left; margin:0px; padding:0px; line-height:36px; color:#ffffff; list-style:none;}
#pagemenu ul li{ background:url(../images/menu_line.jpg) right top no-repeat;}
#pagemenu ul li.li1{ width:14.2857%; height:auto; float:left; text-align:center; letter-spacing:1px;}
#pagemenu ul li.li2{ width:14.2857%; height:auto; float:left; text-align:center; letter-spacing:1px;}
#pagemenu ul li a{ color:#ffffff;}
#pagemenu ul li.li1 a:hover{width:100%; height:36px;color:#fffff; text-decoration:underline; background:#018FFF; float:left;}
#pagemenu ul li.li2 a:hover{width:100%; height:36px;color:#fffff; text-decoration:underline; background:#018FFF; float:left;}
#pagemenu ul li.none{ background:none;}

/*pagemain*/
#i_pagemain{ width:100%; height:auto; float:left; padding-top:10px;}
#i_left{ width:21.875%; height:auto; float:left;}
#i_middle{ width:55.208%; height:auto; float:left; margin-left:0.521%; margin-right:0.521%;}
#i_right{ width:21.875%; height:auto; float:left;}

#class{ width:99.8%; height:auto; float:left; border:1px solid #5A9ED2; background:#FFFFFF; padding-bottom:4px;}
#classt{ width:100%; height:29px; float:left; border-bottom:1px #D2D2D2 solid;}
#classt span{ float:right; height:29px; line-height:29px; padding-right:10px;}
#classt h3{ float:left; font-size:14px; padding:0 15px; display:inline; margin-left:14px; font-weight:bold; height:28px; line-height:28px; background:url(../images/title_bg.jpg) left top repeat-x; border:1px #D2D2D2 solid;border-bottom:none;}

#classd{ width:100%; height:auto; float:left;}
#classd ul{ width:86.538%; height:auto; float:left; margin:0px; padding:5px 6.731% 0 6.731%; list-style:none;}
#classd ul li{ width:100%; height:25px; float:left; margin:1px 0;}
#classd ul li a{ float:left; background:url(../images/menu_bg.jpg) left top no-repeat; width:83.33%; padding-left:16.67%; height:25px; line-height:25px;}

#tels{ width:99.8%; height:auto; float:left; border:1px solid #5A9ED2; margin-top:6px; margin-bottom:6px;}
#tels img{ width:100%; max-width:208px;}
#classb{ width:100%; height:auto; float:left; margin:5px 0; font-size:12px;}
#classb ul{ width:96%; height:auto; float:left; margin:0px; padding:0px; line-height:200%; list-style:none; padding-left:2%; padding-right:2%;}
#classb ul li{ width:100%; height:auto; float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

#intro{ float:left; width:99.8%; border:1px solid #5A9ED2; background:#FFFFFF; padding-bottom:7px; overflow:hidden;}
#int{width:98.1%; height:140px; float:left; padding:8px 0.95% 0 0.95%;}
#j1{ width:31.853%; height:140px; float:left;}
#j1 img{max-width:155px; height:130px; width:100%;}
#j2{ width:66.147%; height:auto; float:left; line-height:200%; padding-left:2%;}
#j2 p{ float:left; margin:0px; padding:0px; text-indent:2em;}

#pro{ width:98.1%; height:293px; float:left; padding:0.95%; padding-top:10px;}
#pro ul{ width:100%; height:auto; float:left; margin:0px; padding:0px; list-style:none;}
#pro ul li{width:33%; height:auto; float:left; text-align:center; margin-top:6px;}
#pro ul li img{ float:left; width:158px; height:114px; margin-bottom:6px;}

#n_list{ width:100%; height:auto; float:left; margin-top:5px; font-size:12px;}
#n_list ul{ width:96%; height:auto; float:left; margin:0px; padding:0px; list-style:none; line-height:200%;padding-left:2%; padding-right:2%;}
#n_list ul li{width:100%; height:auto; float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.i_lxwm{ float:left; height:237px; width:91.405%; padding:4.2975%; font-size:12px;}
.i_lxwm img{ float:left; max-width:100%;}
.i_lxwm h3{ float:left; width:94.8%; padding:0 2.6%; margin-top:10px; font-size:12px; font-weight:normal; color:#0E72BE;}
.i_lxwm ul{ float:left; width:100%; padding:5px;}
.i_lxwm ul li{ float:left; width:100%; line-height:180%;}

.n_lxwm{ float:left; height:auto; width:97%; padding:1.5%; font-size:12px;}
.n_lxwm img{ float:left; max-width:100%;}
.n_lxwm h3{ float:left; width:96.84%; padding:0 1.58%; margin-top:10px; font-size:12px; font-weight:normal; color:#0E72BE;}
.n_lxwm ul{ float:left; width:96.84%; padding:1.58%;}
.n_lxwm ul li{ float:left; width:100%; line-height:180%;}

.link{ float:left; width:99.8%;border:1px solid #D2D2D2; background:#FFFFFF; margin-top:6px;overflow:hidden;white-space:nowrap;}
.link #classt{ width:100%; height:29px; float:left; border-bottom:1px #D2D2D2 solid;}
.link #classt span{ float:left; height:29px; line-height:29px; padding-left:20px;}
.link #classt h3{ float:left; font-size:14px; padding:0 15px; display:inline; margin-left:14px; font-weight:bold; height:29px; line-height:29px; background:url(../images/title_bg.jpg) left top repeat-x; border:1px #D2D2D2 solid;border-bottom:none; border-top:none;}
.link #classt a{ float:left; margin-top:3px;}
.link ul{ float:left; width:97.912%; padding:5px 1.044%;}
.link ul li{ float:left; display:inline; margin-right:10px; line-height:200%;}

#n_classt{ width:100%; height:29px; float:left; border-bottom:1px #D2D2D2 solid;}
#n_classt span{ float:right; height:29px; line-height:29px; padding-right:10px;}
#n_classt h3{ float:left; font-size:14px; padding:0 15px; display:inline; margin-left:14px; font-weight:bold; height:29px; line-height:29px; background:url(../images/title_bg.jpg) left top repeat-x; border:1px #D2D2D2 solid; border-bottom:none; border-top:none;}

#pagemain{ width:99.8%; height:auto; float:left; margin-top:10px; border:1px #bebebe solid; background:#FFFFFF url(../images/line2.jpg) 200px top repeat-y;}
#left{ width:20.876%; height:auto; float:left; padding-bottom:30px;}
#right{ width:77.353%; height:auto; float:left;border-top:5px solid #e5e5e5; padding:10px 0.8355% 20px 0.8355%;  text-align:left;}
#locality{ width:100%; border-bottom:1px #bebebe dashed; padding-bottom:10px;}

#r1{ width:100%; height:auto; float:left; padding-bottom:15px;}
#r1 #rl{ width:20px; height:auto; float:left; margin-top:10px;}
#r1 #rr{height:auto; float:left; color:#005c9f; font-weight:bold; margin-top:10px;}
#r2{ width:94%; height:auto; float:left; padding-left:3%; padding-right:3%; line-height:180%;}
/*这段代码是修改的代码---------------开始*/
#r2 a:link,#news2 a:link,#faq2 a:link{text-decoration:underline;}
#r2 a:hover,#news2 a:hover,#faq2 a:hover{text-decoration:underline; color:#0066FF;}
/*这段代码是修改的代码---------------结束*/
#r2 table{ max-width:100%;}
#list{ width:100%; height:30px; float:left; background:url(../images/titbg.jpg); margin-top:2px;}
#list .tu{ width:15%; height:auto; float:left; padding-left:5%; padding-top:3px;}
#list .tit{ width:80%; height:auto; float:left;padding-top:5px;}
#menu{ width:100%; height:auto; float:left; padding-top:10px; padding-bottom:10px;}
#menu ul{ width:90%; height:auto; float:left; margin:0px; padding:5px 5% 0 5%; list-style:none;}
#menu ul li{ width:100%; height:auto; float:left; margin:1px 0;}
#menu ul li a{ float:left; background:url(../images/menu_bg.jpg) left top no-repeat; width:83.33%; padding-left:16.67%; height:25px; line-height:25px;}
#menu ul li.a a{background:url(../images/menu_bg_.jpg) left top no-repeat; font-weight:bold;}
#menu ul li.a ul{ width:95%; height:auto; float:left; margin:0px; padding:0 0 5px 5%; list-style:none;}
#menu ul li.a ul li{idth:100%; height:auto; float:left; margin:1px 0;}
#menu ul li.a ul li a{float:left; background:url(../images/menu_bg_s.jpg) left top no-repeat; width:90.625%; padding-left:9.375%; height:25px; line-height:25px; font-weight:normal;}


td{ padding-left:5px; line-height:25px;}
/*banner*/
#banner{ width:98.8%; border:1px #9CC0F2 solid; padding:4px; height:230px; float:left; margin-top:10px; background:#FFFFFF;}
.fullSlide {width:100%;position:relative;height:230px;z-index:5;}
.fullSlide .bd {margin:0 auto;position:relative;overflow:hidden;}
.fullSlide .bd ul {width:100% !important; list-style:none; margin:0px;}
.fullSlide .bd li {width:100% !important;	height:230px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:230px;}
.fullSlide .hd {width:100%;position:absolute;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:55px;height:10px;margin:1px;overflow:hidden;line-height:999px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.fullSlide .hd ul .on {background:#3399FF;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;	top:50%;margin-top:-30px;left:5%;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:5%;background-position:-6px -137px;}



/*pagebot*/
#pagebot{ width:100%; height:auto; float:left; background:#EFF0F2; margin-top:1px; font-size:12px;}
.pagebot{ margin:0 auto; max-width:960px; background:#EFF0F2; line-height:180%; width:100%;}
.pagebot .s_logo{ float:left; width:100px; text-align:center; padding:20px 40px;}
.pagebot .f_nav{ float:left; width:700px; text-align:left; margin-top:10px;}
.pagebot .copy{ float:left; width:700px; text-align:left;}


#b1{ width:1003px; height:auto; float:left; line-height:30px; text-align:center; border-top:1px solid #e1e1e1; background:#fafafa; margin-bottom:5px;}
#b2{ width:1003px; height:auto; float:left;}
#b3{ width:1003px; height:88px; float:left; background:url(images/botbg.jpg);background-repeat:x-repeat;padding-top:15px; text-align:center;line-height:160%;}

#liu{ width:200px; height:auto; float:left; text-align:center; padding-top:15px;}
.img{ border:1px solid #dbdbdb; padding:3px;}
.proimg{ border:1px solid #dbdbdb; padding:2px; margin-bottom:8px; margin-top:9px;}
.san{ color:#cccccc;}
.red{color:#d6251d;}
.blue{ color:#005c9f;}
h1{ font-size:18px; margin:0px;}
h2{ font-size:16px; margin:0px;}
h3{ font-size:14px; margin:0px;}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color:#666666;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}


#faq{ width:92.1%; height:auto; float:left; text-align:center; padding-left:3.95%; padding-right:3.95%; text-align:left; padding-top:12px;}
#faq ul{ width:100%; height:auto; float:left; margin:0px; padding:0px; line-height:180%; list-style:none;}
#faq ul li{ width:100%; height:auto; float:left;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.prolist{ float:left; width:100%; overflow:hidden;}
.prolist ul li{ float:left; width:30.3333%; text-align:center; padding-bottom:10px; padding-left:1.5%; padding-right:1.5%;}
.prolist ul li img{width:200px; height:155px; padding:9px; border:1px #CCCCCC solid; max-width:95%; margin-bottom:5px;}


.pro_list{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.pro_list ul li{ float:left; width:20%; padding:0 2.5%; text-align:center; padding-bottom:10px;}
.pro_list ul li img{ float:left; width:96%; height:120px; padding:4px; border:1px #CCCCCC solid;}

#pageno{width:100%; height:auto; float:left; line-height:180%; text-align:center; padding-top:10px; border-top:1px dashed #999999; margin-top:10px; padding-bottom:30px;}
/*news*/
#news2{ width:94%; height:auto; float:left; padding-left:3%; padding-right:3%; line-height:180%;}
#news2 ul{ width:100%; height:auto; float:left; margin:0px; padding:0px; padding-bottom:8px; list-style:none; line-height:180%;}
#news2 ul li{ width:100%; height:auto; float:left; }
#news2 ul li.li1{ width:71.5%; height:auto; float:left;color:#005c9f;}
#news2 ul li.li2{ width:28.5%; height:auto; float:left; text-align:right;}
#news2 ul li.li1 a{ color:#005c9f;}
#news2 ul li.li1 a:hover{ color:#333333;}
.times{ color:#999999; font-size:12px;}

/*faq*/
#faq2{ width:94%; height:auto; float:left; padding-left:3%; padding-right:3%; line-height:180%;}
#faq2 ul{ width:100%; height:auto; float:left; margin:0px; padding:0px; padding-bottom:8px; list-style:none; line-height:180%;}
#faq2 ul li{ width:100%; height:auto; float:left; }
#faq2 ul li.li1{ width:100%; height:auto; float:left; padding-bottom:5px; font-size:13px; color:#1361ac;}
#faq2 ul li.li1 a{ color:#1361ac; text-decoration:underline;}
#faq2 ul li.li1 a:hover{ color:#666666;}
#faq2 ul li.li2{ width:100%; height:auto; float:left; padding-bottom:10px;}

/*news_view*/
#news_1{ width:100%; height:auto; float:left; text-align:right; line-height:30px; font-size:12px;}
#news_2{ width:100%; height:auto; float:left; text-align:center; color:#005c9f; padding-top:15px;}
#news_3{ width:100%; height:auto; float:left; line-height:180%; padding-top:10px; padding-bottom:10px; font-size:14px;}
#news_4{ width:100%; height:auto; float:left; text-align:right; font-size:14px;}
#news_5{ width:100%; height:auto; float:left; font-size:16px; padding-top:20px; border-bottom:1px dashed #ccc; padding-bottom:5px; font-weight:bold; color:#005c9f}
#news_6{ width:100%; height:auto; float:left; padding-top:10px; }
#news_6 ul{ width:100%; height:auto; float:left; line-height:180%; list-style:none; padding:0px; margin:0px;}
#news_6 ul li{ width:100%; height:auto; float:left;}
#news7{ width:100%; height:auto; float:left; padding-top:8px; padding-bottom:10px; line-height:180%;}

/*case*/
#case{ width:94%; height:auto; float:left; padding-left:3%; padding-right:3%; line-height:180%;}
#case ul{ width:100%; height:auto; float:left; margin:0px; padding:0px; list-style:none; line-height:180%; margin-bottom:5px; background:#fafafa;}
#case ul li.li1{ width:34.6%; height:auto; float:left; text-align:center;}
#case ul li.li1 img{ width:200px; max-width:95%;}
#case ul li.li2{ width:65.4%; height:auto; float:left;}
/*case_view*/
#case_view{ width:94%; height:auto; float:left; padding-left:3%; padding-right:3%; line-height:180%;}
#case_view ul{ width:100%px; height:auto; float:left; margin:0px; padding:0px; list-style:none; line-height:180%; margin-bottom:5px;}
#case_view ul li.li1{ width:34.62%; height:auto; float:left; text-align:center;}
#case_view ul li.li2{ width:65.38%; height:auto; float:left;}

#r2_3{width:100%; height:auto; float:left;padding-top:20px; border-bottom:1px solid #005c9f;}
#r2_3_1{ width:120px; height:auto; float:left; line-height:20px; background:#005c9f; text-align:center; color:#ffffff; font-weight:bold; letter-spacing:1px;}

/*photo*/
#r2_1{ width:100%; height:auto; float:left; text-align:center; border-bottom:1px solid #cccccc; padding-top:5px; line-height:200%; padding-bottom:10px;}
#r2_2{ width:100%; height:auto; float:left;padding-top:10px; }
#r2_1 h1{ font-size:16px; color:#005c9f;}
#r2_2 #img{ width:100%; height:auto; float:left; text-align:center;}
#r2_2 #img img{ max-width:90%;}
#r2_4{ width:97%; height:auto; float:left; line-height:180%; padding-top:15px; padding-left:1.5%; padding-right:1.5%;}
#r2_4 img{ max-width:100%;}
/*pro_show*/
#r2_5{ width:100%; float:left;}
#r2_5 div{ width:17%; float:left; padding:1.5%; text-align:center;}
#r2_5 div img{ width:95%; border:1px #CCCCCC solid; padding:2%;}
#r2_2 #img1{ width:41.5%; height:auto; float:left; text-align:center;}
#r2_2 #img1 img{ max-width:90%;}
#detail{ width:58.5%; height:auto; float:left; line-height:180%;}
@media(max-width:800px){
body{ margin:0px; padding:0px; font-size:14px; color:#222222; text-align:center; background:url(../images/bg.jpg) left top repeat-x;}
#head_1 img{ padding-top:10px;}
#container{  padding-left:1%; padding-right:1%; width:98%;}
#pagemain{background:#FFFFFF url(../images/line2.jpg) 155px top repeat-y;}
#class{padding-bottom:10px;}
#int{height:192px;}
#j2{ width:63.147%;padding-left:5%; padding-bottom:20px;}
#pro ul li img{ width:100%; height:114px;}
#intro{ padding-top:15px; padding-bottom:15px;}
.pagebot .f_nav{ width:550px;}
.pagebot .copy{ width:550px;}
.i_lxwm{ height:auto;}

.prolist ul li img{width:200px; height:125px; padding:9px; border:1px #CCCCCC solid; max-width:95%; margin-bottom:5px;}
.pro_list ul li img{ float:left; width:96%; height:100px; padding:4px; border:1px #CCCCCC solid;}
}
@media(max-width:480px){
body{font-size:14px;background:#B3D3EA;}
#pagehead,#pagemenu,#banner,#tels,.link,.pagebot .s_logo,.n_lxwm,.t_line,#faq{ display:none;}
.m_top,.mb_banner{ display:block;}
.m_top{width:100%; height:auto;float:left; padding-top:10px; padding-bottom:10px; background:#fff;}
.m_top_l{ float:left; padding-top:10px;}
.m_top_l img{ max-width:90%;}
.m_top_r{ float:right;}
#navbar {
  max-width: 1000px;
  margin: 0 auto;
  padding-top:25px;
  padding-right:20px;
}

.menubtn {
  position: relative; 
  z-index: 101;
  color: #274a61;
  text-decoration: none;
  font-size: 0em;
  line-height: 0em;
  padding: 30px;
  padding-top:20px; padding-bottom:20px;
  background-image: url('../img/hamburger.png');
  background-position: 100% 100%;
  background-size: 52px 31px;
  background-repeat: no-repeat;
}
.menubtn:hover, .openmenu .menubtn {
  color: #bdd43e;
  background-image: url('../img/hamburger-active.png');
}

/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;
}

.overlay {
  position: fixed;
  z-index: 99;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  left: 0;
}

.openmenu .overlay {
  top: 0;
}

#hamburgermenu {
  height: 100%;
  width: 0;
  background: #e5e5e5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  overflow: hidden;
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);
}
#hamburgermenu ul {
  margin-top: 45px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden;
}
#hamburgermenu ul li {
  display: block;
  text-align:center;
}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 8px 8px;
  text-decoration: none;
  border-bottom:1px dotted #fff;
}
#hamburgermenu li a:hover {
  color: #fff;
  background: #ccc;
}
.mb_banner img{ width:100%;}
#i_left{ width:100%;}
#i_middle{ width:100%;margin-left:0%; margin-right:0%;}
#i_right{ width:100%;}

#classd ul li{ width:48%; height:25px; float:left; margin:1px 0; padding-left:1%; padding-right:1%;}
#classb ul li{ width:46%; height:auto; float:left; padding-left:4%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#int{ height:auto; padding-left:2%; padding-right:2%; width:96%;}
#j1{ width:100%; text-align:center;}
#j2{ width:100%; height:auto; float:left; line-height:200%; padding-left:0%;}
#pro{ width:98.1%; height:auto; float:left; padding:0.95%; padding-top:10px;}
#pro ul li{width:50%; height:auto; float:left; text-align:center; margin-top:6px;}
#pro ul li img{ float:left; width:95%; height:144px; margin-bottom:6px;}

#n_list ul li{width:95%; height:auto; float:left; padding-left:5%;}
#pagemain{background:#fff;}

#left{ width:100%;}
#right{ width:100%;padding:0%; padding-top:10px;}
#menu ul li{ width:48%; padding-left:1%; padding-right:1%;}
.prolist ul li{ float:left; width:46%; text-align:center; padding-bottom:10px; padding-left:2%; padding-right:2%;}
.prolist ul li img{width:95%; height:155px; padding:9px; border:1px #CCCCCC solid; max-width:95%; margin-bottom:5px;}
#locality{ width:97%; padding-left:3%;}

#r2_2 #img1{ width:100%;}
#detail{ width:100%; padding-top:20px;}

#r2_5 div{ width:30.3333%;padding:1.5%;}
#r2_5 div img{ height:90px}
#case ul li.li1{ width:100%; height:auto; float:left; text-align:center;}
#case ul li.li1 img{ width:98%; max-width:98%;}
#case ul li.li2{ width:100%; height:auto; float:left;}

.pro_list ul li{ width:45%; padding:0 2.5%;}
.pro_list ul li img{ height:120px;}
.pagebot .f_nav{ width:90%;padding-left:5%; padding-right:5%;}
.pagebot .copy{ width:90%;padding-left:5%; padding-right:5%; padding-bottom:50px;}
.mbot{ display:block;}
.mbot{position:fixed;bottom:0;width:100%;height:40px;line-height:40px;z-index:9999;_bottom:auto;_width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); background:#999}
.mbot div{ width:24.7%; float:left; text-align:center; color:#fff; padding-bottom:6px; border-right:1px solid #fff;}
.mbot div.oranges{ background:#3399FF;}
.mbot div.no_line{border-right:1px solid #1064B2;}
.mbot div a{ color:#fff;}
#classb,#n_list,.i_lxwm{ font-size:14px;}
}