﻿@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr,table{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	word-break: break-all; word-wrap: break-word;
}
ul,li{
	list-style:none;
}
img{border:none}
body {
	font-size:14px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif,'宋体';
	color:#545454;
	background:url(images/page/top_line_bg.gif) repeat-x center top;
		/*background-color:#000;
	background-image: url(images/index-bg.png);
	background-repeat: repeat;
	*/
	
}


a:link {
	color:#545454;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #3b3189;
}
a:hover {
	text-decoration: underline;
	color: #3983cc;
}
a:active {
	text-decoration: none;
	color: #fff;
}


/*导航*/
#top_block{ position:relative; width:100%; height:178px; margin-top:10px; background:url(images/page/top_pg.jpg) repeat-x center -10px; z-index:199;}

.nav{width:1130px; height:178px; margin-top:3px; position:relative; z-index:199;}

.logoBox{
	width:229px;
	height:82px;
	left:-20px;
	top:4px;
	background-image: url(images/logo1.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.topNav{width:466px; right:0; top:4px; height:18px; font-size:12px; text-align:right}
.langBox{width:370px; right:0; bottom:2px; height:52px; font-size:12px; text-align:right; background:url(images/phone.jpg) no-repeat left center;}
#top_block .lang_01{/*font-family:'宋体';*/ font-size:13px; font-weight:lighter; color:#000;}
#top_block .lang_02{font-size:13px;font-weight:lighter; color:#fff;}

#phoneBig .pBig{ font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:lighter; color:#FFFF00}

.top_promiss{ width:425px; height:30px; position:absolute; bottom:4px; left:160px;}
.yelloLine{
	width:100%;
	height:12px;
	margin-top:10px;
	background: url(images/index-yello-line.png) repeat-x left 8px;
    _background: url(images/index-yello-line.png) repeat-x left 13px;
	/*background-repeat: repeat-x;
	background-position: left top;*/
}


/*首页下拉导航*/
.indexNavBox{ width:960px; height:74px; z-index:66; position:relative; float:right; margin-top:104px; background:url(images/page/page_nav.png) no-repeat -2px bottom;_background:url(images/page/page_nav_ie6.gif) no-repeat -2px bottom;}
.indexNavIn{width:100%; height:100%;}
.iNavBg{width:100%;height:100%;left:0; top:0; filter: Alpha(Opacity=60);Opacity:0.6; background-color:#000;}
.iNavCont{width:100%; height:100%;left:0;top:0;z-index:199;}
.iNavCont li{ width:130px; float:left; height:72px; font-weight:bold; position:relative;}

/*头总导航*/
#nav-box{width:100%;  height:104px; background:url(images/gp_top.gif) repeat-x left top;}
#nav-box .nav-2 { height:100%; width:1000px; position:relative;z-index:67;}
#nav-box .nav-2 .logoBox{ position:absolute; left:0; top:5px; width:200px; height:88px;}
#nav-box .nav-2 .navBar{ position:absolute; left:209px; bottom:11px; width:785px; height:51px; background:url(images/gp_navbg.gif) repeat-x left top; }
#nav-box .nav-left, #nav-box .nav-right{ width:14px; height:100%; position:absolute; top:0;}
#nav-box .nav-right{ left:-4px; background:url(images/gp_navbglr.gif) no-repeat left top;}
#nav-box .nav-left{ right:-4px; background:url(images/gp_navbglr.gif) no-repeat right bottom;}


#top_block #nav_sel{ color:#FFFF00}
/*--移值过来--*/
#nav-box .sMenu{
	position:absolute;
	min-width:180px;
	min-height:160px;
	_width:180px;
	_height:160px;
	padding:20px;
	top:49px;
	left:3px;
	border:1px solid #afafaf;
	z-index:67;
	box-shadow: #545454 0px 3px 6px;
	display:none;
	background-color: #fff;
	background-image: url(images/gp_s-menu-bg2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#nav-box .hid{ display:none;}



#nav-box li .ss_mm{ font-size:13px; text-align:left; font-family:"微软雅黑"; float: left;width:120px; padding-bottom:10px; padding-left:15px; padding-right:15px;  padding-top:8px;}
#nav-box li .ss_mm dt{ font-size:13px;}
#nav-box li .ss_mm dd{ text-indent:10px; line-height:1.8em; font-size:12px;}
#nav-box .ss_mm dd a:hover{ color:#cc0000;}

#nav-box .setting{width:310px;}
#nav-box .product{width:460px;}
#nav-box .product dt{ text-align:center; font-size:12px;}

#nav-box .product dt img{ max-width:120px; max-height:70px;
width:expression(this.width >120 && this.height < this.width ? 120: true);
height:expression(this.height > 70 && this.width / 120 < this.height / 70 ? 70 : true);
}


#nav-box .rLine{ border-right:1px dotted #e0e0e0;}
#nav-box .bLine{ border-bottom:1px dotted #e0e0e0;}

/*菜单*/
#menu_bar .mmb{ width:112px; float:left; height:51px; background:url(images/gp_navLine.gif) no-repeat right 12px; position:relative;z-index:65;}
#menu_bar .mmb .mm, #menu_bar .mmb .mm0{ display:block; width:100%; height:36px; padding-top:15px;  font-size:15px; font-family:'黑体' ; }
#menu_bar .mmb .mmbg{background:url(images/gp_arr.png) no-repeat center 38px;_background:url(images/gp_arr1.png) no-repeat center 38px; position:relative; z-index:99;}

#menu_bar .mmb .mm:hover ,#menu_bar .mmb .mm0:hover{ text-decoration:none; color:#333}




#indexNavBox li .nav_a{display:block; color:#fff; padding-top:12px; height:29px; width:112px;  position:absolute; left:13px;top:20px; z-index:10; font-size:14px;}
#indexNavBox li .nav_a1{left:10px; top:17px;}
#indexNavBox li .nav_a2{left:10px; top:17px;}
#indexNavBox li .nav_a3{left:12px; top:17px;}
#indexNavBox li .nav_a4{left:12px; top:17px;}
#indexNavBox li .nav_a5{left:16px; top:17px;}
#indexNavBox li .nav_a6{left:16px; top:17px;}
#indexNavBox li .nav_a7{left:18px; top:17px;}
#indexNavBox li .nav_a font{font-size:12px;font-family:Arial, Helvetica, sans-serif}



#indexNavBox li .nav_a:hover{ color:#FFFF00; text-decoration:none;}


#indexNavBox li .nav_s{height:26px; padding-top:8px; color:#fff; margin-top:1px; display:block; font-weight:lighter}
#indexNavBox li .nav_s:hover{color:#FFFF00; text-decoration:none}

.nav_sb{position:absolute; width:140px; left:46px; top:64px; min-height:34px;_height:34px; background:#333;filter:alpha(opacity=98);opacity:0.98; display:none}

.nav_li01 .nav_sb{left:5px; width:127px; top:71px; background:#ff6d09;}
#indexNavBox .nav_li01 .nav_s:hover{ background:#ff8323;}
.nav_li02 .nav_sb{left:2px; width:132px; top:64px; background:#d0bf00;}
#indexNavBox .nav_li02 .nav_s:hover{ background:#bfb11f;}
.nav_li03 .nav_sb{left:7px; width:129px; top:66px; background:#8cb203;}
#indexNavBox .nav_li03 .nav_s:hover{ background:#83a603;}
.nav_li04 .nav_sb{left:7px; width:131px; top:66px; background:#0c8ca5;}
#indexNavBox .nav_li04 .nav_s:hover{ background:#088199;}
.nav_li05 .nav_sb{left:8px; width:131px; top:64px; background:#2f6aa4;}
#indexNavBox .nav_li05 .nav_s:hover{ background:#266198;}
.nav_li06 .nav_sb{left:9px; width:130px; top:63px; background:#60319b;}
#indexNavBox .nav_li06 .nav_s:hover{ background:#4b1a88;}



.logo_img{ width:166px; position:absolute; height:174px; left:0; top:4px;}
.logo_img a{ display:block; width:100%; height:100%; /*ie6*/_background:url(images/page/logo_ie6.gif) no-repeat left 3px;}
.logo_img a img{ padding-top:6px;_display:none}


.logo_txt{ width:396px; height:44px; position:absolute; left:150px; top:40px; background:url(images/page/logo_txt.png) no-repeat left center;_background:url(images/page/logo_txt_ie6.gif) no-repeat left center;}

.lang_block, .lang_block_01{ width:436px; height:25px; position:absolute; right:1px; top:2px; text-align:right; font-family:'微软雅黑'; color:#000; font-size:17px; font-weight:bold; z-index:10;}
.lang_block_01{ z-index:8; top:3px; right:0; color:#fff;}
.code_block{ width:204px; height:40px; position:absolute; right:0px; top:42px; background:url(images/page/page_common.png) no-repeat 0 bottom}
.search_block{ width:100px; height:30px; position:absolute; right:290px; top:45px;}
/*幻灯*/
#slide_block{ width:100%; height:350px; position:relative;}

/*-幻灯片-*/
.slideBox{ height:350px; width:100%;position:relative; background:#a8a8a8; z-index:19}

/*幻灯片*/
.slideBox .imgInBox{ width:100%; height:350px; position:absolute; top:0px; left:0; overflow:hidden; z-index:0;}
.imgInBox li{ width:100%; height:350px; overflow:hidden; position:absolute; left:0; top:0;}
.imgInBox li img{ width:100%; height:350px; display:none;}
.imgButBox{width:100%; height:42px; position:absolute; left:0px; bottom:0px;   z-index:120;}
.butBox{width:128px;height:21px; position:relative;  margin-top:16px; text-align:center; z-index:64;}
.butBox span{background:url(images/page/index_pic_dot.png) no-repeat -30px center; cursor:pointer; font-size:0px; _margin:0; padding:0;}
.butBox .selBut{background:url(images/page/index_pic_dot.png) no-repeat left center;}
.imgButBg{width:100%; height:32px; left:0; bottom:0; background:#333; border-top:1px solid #000; position:absolute; z-index:6;filter: Alpha(Opacity=40);Opacity:0.4;}
.imgButTxt{width:100%; height:24px;padding-top:6px; text-align:left; text-indent:18px; left:0; bottom:0; position:absolute; z-index:8; color:#d9d9d9;}





/*pro*/
.main_box_out{ width:100%; height:auto; background:url(images/page/innerBg2.png) repeat-y center 0px;}
.main_box_inner{ width:100%; height:auto; background:url(images/page/innerBg1.gif) no-repeat center 0px;}
#main_box{ width:1000px; min-height:600px;_height:600px; position:relative; background:url(images/shadow-top.png) no-repeat center top; padding-bottom:40px;_background:none}
.pro_clsName{ width:1016px; height:80px; position:relative; padding-top:48px;}
.pro_cls_left{ width:230px; height:80px; position:relative; margin-top:32px;background:url(images/page/blue_but_01.gif) no-repeat -4px top;}
#main_box .pro_cls_left a{ color:#fff;}
#main_box .pro_cls_left a:hover{ color:#FFFF00;}

.pro_cls_right{ width:750px; height:80px; position:relative; margin-top:48px; background:url(images/page/index_inner_nav.gif) no-repeat -8px -8px ;}

.bottomBg{ width:100%; height:160px; background:url(images/page/innerBg2.gif) no-repeat center bottom; margin-bottom:30px;}


.cls_contact_left{ background-image:url(images/page/blue_but_5.gif)}
.cls_rec_pro_left{ background-image:url(images/page/blue_but_1.gif)}

/*标题 公共*/
.index_clsName_big{ display:block; width:200px; height:24px; padding-top:12px; color:#fff; text-align:left; padding-left:40px;font-size:20px;}
.index_clsName_small{ display:block; width:100px; height:20px; padding-top:0px; color:#fff; text-align:right; font-size:14px;}

.index_clsName_big:hover, .index_clsName_small:hover{ text-decoration:none; color:#fcff04}

.pcr_list{ float:left; width:230px; height:55px; margin-top:16px; position:relative; }
#main_box .pcr_list a{ display:block; width:100%; height:45px; padding-top:8px; color:#3983cc; font-size:20px; font-weight:bold; position:absolute; left:20px; top:0px; z-index:2; text-align:left;}
.pcr_list span{ display:block; width:100%; height:35px; position:absolute; left:0; top:0; z-index:1;  background:url(images/page/orige_min.png) no-repeat center center; opacity:0; filter:Alpha(opacity=0);}

#main_box .pcr_list a:hover{ text-decoration:none;}

.pcr_more{ position:absolute; width:74px; height:35px; right:0; top:13px; background:url(images/page/blue_more.gif) no-repeat center center;}
#main_box .pcr_more a{ display:block; width:100%; height:26px; padding-top:9px; color:#fff; text-align:center; font-size:13px; background:url(images/page/more_plus.gif) no-repeat 50px 12px;} 
#main_box .pcr_more a:hover{ background:url(images/page/more_plus.gif) no-repeat 50px -44px; text-decoration:none; color:#fcff04;} 


.pro_index_list{ width:1000px; height:610px; position:relative; overflow:hidden; }

.pp_list{ width:1000px; height:610px; float:left; overflow:hidden}

.pp_list li{width:326px; height:280px; float:left; background:url(images/page/product_bg1.gif) no-repeat center center; margin-right:8px; margin-bottom:18px; margin-top:8px; position:relative;}
.pp_list li .picBg2{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:url(images/page/product_bg.gif) no-repeat center center; }
.pp_list li .picBlk{ position:absolute; width:302px; height:195px; left:12px; top:9px; z-index:2;}
.pp_list li .picBlk img{ max-width:300px; max-height:194px; margin-top:12px;}


.pp_list li .picTitBlk{ position:absolute; width:302px; height:46px; left:12px; bottom:16px; z-index:2; }
.pp_list li .picTitBlk a{ color:#2173c3; display:block; height:26px; padding-top:10px;}

.pro_butBox{ width:1000px; height:66px; position:relative;}
.pbt_a{ position:absolute; width:118px; height:25px; padding-top:7px; right:120px; top:2px; background:url(images/page/orage_min.gif) no-repeat center center; font-size:13px; line-height:normal}
.pbt_a2{ right:0;}
.pbt_a:hover{ color:#FFFF00}

.pbt_box{ position:relative; width:180px;}
.pbt_box span{background:url(images/page/index_pro_dot.gif) no-repeat -30px center; cursor:pointer; font-size:0px; _margin:0; padding:0;}
.pbt_box .selProBut{background:url(images/page/index_pic_dot.png) no-repeat left center;}
/*-----------------移值 ----------------------------*/
/*内容*/
#content-box{ width:100%; min-height:518px;  padding-bottom:20px; background:url(images/index_08.jpg) repeat left top #f5f5f5;}


#content-box .main_box{ width:1000px; min-height:420px; _height:420px; padding-top:6px; padding-bottom:20px;}
#site{ height:40px; text-align:right; padding-top:10px; font-size:12px;color:#C35202; border-bottom:1px solid rgb(95,18,2);}
#site a{ color:#C35202;}
#site strong{ padding-left:16px; float:left; color:#333; font-size:14px; font-family:'微软雅黑'}


.left_menu{ width:230px;_width:228px; min-height:200px;_height:200px; float:left; position:relative; padding-top:16px; }



.menu_b01{width:230px; min-height:140px;_height:140px;}

.left_menu .banner{ margin:10px 0px 0px 0px;text-align:center; display:none}

.menu_name{ padding-top:17px;text-align:left;  height:40px; line-height:33px; color:#fff/*rgb(254,250,201)*/; font-size:18px; font-weight:lighter; background:url(images/menu_bg.png) no-repeat 0px -30px;text-align:center; width:200px; font-family:'微软雅黑'}

.menu_list{ width:230px; min-height:120px; _height:120px;padding-bottom:10px; padding-top:5px; clear:both; margin-top:0px; }
.menu_pg_but{width:182px; height:14px;  margin-left:1px; display:none}

.precom{ display:none}

.menu_list ul{padding-top:10px;}
.menu_list li{ width:210px; min-height:28px;_height:28px;text-align:left;  font-size:14px; position:relative; font-family:"微软雅黑"}
#main_box .menu_list .fcat, #main_box .menu_list .fcat1, #main_box .menu_list .fcat2, #main_box .menu_list .fcat3, #main_box .menu_list .fcat4, #main_box .menu_list .fcat5{ display:block; cursor:pointer; margin:0px auto; width:185px; padding-left:25px;  height:24px;padding-top:4px; line-height:1.5em ; color:#3983cc; background:url(images/page/left_dot.gif) no-repeat 6px 8px;}



.menu_list p .sel_sun{ font-weight:bold; color:#cc0000;}

#main_box .menu_list .fcat:hover, #main_box .menu_list .selLink{ text-decoration:none; color:#ff870c; background:url(images/page/left_dot.gif) no-repeat 6px -21px;}
#main_box .menu_list p .selLink{ background:none;}

.menu_list p{ height:20px; padding-top:6px; border-bottom:1px solid #d0d0d0; text-align:left; text-indent:12px; width:158px;margin-left:14px; font-size:12px; display:none; background:url(images/li04.jpg) no-repeat 4px center;}
.menu_list #selMenu p{ display:block;}
.menu_list p a{ display:block; width:140px; height:20px;}

.right_top{ width:204px; margin-top:10px;height:223px; float:right; position:relative;}

.right_main{ width:770px;_width:760px; min-height:420px;_height:420px; float:right; position:relative;}

.now_here{ height:20px; padding-top:8px; margin-top:6px; border-bottom:1px solid #d0d9e2; text-align:left; text-indent:18px; color:#8a8a8a; font-size:12px; background:url(images/arr-left.png) no-repeat 3px 12px;}

.title_desc{ width:100%; min-height:32px;_height:32px; margin-top:6px;}
.now_title{ float:right;margin-right:10px; border-right:8px solid #8a8a8a; border-bottom:1px solid #8a8a8a; padding-left:40px; padding-right:50px; color:#545454; }
.now_desc{ float:left; padding-right:18px; text-align:left; line-height:1.8em; color:#8a8a8a; display:none; }

.content_box{margin-top:20px; text-align:left; line-height:1.9em; /*color:#5f4902;*/ color:#545454; font-variant:normal; letter-spacing:normal; font-size:14px; }
.content_box a:link{ color:#3779cd;}
.content_box .ap_img .goPic{ color:#fff;}



#main_box .nowHere{position:absolute; width:400px; right:80px; top:24px; overflow:hidden; text-align:right; font-size:12px; color:#0ca5c4}
#main_box .nowHere a{ color:#0ca5c4}
#main_box .nowHere a:hover{ color:#337bc5}
/*新闻列表*/
.news_list{ height:auto; margin-top:26px; min-height:380px;}
.news_list li{ padding-bottom:4px; margin-bottom:10px; border-bottom:1px dashed #c8e1fa;min-height:20px;_height:20px; clear:both}
.news_title{ width:100%; min-height:24px; _height:24px; position:relative; clear:both; font-weight:lighter}
.news_title .n_logo{ width:142px; height:107px; font-size:96px; line-height:1.3em; text-align:center; display:block; background:#fff; float:left;}

.news_time{display:block; float:right; width:100px; height:20px; color:#8a8a8a;font-size:14px; font-weight:lighter;}

.news_title .n_logo img{ max-height:105px; max-width:140px;}

.news_title .n_title{ margin-left:14px; no-repeat 2px center; display:block; float:left; font-size:14px;  text-align:left; color:#545454; padding-right:26px; font-weight:100;}
.news_title .n_title a:link{color:#545454;}
.news_title .n_title a:hover{ color:#2779c9;}
.news_title .n_title a:visited{ color:#44419b;}

.news_title .news_date{ width:560px; padding-left:14px; display:block; float:left; margin-top:2px; text-align:left; color:#a8a8a8; font-weight:lighter; font-size:12px; line-height:1.6em; text-indent:18px;}

.news_list .news_desc{ line-height:1.6em; text-align:left; text-indent:20px; color:#545454; padding-top:4px; font-size:12px; font-weight:lighter; display:block; text-align:left;  clear:both;}
/*end*/

/*faq*/
#faq_list_box{ padding-left:40px; padding-right:15px; padding-top:10px;}
#faq_list_box .faq_list{ min-height:40px; _height:40px; margin-bottom:15px; border-bottom:1px dashed #0ca5c4; padding-left:10px;}
#faq_list_box .faq_list h4{ font-weight:lighter;}
#faq_list_box .que{ padding-left:30px; background:url(images/page/que.png) no-repeat left 6px; padding-bottom:10px;}
#faq_list_box .ans{ padding-left:30px;background:url(images/page/ans.png) no-repeat left 6px; color:#3779cd; padding-bottom:10px;}

#faq_list_box .en_que{ padding-left:30px; background:url(images/page/en_que.png) no-repeat left 6px; padding-bottom:10px;}
#faq_list_box .en_ans{ padding-left:30px;background:url(images/page/en_ans.png) no-repeat left 6px; color:#3779cd; padding-bottom:10px;}

/*新闻内容*/
.newsTitle{ text-align:center; border-bottom:1px solid #d0d0d0; margin-bottom:18px; }
.newsTitle h2{ color:#313131; font-size:14px;}
.newsTitle p{ text-indent:340px; font-size:12px; color:#8a8a8a;}

.textBoxTxt { padding-top:8px; padding-bottom:14px; color:#545454/*#81898c;*/; min-height:200px;_height:200px; padding-left:30px; padding-right:30px;}
.textBoxTxt p{margin-top:10px;}
.moreNews{ margin-top:16px; border-top:1px solid #d0d0d0; padding-top:10px; padding-bottom:30px;}
.moreNews h4{ font-size:13px; color:#406379}
.moreNews p{ font-size:13px; padding-left:16px; width:680px; background:url(images/li03.jpg) no-repeat 2px center; text-align:left;}


#moreNews a:link{color:#545454;}
#moreNews a:hover{ color:#2779c9;}
#moreNews a:visited{ color:#44419b;}

/*产品列表*/
.pbigCat{ line-height:1.6em; font-size:14px; padding-bottom:10px; border-bottom:1px solid rgb(95,18,2); margin-bottom:18px;}
.proTexDiv{ text-align:left; min-height:200px; _height:200px;}
/*#proList li{ width:300px; height:244px; float:left;margin-left:30px;_margin-left:20px;margin-top:0px; margin-bottom:30px; text-align:center;  position:relative; border:2px solid #db7200; background:url(images/bb_bg1.jpg) repeat-x left 4px #e5e1d6;}
#proList li .imgDiv{ vertical-align:middle; text-align:center;padding-top:6px; width:300px; overflow:hidden; height:200px; }
#proList li .imgDiv a{ font-size:200px;display:block; overflow:hidden;text-align:center;width:300px;overflow:hidden; height:194px;    padding-top:2px;*height:196px;*padding-top:0px;}
#proList li:hover{border:2px solid #722801; }

#proList li a{ color:#000; text-decoration:none; font-size:14px}
#proList li a:hover{ color:#C35202; text-decoration:underline }
#proList li .pName{ width:100%; height:100%; height:26px; padding-top:0px;}
#proList li .pName{ text-decoration:none; text-align:left; text-indent:10px; font-weight:bold; font-size:12px;}
#proList li table{ width:100%;}
#proList li .proImg{ width:190px; height:190px; vertical-align:middle; text-align:center; }
#proList li .imgDiv img{max-width:328px; max-height:192px; 
    width: expression(this.width > 328 && this.width / 328 >= this.height / 192 ? 328 : true);
    height: expression(this.height >192 && this.width / 328 < this.height / 192 ? 192 : true);
}

#proList li .proTex{ width:156px; height:190px; text-align:center;}

*/

/*----------------------------------------*/
#proList li{width:250px; height:275px; float:left; background:url(images/page/innerProBg1.gif) no-repeat center center; margin-right:10px;_margin-right:5px; margin-bottom:18px; margin-top:8px; position:relative; overflow:hidden}
#proList li .picBg2{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; background:url(images/page/innerProBg.jpg) no-repeat center center; text-align:center;}
#proList li .picBlk{ position:absolute; width:250px; height:190px; left:0px; top:5px; z-index:2;}
#proList li .picBlk table{ width:250px; height:190px; text-align:center; border:0; padding:0; margin:0; }
#proList li .picBlk img{  max-width:234px;max-height:182px;
_width: expression(this.width > 234 && this.width / 234 >= this.height / 182 ? 234 : true);
_height: expression(this.height >182 && this.width / 234 < this.height / 182 ? 182 : true);
}


#proList li .picTitBlk{ position:absolute; width:220px; height:46px; left:15px; bottom:16px; z-index:2; font-size:14px; text-align:center}
#proList li .picTitBlk a{ color:#1464b4; display:block; height:26px; padding-top:10px;}




/*产品首页*/
.cat_desc{ width:100%; clear:both;}

.sCat{padding-top:10px;}
.sCat_title{}
.sCat_desc{font-size:12px; text-indent:18px; line-height:1.4em; color:#8a8a8a}

#pro_list li{height:120px; position:relative; width:96%; margin-top:14px; border-bottom:1px solid #a0a0a0; margin-left:2%; box-shadow: 1px 1px 3px #a8a8a8;}
#pro_list li:hover{ background:#fafafa; box-shadow: 2px 2px 5px #a8a8a8;}
#pro_list .list_img{position:absolute; left:4px; top:10px; width:80px; height:70px; border:1px solid #a0a0a0; text-align:center; vertical-align:middle; padding-top:10px; background:#fff; box-shadow: 1px 1px 3px #a8a8a8;}
#pro_list .list_img:hover{border:1px solid rgb(98,108,35);}
#pro_list .list_img img{max-width:60px; max-height:60px;
width:expression(this.width >60 && this.height < this.width ? 60: true);
height:expression(this.height > 60 && this.width / 60 < this.height / 60 ? 60 : true); }


#pro_list .list_title{width:580px; height:40px; position:absolute; left:110px; top:6px; font-weight:bold; font-size:13px;}
#pro_list .list_title a:hover{ color:#006699}
#pro_list .list_desc{width:580px; height:80px; position:absolute; left:110px; bottom:0; font-size:12px; color:#545454/*#8a8a8a;*/; line-height:1.5em; overflow:hidden;}

/*-------图片展示---------*/


.ap_img{
float:left;
width:214px; margin-left:16px; border:2px solid #ddedfd;
_margin-left:12px;
margin-bottom:28px;
margin-top:6px; padding-top:4px;
text-align:center;
cursor:pointer; overflow:hidden; height:190px; position:relative;
/*background:url(images/bb_bg21.jpg) repeat-x left 4px #e5e1d6;*/
}
.ap_img table{ height:140px; overflow:hidden;}
.ap_img td{
height:136px; overflow:hidden
}

.ap_img img { vertical-align: middle; max-width:196px; max-height:146px; /*border:2px solid #db7200;*/
 }


.ap_img img{
    width: expression(this.width >196 && this.height < this.width ? 196: true);
	 height: expression(this.height > 136 && this.width / 196 < this.height / 136 ? 136 : true);padding:2px;
     
}

.ap_img p{
text-align:center;
width:200px;
line-height:20px;
overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap;
}

.ap_img .goPic{ position:absolute; width:20px; height:18px; padding-left:4px; text-decoration:none; padding-top:2px; color:#fff; background:#0ca5c4; bottom:0; right:0; text-align:left; font-size:12px; line-height:1.4em;}

#pic_div img{ max-height:300px; max-width:540px; width: expression(this.width >540 && this.height < this.width ? 540: true);
	 height: expression(this.height > 300 && this.width / 540 < this.height / 300 ? 200 : true); padding:1px; border:2px solid #ddedfd;}

/*分页导航*/
.pages{
clear:both; font-size:12px; /*font-family:"宋体";*/
padding-top:3px;
	text-align:right;
	padding-bottom:3px;
	padding-right:10px;
	height:22px;
	line-height:22px;
}
.pages a:link{
	display:inline;
	border:1px solid #d0d0d0;
	color:#545454;/*font-family:"宋体";*/
	background:#eee;
	padding:3px 6px;
	margin:0px 3px;
}
.pages a:visited{
	display:inline;/*font-family:"宋体";*/
	border:1px solid #d0d0d0;
	color:#545454;
	background:#eee;
	padding:3px 6px;
	margin:0px 3px;
}
.pages a:hover{
	display:inline;/*font-family:"宋体";*/
	border:1px solid #0ca5c4;
	color:#fff;
	background:#3983cc;
	padding:3px 6px;
	margin:0px 3px;
}
.pages .click{
	display:inline;/*font-family:"宋体";*/
	border:1px solid #ff8c0b;
	color:#fff;
	background:#ff8c0b;
	padding:3px 6px;
	margin:0px 3px;
}
.pages span{/*font-family:"宋体";*/
	display:inline;
	border:1px solid #0ca5c4;
	color:#fff;
	background:#3983cc;
	padding:3px 6px;
	margin:0px 3px;
	
}
/*结束*/

/*产品查看*/
.proImgView{ width:663px; height:456px; background:url(images/propg.png) no-repeat center center;}


/*------产品展示---------*/
#product_show{
height: auto!important;
height: 400px;
min-height: 400px;
padding:0px 5px;
line-height:200%;
margin-bottom:8px;
}


#p_img{
padding:2px;
height:416px;
}
/*产品展示----以后一段时间将会不变*/
.proName{width:100%;height:32px;  text-align:left; margin-bottom:10px;}
.pN01{width:480px;border-bottom:1px solid #ccc;height:20; padding-top:12px;  margin-left:10px;}
#ShowProImg{
	 width:440px;  border:1px solid #0ca5c4; height:380px; margin-left:10px;*margin-left:0px; float:left;position:relative;
	/*background:url(images/bb_bg21.jpg) repeat-x left 168px #e5e1d6;*/

}
#ScrollProImg{width:220px; float:right; margin-right:10px; min-height:414px;_height:414px; font-size:12px;}

	
#ProImgBox1{height:180px;  width:100%; overflow:hidden; margin-top:5px; padding-top:8px; background-color:#eff6fc; border:1px dotted #d5e8fb;/*visibility:hidden; visibility:visible*/}
#ProImgBox1 ul{height:auto; }
#ProImgBox1 li{ float:left; width:88px; height:60px;  margin-left:5px; margin-right:5px; overflow:hidden;}
#ProImgBox1 li a{ display:block; width:86px; height:48px; border:1px solid #0da3c6; overflow:hidden; }
#ProImgBox1 li img{ width:84px; height:46px; padding-top:1px; padding-left:1px;}
.file_dow{ width:100%; min-height:140px; _height:140px; background:#fafafa;line-height:1.7em;}
.file_dow p{ text-indent:12px; height:20px; padding-top:4px;/* background:#e2ebf2; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;*/}
.file_dow li{padding-left:14px; margin-top:2px;}
.file_dow li a{ color:#004298/*#8a8a8a;*/}

#fanda{
	position:absolute;
	width:440px;
	height:26px;
	z-index:10;
	left: 11px;
	top: 8px;
}



.ProDes{min-height:80px; _height:80px; margin-top:10px; text-align:left;  width:750px; float:left}
#proDes .title{ height:32px; padding-top:8px; margin-bottom:10px;  background-color:#eff6fc; border:1px solid #d5e8fb; font-size:12px; position:relative; }


#proDes .someProBut{height:30px; margin-bottom:10px; position:relative; width:460px; }
#proDes .someProBut .pbt_a{top:-10px; text-align:center; color:#fff;}

#ImgShowBox{
	height:380px;
	width:440px;
	background-image: url(images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center; position:relative; font-size:0;margin:0; padding:0; line-height:normal
}
.fanda{ position:absolute; height:34px;  left:0; bottom:0; text-align:right; margin-right:5%; width:95%;}
#ImgShowBox img{max-width:430px; max-height:370px; 
_width:expression(this.width > 420 && this.width / 420 >= this.height / 370 ? 420 : true);
_height:expression(this.height > 370 && this.width / 420 < this.height / 370 ? 370 : true); margin:0; padding:0;

}
.ProDes .proNote{
	height:26px;
	padding-top:4px;
	padding-left:16px;
	background-image: url(images/line.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	font-weight:bold;
}
.ProDes #proContent{height:auto; padding:6px; text-align:left; padding-left:18px; font-weight:lighter;}

/*#ProImgBox img{max-width:96px; max-height:96px; 
width:expression(this.width > 94 && this.width / 94 >= this.height / 96 ? 94 : true);
height:expression(this.height > 94 && this.width / 94 < this.height / 96 ? 96 : true);
}
*/


/*更多产品*/
.morePro{ margin-top:40px; clear:both; min-height:100px;_height:100px;}
.proMoreTitle{ height:25px; padding-top:4px; font-size:15px;/* background:#5C879E#e9e9e9; box-shadow: 1px 1px 3px #a8a8a8;*/ text-align:left; text-indent:4px; color:#545454; border-bottom:1px solid #d0d0d0; font-size:12px; font-weight:bold; margin-bottom:6px;}

.morePro li{
  width:200px; padding-top:14px; padding-left:8px; padding-right:5px;height:168px; float:left; margin-right:20px; background:#fff; text-align:center; margin-top:10px; overflow:hidden; box-shadow: 1px 1px 3px #a8a8a8; border:1px solid #e0e0e0;
  -moz-border:none;
  -webkit-border:none;
   line-height:1.6em;
  /*-moz-box-shadow: 2px 2px 5px #b0b0b0;
  -webkit-box-shadow: 2px 2px 5px #b0b0b0;*/
}
.morePro li:hover{ box-shadow: 2px 2px 5px #6c6c6c;}
.morePro li a{  color:#545454; font-size:12px; }
.morePro li a:hover{ color:#307ac3}
.morePro li a:visited{ color:#463c98; font-style:italic;}
.morePro li img{max-width:178px; max-height:130px; 
_width:expression(this.width > 178 && this.width / 178 >= this.height / 130 ? 178 : true);
_height:expression(this.height > 130 && this.width / 178 < this.height / 130? 130 : true); margin-bottom:4px;

}

/*--更多新闻--*/
.moreNewsBox{ padding-top:10px; padding-bottom:10px; margin-top:6px; background:#eff6fc; border:1px solid #d5e8fb; min-height:50px;_height:50px;}
.moreNews01{margin-top:40px; clear:both; min-height:100px;_height:100px;}
.moerNews_ul .mnList{ width:700px; height:30px; position:relative; padding-left:10px; background:url(images/page/bit_bg.png) no-repeat 0px 15px;} 
.mnTitle{ position:absolute; left:10px; top:10px; width:600px; font-size:13px; text-align:left; font-weight:lighter;}
.mnTime{ position:absolute; right:0; top:10px; color:#8a8a8a; width:100px;}
/*产品没有图片时的列表*/
#no_img_box{ padding-bottom:20px;}
#no_img_box a{color:#545454}
#no_img_box a:hover{color:#C35202}

#no_img_box .next_list{ font-size:12px; color:#313131;}
#art_dow{ width:100%; clear:both; padding-top:6px;padding-bottom:20px; border-bottom:1px solid #a0a0a0;}

#dow_box{ width:48%; float:left;}
#art_box{ width:48%; float:left; padding-right:3%}
/*方案*/
#case_list{ padding-top:10px; padding-bottom:10px;}

#case_list ul{ width:100%; clear:both;}

#case_list li{ width:340px; height:170px; float:left ; margin-bottom:14px; border:1px solid #d0d0d0; background:#fff; overflow:hidden}
#case_list .li_r{ margin-left:20px;}
#case_list li .inCase{ width:140px; margin-left:9px; height:216px;
	overflow:hidden; float:left; 
}

/*#case_list li .inCase:hover{
-moz-box-shadow: 2px 2px 5px #b0b0b0;
-webkit-box-shadow: 2px 2px 5px #b0b0b0;
box-shadow: 2px 2px 5px #b0b0b0;
*/
/* For IE 8 */
 /*   -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0')";*/
    /* For IE 5.5 - 7 */
/*    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0');

}*/
#case_list li .inCase img{max-width:126px; max-height:150px; 
_width:expression(this.width > 126 && this.width / 126 >= this.height / 150 ? 126 : true);
_height:expression(this.height > 150 && this.width / 126 < this.height / 150? 150 : true);}

#case_list li .c_title{ font-size:12px;  line-height:1.5em; padding-left:6px; padding-right:6px; text-align:left; width:170px; float:left;height:40px; margin-top:20px;}
#case_list li .c_desc{ font-size:12px;  line-height:1.5em; padding-left:6px; padding-right:6px; text-align:left; padding-top:10px; color:#a8a8a8; font-size:11px; float:left; width:170px;}

#case_list li  a{color:#313131}
#case_list li  a:hover{color:#004298}


#case_solu{width:100%; border:1px solid #fff; display:block; height:28px; padding-top:10px; background-color:rgb(98,108,35);color:rgb(254,250,201); font-weight:bold;
 
-moz-box-shadow: 2px 2px 5px #b0b0b0;
-webkit-box-shadow: 2px 2px 5px #b0b0b0;
box-shadow: 2px 2px 5px #b0b0b0;

/* For IE 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0')";
    /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#b0b0b0');
}

#case_solu:hover{
-moz-box-shadow: 2px 2px 5px #6c6c6c;
-webkit-box-shadow: 2px 2px 5px #6c6c6c;
box-shadow: 2px 2px 5px #6c6c6c;

/* For IE 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#6c6c6c')";
    /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#6c6c6c');}
 
 
 #down_list{ margin-top:6px; margin-bottom:18px;}
 #down_list li{padding-top:4px; font-size:13px; color:#406379; padding-left:10px;}
 #down_list li a{ color:#204157; }
 #down_list li a:hover{ color:#016ad3; }
 
 
 
 /*最后加*/
 #selectcontent{width:160px; height:20px; padding-top:4px; position:absolute; left:140px; top:10px; border:1px solid #d0d0d0; background:url(images/select_bg.jpg) repeat-x left top; text-align:left; padding-left:6px; color:#545454;}
#selectcontent .arro{position:absolute; right:0; top:0; width:20px; height:24px; background:url(images/select_btn.jpg) no-repeat center center}
#selectcontent .none{position:absolute; width:200px; min-height:130px;_height:130px; padding:5px; left:-1px; top:25px; border:1px solid #d0d0d0; background-color:#fff; display:none}
#selectcontent .none p{ width:100%; min-height:30px;_height:30px;}
#selectcontent .none p a{ display:block; padding:6px; color:#545454;}
#selectcontent .none p a:hover{ background:rgb(65,75,21); color:#fff; text-decoration:none}

/*产品右模块*/
#c_right_box{float:right; width:260px; min-height:250px;_height:250px; padding-left:18px;}
#c_right_box .c_block_1{padding:5px; background:#fff; min-height:180px;_height:180px; margin-bottom:18px;}
#c_right_box .c_block_1 h4{ font-size:12px; text-align:left; border-bottom:2px solid rgb(196,38,29);}
#c_right_box .c_block_1 li{font-size:13px; padding-left:16px; padding-top:6px; padding-bottom:5px;min-height:20px;_height:20px; background:url(images/gp_bullets.gif) no-repeat left 10px; line-height:1.5em}
#c_right_box .c_download li{font-size:12px; padding-left:10px; padding-top:6px; padding-bottom:5px; min-height:20px; line-height:1.5em; background:none}
#c_right_box .c_download li a, #c_right_box .c_block_1 li a{ color:#003366;}
#c_right_box .c_download li a:hover, #c_right_box .c_block_1 li a:hover{ color:#0066FF}


.foot{margin-top:10px; width:100%;  border-bottom:1px solid #ccff00; position:relative;}
.foot_in{ width:1000px;min-height:70px;_height:70px; position:relative;}
.flink{ width:740px; float:left; height:auto; text-align:left; font-size:12px; color:#CCCCCC}
.flink a{ color:#ccc; margin-right:8px;}
.fphone{ width:220px; float:left; margin-left:10px; font-size:16px; padding-top:18px;  font-weight:bold}
/*.fbackCall { position:relative; width:220px; float:left; height:60px; }*/


/*backcall*/
.topBackCall{width:113px; height:24px; position:absolute; right:-1px; top:1px;}
#fbcd{position:absolute; width:160px; height:278px; display:none; right:10px; top:40px; background:#ff7b37; z-index:1000;}

#fbc{position:absolute; width:160px; height:280px; left:0; bottom:0; background:#ff7b37;  overflow:hidden; line-height:1.5em;}

.b_list{height:276px; position:absolute; left:0; top:0;  font-size:12px; text-align:center; border:1px solid #d0d0d0;}
.c_list{ height:278px; position:absolute; left:0; bottom:0;  font-size:12px; background:#ff7b37; border:1px solid #d0d0d0;}
.c_list p, .c_list span{line-height:1.5em; padding-top:0;}
.b_sm{position:absolute; width:180px; height:120px; left:-197px; top:0; background:#ff7b37; padding:8px; text-align:left; line-height:1.5em;}
.close_bc{position:absolute; width:20px; height:18px; padding-top:2px;right:0; top:0; background:#333;cursor:pointer;}
.free_bc_p{font-weight:bold; font-size:14px; padding-top:4px;}
.icon_bc{height:78px; padding:4px; text-align:left; background:url(images/phpne.gif) no-repeat 26px 16px;}
.fbc_p{text-align:left; padding-left:6px;}
.fbc_ip{height:22px;*height:20px; margin-bottom:2px; color:#8a8a8a;_margin-left:2px;}
.fbc_bt{width:148px; _margin-left:4px; height:24px; background:#333; color:#fff; border:none; font-weight:bold; cursor:pointer; }

.suc_msg{width:80%; height:200px; position:absolute; left:10px; top:10px; z-index:1009; font-size:12px; padding-top:38px; color:#FFFF00; display:none; text-align:center}
.subing{width:100%; height:278px; position:absolute; left:0; top:0; background:#000;opacity:0.6;  filter: Alpha(Opacity=60); z-index:1000; display:none}
.suc_close{display:block; width:80px; height:22px; padding-top:6px; background:#fff; margin-top:10px; color:#000; cursor:pointer; text-align:center;}

#fbc .suc_close{ padding-top:2px; padding-bottom:2px;}
/*--------------------------------------------------*/
/*foot*/
#foot_block{ width:100%; min-height:260px;_height:260px; position:relative; background:#367fc4; z-index:10;}
.foot_main{ width:1000px; height:auto; position:relative; z-index:10;}
.foot_menu{ width:100%; height:auto; /*position:absolute; left:0; top:-10px;*/ position:relative;}
.foot_menu li{ width:142px; min-height:100px; _height:100px; float:left; /*border-right:1px dotted #a6c7e8; border-bottom:1px solid #a6c7e8;*/ position:relative;}
.fmenu_box{ width:100%; height:62px; position:absolute; left:0; top:-10px;}
.fm01{ background-color:#58bfea;}
.fm02{ background-color:#c2d964;}
.fm03{ background-color:#e2588c;}
.fm04{ background-color:#a580ce;}
.fm05{ background-color:#fac458;}
.fm06{ background-color:#ece05a;}
.fm07{ background-color:#f18d6b;}
#foot_block .fmenu_box a{ display:block; width:100%; height:30px; padding-top:20px; font-size:15px; color:#fff}
#foot_block .fmenu_box a:hover{color:#fcff04; text-decoration:none}

.fmenu_list{ width:141px; min-height:100px; _height:100px; border-right:1px dotted #a6c7e8; border-bottom:1px solid #a6c7e8; margin-top:52px; *padding-top:52px;*margin-top:10px;}
#foot_block .fmenu_list a{ display:block; text-align:left; color:#ddedfd; padding-left:6px;padding-top:6px; font-size:12px;}
#foot_block .fmenu_list a:hover{ color:#fff;} 
.friend_link{ width:100%; min-height:28px; _height:28px; padding-top:8px; border-bottom:1px solid #a6c7e8; text-align:left; font-size:12px; color:#ddedfd}
#foot_block .friend_link a{ color:#ddedfd;}

.copyRight{ color:#ddedfd; text-align:center; padding-top:10px; font-size:13px; line-height:1.7em;}
#foot_block .copyRight a{ color:#ddedfd}
#foot_block .copyRight a:hover{ color:#fff}
/*qq*/


/*产品询价*/
#ask_price{ width:720px; height:380px; background:#fefefe; border:1px solid #d0d0d0; margin-top:20px; display:none}
#ask_price .ask_title{ padding-left:10px; text-align:left; color:#05a4ce ;height:30px; padding-top:10px; background:#f5f5f5;}
#ask_price .iqTitle{ font-size:13px; font-weight:bold; padding-bottom:5px; text-align:left;}
.iqTxt{ height:26px; padding-bottom:10px; text-align:left}
.iqTxt input, .iqCode input, .iqTable input{ width:250px; height:22px; padding-top:4px; border:1px solid #d0d0d0; background:#fafafa; padding-left:2px;}
.iqCode, .iqTable{ text-align:left}
.iqCode input{ width:100px;}
.iqArea{ height:100px;}
.iqArea textarea{ border:1px solid #d0d0d0; background:#fafafa; padding-left:2px;}
.iqTable input{ width:80px;}
.iqSub{ width:100%; height:40px; margin-top:40px; text-align:center;}
/*-----------------------*/
/*qq  left*/

.QQbox {
	Z-INDEX: 6666; left: 0px; WIDTH: 180px; POSITION: absolute; TOP: 180px
}
.QQbox .press {
	left: 0px; WIDTH: 33px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 158px; BORDER-BOTTOM-STYLE: none
}
.QQbox .Qlist {
	BACKGROUND: url(images/QQ/qq_listbg01.gif) repeat-y -185px 0px; LEFT: 0px; WIDTH: 175px; POSITION: absolute
}
.QQbox .Qlist .t {
	FONT-SIZE: 1px; FLOAT: right; WIDTH: 175px; HEIGHT: 6px
}
.QQbox .Qlist .b {
	FONT-SIZE: 1px; FLOAT: right; WIDTH: 175px; HEIGHT: 6px
}
.QQbox .Qlist .t {
	BACKGROUND: url(images/QQ/qq_listbg01.gif) no-repeat 1px 0
}
.QQbox .Qlist .b {
	BACKGROUND: url(images/QQ/qq_listbg01.gif) no-repeat right 0
}
.QQbox .Qlist .con {
	BACKGROUND: #fff; MARGIN: 0px auto; WIDTH:176px; border:3px solid #006699;
}
.QQbox .Qlist .con H2 {
	BORDER-RIGHT: #3a708d 1px solid; BORDER-TOP: #3a708d 1px solid; BACKGROUND: url(images/QQ/qq_listbg01.gif) repeat-y -188px 0px; font-weight: bold; BORDER-LEFT: #3a708d 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a708d 1px solid; HEIGHT: 22px; TEXT-ALIGN: center
}
.QQbox .Qlist .con UL {
	
}
.QQbox .Qlist .con UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT:8px; BACKGROUND: #ffffff; PADDING-BOTTOM:5px; PADDING-TOP: 5px;
}
#divQQbox .Qlist .con UL LI.odd {
	BACKGROUND: #fff; padding-top:10px; font-size:11px;
	min-height:140px;
	_height:140px;
}
/*.QQbox .Qlist .con UL LI.odd a{ display:block; height:18px;}*/

#divQQbox .odd_list{float:left;cursor:pointer; width:140px; text-align:center; font-size:11px; line-height:1.9em; position:relative; z-index:0;}
#divQQbox .odd_list a{ color:#545454}

.price_block{position:absolute; bottom:-26px; left:20px;}
.price_block span{display:inline-block; padding-left:15px; padding-right:15px; padding-top:2px; padding-bottom:2px; background:rgba(255,153,0,.8); color:#fff;border-radius:25px;}