body {
	margin:0;
	padding:0;
	line-height:24px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 12px;
}
li{list-style-type: none;}
ul{list-style-type: none; margin:0 auto; padding:0;}
a {color:#333333;text-decoration:none;}
a:hover {color:#0764a9;text-decoration:none;}

img {border:0;}
.img:visited img{border: 1px solid #cccccc;}
.img img{border: 1px solid #cccccc;padding:3px;}
.img:hover img{border: 1px solid #cccccc;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:normal; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/*¶¥²¿Ñùʽ*/
.top_bg{ width:100%; height:31px; overflow:hidden; background-color:#204361; margin:0 auto}
.top_up{ width:1200px; height:31px; margin:0 auto; line-height:31px; color:#fff}
.top_up a{ color:#fff}
.top_up_left{ float:left; width:800px;}
.top_up_right{ float:right; width:400px; text-align:right}

.top{  width:1200px; height:112px; margin:0 auto}

.logo{ float:left; width:490px; height:112px; background:url(logo.jpg) no-repeat;}

/*µ¼º½Ñùʽ*/
.top_nav{ float:right; width:700px;}

/* ÂÖ»»Çø */

.banner{ min-width:1000px;  position:relative;  height:627px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:627px; }
.banner .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:627px;  }
.banner .bd li a{ height:627px; display:block;  }
.banner .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(banner-btn.png) 0 0 no-repeat;_background:url(banner-btn-ie6.png) 0 0 no-repeat;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }


.banner0{ min-width:1000px;  position:relative;  height:500px; overflow:hidden;  }
.banner0 .bd{ position:relative; z-index:0;  }
.banner0 .bd ul{ width:100% !important; }
.banner0 .bd li{ width:100% !important;  height:500px; }
.banner0 .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:500px ;  }
.banner0 .bd li a{ height:500px; display:block;  }
.banner0 .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   font:normal 18px/30px "Microsoft YaHei";    }
.banner0 .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(banner-btn.png) 0 0 no-repeat;_background:url(banner-btn-ie6.png) 0 0 no-repeat;
}
.banner0 .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner0 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner0 .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }


/*index*/
.main{ width:1200px; height:auto; overflow:hidden;  margin:0 auto; margin-top:20px;}

.news_jt{ float:left; width:465px; height:auto; overflow:hidden}
.news_top{ width:100%; height:48px; background:url(news_top.jpg) no-repeat; margin:0 auto}
.news_tf{ float:left; font-family:"΢ÈíÑźÚ"; font-size:18px; color:#204361; line-height:48px;}
.news_tf_en{ float:left; margin-left:10px; font-size:18px; color:#e5e5e5; line-height:48px; text-transform:uppercase}
.news_r{ float:right; line-height:48px; color:#666666}
.news_r a{ color:#666666}
.news_bg{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:10px;}

.news_right{ float:right; width:720px; height:auto; overflow:hidden}

.news_gh{ float:left; width:350px; height:auto; overflow:hidden}
.news_zp{ float:right; width:350px; height:auto; overflow:hidden}
.news_bd{ float:left; width:350px; height:auto; overflow:hidden}
.news_sl{ float:right; width:350px; height:auto; overflow:hidden}

	.focusBox { position: relative; width: 350px; height: 240px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
	.focusBox .pic img { width: 350px; height: 240px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }



.cp{ width:1200px; height:480px; margin:0 auto; background-color:#eeeeee; margin-top:20px; padding-top:10px;}
.cp_bg{ width:1180px; height:460px; margin:0 auto; background-color:#FFFFFF;}


.content{ width:1180px; margin:0 auto;  }
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;}

.quality{ width:1200px;background: #eee; margin:0 auto; padding:10px 0; margin-top:20px;}
.quality h3{ text-align: center; font-weight: normal; border-bottom:1px solid #dcdcdc; padding-bottom: 20px; margin-bottom: 35px; }
.quality h3 a{display: inline-block; font-size: 26px; text-align: left;background:url(quality_bg.png) no-repeat 0 28px; padding:20px 0 0 62px; border-top:1px solid #dcdcdc;}
.quality h3 span{display: block; text-transform: uppercase; color: #999; font-size: 18px; margin-top: 5px;}
.quality h3 a:hover{text-decoration: none;}

.quality dl{background: #fff; float:left; width:1180px; overflow:hidden;}
.quality dt{float: right; width:660px; overflow:hidden;}
.quality dt img{width: 660px; height: 460px; display: block;}
.quality dd {padding: 0 30px; width: 400px; float: left;}
.quality dd b{display: block; font-size: 26px; margin-top: 104px; line-height: 30px; height: 30px; overflow: hidden;}
.quality dd b a:hover{text-decoration: none;}
.quality dd em{display: block; font-size: 18px; font-weight: bold; color: #333; line-height: 24px; height: 24px; overflow: hidden; margin: 10px 0 25px;}
.quality dd p{line-height: 28px; color: #3e3e3e; font-size: 15px; width: 400px;}

.quality_con{position: relative; width:1180px; overflow:hidden;}

.quality_con i{position: absolute; left: 30px;top: 410px; z-index:99;}
.quality_con i a{ display: inline-block; width: 10px; height: 10px; overflow: hidden; background:url(dot.gif) no-repeat; margin: 0 4px;}
.quality_con i a:hover,.quality_con i a.cur{background:url(dot.gif) no-repeat 0 -10px; }

.quality_con .prev,.quality_con .next{ width:70px; height:62px; display:block; position:absolute; z-index:99;}
.quality_con .prev{ left:445px; top:200px;  background:url(btn4.jpg) no-repeat; }
.quality_con .next{left:520px; top:200px; background:url(btn4.jpg) no-repeat -70px 0;}
.quality_con .prev:hover{ background:url(btn4.jpg) no-repeat 0 -62px;}
.quality_con .next:hover{ background:url(btn4.jpg) no-repeat -70px -62px;}



/* ±¾Àý×Ócss */
.slideGroup{ width:1200px; margin:0 auto; text-align:left; margin-top:50px;}
.slideGroup .parHd{ width:322px; margin:0 auto; height:57px; line-height:50px; position:relative; font-size:14px }
.slideGroup .parHd ul{ float:left; position:absolute; height:57px;   }
.slideGroup .parHd ul li{ float:left; width:161px; height:57px; background:url(changfang_top_on.png) no-repeat; cursor:pointer; text-align:center}
.slideGroup .parHd ul li.on{ height:57px; background:url(changfang_top.png) no-repeat; text-align:center; color:#FFFFFF;}
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 10px 10px 60px; position:relative; margin-top:30px;}

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:80px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(icoLeft.gif) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:5px; background:url(icoRight.gif) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1; }
.slideGroup .parBd ul li{ margin:0 20px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:313px; height:216px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }


/* TabÇл» */
.slideTxtBox{  width:748px; height: auto; overflow:hidden; border:1px #e7e7e7 solid; border-top:#0764a9 3px solid; background:#fff;  text-align:left;  }
.slideTxtBox .hd{ height:57px; line-height:57px; padding:0; border-bottom:1px solid #e7e7e7;  font-size:14px; }
.slideTxtBox .hd ul{ overflow:hidden; zoom:1;  }
.slideTxtBox .hd ul li{ float:left; width:120px; text-align:center;border-right:1px solid #e7e7e7;}
.slideTxtBox .hd ul li a{ display:block;font-family:"΢ÈíÑźÚ"; font-size:16px;font-weight:bold;  }
.slideTxtBox .hd ul li a:hover{ text-decoration:none;  }
.slideTxtBox .hd ul li.on a{ background:#fafafa; color:#0764a9;  }
.slideTxtBox .bd{ width:720px; height:auto; overflow:hidden; margin:0 auto; margin-top:10px; margin-bottom:20px;}
.slideTxtBox .bd li{ height:30px; line-height:30px; background:url(icon0.png) no-repeat left center; text-indent:10px; border-bottom:1px #e7e7e7 dashed;}
.slideTxtBox .bd li .date{ float:right; color:#999;  }



/* ÎÄ×ÖÎÞ·ìÉϹö¶¯ */
.sideBox{  width:350px; height:auto;  overflow:hidden; }
.sideBox .hd{ height:57px; line-height:57px; padding:0; border-bottom:1px solid #e7e7e7;  font-size:14px; }
.sideBox .hd h3{ font-size:16px; font-weight:bold; color:#333;height:57px; line-height:57px; margin-left:20px; font-family:"΢ÈíÑźÚ";}
.sideBox .hd h3 a{ color:#333;   }
.sideBox .bd{ width:350px; margin:0 auto; margin-top:10px; margin-bottom:10px;}
.sideBox .bd li{ width:350px; height:110px; color:#999; margin-top:10px;}



.news_list2{ background:url(icon2.jpg) no-repeat left center; text-indent:15px; line-height:35px; border-bottom:#CCCCCC 1px dashed}
.news_list1{ background:url(icon4.jpg) no-repeat left center; text-indent:15px; line-height:35px; border-bottom:#CCCCCC 1px dashed}
.news_list{ background:url(icon1.jpg) no-repeat left center; text-indent:15px; line-height:35px; border-bottom:#CCCCCC 1px dashed}
.data{ text-align:right; margin-right:0px!important; margin-right:10px; color:#CCCCCC}

/*left*/

.neipagename{ width:100%; text-align:center; padding:50px 0 20px 0;}
.neipagename div{ display:inline-block;}
.neipagename .pagename_en{ font-size:38px; line-height:1em; color:#212121; text-transform:uppercase;}
.neipagename .pagename_ch{ font-size:18px; padding:0 22px; height:12px; border-bottom:#212121 solid 1px;}
.neipagename .pagename_ch div{ text-align:center; height:18px; padding:0 12px; line-height:18px; background:#FFFFFF;}

.neimenu{ text-align:center; width:100%; border-bottom:#b3b3b3 solid 1px; height:17px; margin-bottom:13px;}
.neimenu div{ display:inline-block;}
.neimenu div a{ float:left; line-height:30px; background:#FFFFFF; display:inline-block; padding:0 10px; height:30px; font-size:14px; color:#6d6d6d; border:#6d6d6d solid 1px; margin:0 8px;}
.neimenu div a:hover{ color:#de0a1e; border:#de0a1e solid 1px;}
.neimenu div a.on{ color:#de0a1e; border:#de0a1e solid 1px;}

#navigation a.here:link,
 #navigation a.here:visited,
 #navigation a.here:hover,
 #navigation a.here:active { color:#de0a1e; border:#de0a1e solid 1px;}

.about{ width:1200px; max-width:96%; margin:0 auto; color:#686868; font-size:14px; line-height:35px; padding:30px 0;}

.newsnav{ width:1200px; margin:0 auto; max-width:96%; font-size:12px; height:59px;  border-bottom:#d4e0e2 solid 1px; color:#6f6f6f; line-height:59px; }
.newsnav a{ margin:0 5px;}

.fanhui{ width:1200px; margin:0 auto; max-width:96%;  position:relative; height:1px;}
.fanhui a{ position:absolute; z-index:2; width:106px; height:33px; font-size:14px; color:#FFFFFF; text-align: center; line-height:33px; background:#df0f0f; right:0; display:inline-block; top:13px;}

.newneititle{ width:1200px; border-bottom:#bcbcbc dashed 1px; margin:0 auto; max-width:96%; height:120px; -webkit-align-items:center; display:-webkit-flex;-webkit-justify-content:center; }
.newneititle div{ text-align:center;}
.newneititle .newstitle{ width:100%; font-size:22px; color:#525252;}
.newneititle .newstitle2{ display:inline-block; font-size:12px; color:#818181;}
.newneititle .newstitle2 span{ float:left; margin:0 18px; line-height:30px;}
.newneititle .newstitle2 .bdsharebuttonbox{ float:left;}
.newneititle .newstitle2 .bdsharebuttonbox a{ margin:6px 5px;}

.newsline{ width:1200px; margin:20px auto; max-width:96%;}
.newsline a{ display:inline-block; float:left; height:132px; width:100%; padding:0 20px; transition:all ease 0.3s;}
.newsline a .newstime{ border-right:#d7dde3 solid 1px; width:178px; float:left; height:63px; margin-top:37px;-webkit-align-items:center; display:-webkit-flex;-webkit-justify-content:center;}
.newsline a .newstime .newstime_top{ font-size:47px; color:#204361; line-height:50px; }
.newsline a .newstime .newstime_bot{ font-size:16px; color:#787878; line-height:18px; text-transform:uppercase; }
.newsline a .newtext{ padding-left:32px; width:840px; float:left;}
.newsline a .newtext .newtitle{ width:100%; float:left; font-size:15px; color:#575757; overflow:hidden; white-space:pre; text-overflow:ellipsis; margin-bottom:15px; margin-top:32px;}
.newsline a .newtext .ntime{ display:none; width:100%; float:left; font-size:12px; color:#787878; line-height:15px;}
.newsline a .newtext .newsmall{ width:100%; float:left; font-size:12px; color:#787878; line-height:22px; max-height:44px; overflow:hidden;}
.newsline a .newsjiantou{ margin-left:27px;-webkit-align-items:center; display:-webkit-flex;-webkit-justify-content:center; height:100%; width:13px; float:left;}
.newsline a .newsjiantou .newsjiantou2{ display:none;}



.newsline a:hover{ padding-left:0px; transition:all ease 0.3s; background:#204361;}
.newsline a:hover .newstime_top{ color:#FFFFFF;}
.newsline a:hover .newstime_bot{ color:#FFFFFF;}
.newsline a:hover .newtitle{ color:#FFFFFF;}
.newsline a:hover .newsmall{ color:#FFFFFF;}
.newsline a:hover .newsjiantou .newsjiantou1{ display:none;}
.newsline a:hover .newsjiantou .newsjiantou2{ display:block;}


.fenye{ width:100%; text-align:center; margin:30px 0; margin-top:30px;}
.fenye .fenye_nei{ display:inline-block;}
.fenye .fenye_nei a{ display:inline-block; padding:0 13px; height:34px; text-align:center; line-height:34px; margin: 0 3px; border-radius:5px; border:#dddddd solid 1px; overflow:hidden; font-size:13px; color:#999999;}
.fenye .fenye_nei a:hover{ background:#204361; color:#fff;}
.fenye .fenye_nei a.on{ background:#204361; color:#fff;}

.clear{ clear:both !important; height:0px !important; width:0px !important; float:none !important; margin:0px !important; padding:0px !important; border:0px !important;}


.proboxline_box{ width:1200px; height:auto; overflow:hidden; margin:0 auto}
.proboxline_box a{ width:350px; height:295px; float:left; display:inline-block; margin-left:10px; margin-right:10px; margin-bottom:25px; border:#d7ddde solid 1px; border-bottom:#d7ddde solid 4px; padding:0 10px;}
.proboxline_box a:hover{ border-bottom:#cb1717 solid 4px;}
.proboxline_box a .proimg_img{ width:100%; height:232px; border-bottom:#d7ddde solid 2px; overflow:hidden;}
.proboxline_box a .proimg_img img{ width:100%;}
.proboxline_box a .proimg_title{ font-size:14px; color:#727272; height:30px; line-height:30px; overflow:hidden; white-space:pre; text-overflow:ellipsis;}
.proboxline_box a .proimg_time{ font-size:13px; color:#bebebe; height:30px; line-height:30px; background:url(bg31.png) no-repeat 100% 50%;}
.proboxline_box a:hover .proimg_title{ color:#cb1717;}

/*right*/
.right{ float:right;width:966px;}
.right_top{ width:966px; height:64px; background:url(right_top.jpg) no-repeat; margin:0 auto}
.right_tf{ float:left; margin-left:25px!important; margin-left:15px; line-height:56px; color:#fff; font-size:20px; font-family:"΢ÈíÑźÚ"; }
.right_r{ text-align:right; line-height:50px; margin-right:10px!important; margin-right:10px;color:#333; }
.right_r a{ color:#333;}
.right_bg{ width:966px; height:auto; overflow:hidden;background-color:#FFFFFF;  margin:0 auto; }
.right_bt{ width:966px; height:20px; margin:0 auto; background-color:#FFFFFF;}
.right_con{ width:940px; height:auto; overflow:hidden; margin:0 auto; color:#333; line-height:30px; margin-top:10px;}

/*anli*/


/*cp*/
.details_top_imgbox{ width:430px; margin:0 auto; height:521px;}
.details_top_imgbox .fluid_container{ width:100%; height:430px;}
.detailed{ width:740px; float:right; font-size:12px; color:#666666;}
.detailed .detailed1{ width:100%; font-size:18px; color:#333333;}
.detailed .detailed2{ width:100%; line-height:30px; margin-top:15px;}
.detailed .detailed3{ width:100%; line-height:30px; margin-bottom:15px;}
.detailed .df{ color:#e23435;}
.detailed .ds{ color:#ff8838;}
.detailed .detailed4{ width:100%;}
.detailed .detailed4 td{ height:37px; padding-left:60px;}
.detailed .detailed5 td{ background:#eeeeee;}

.details{ text-align:left; width:96%; float:right; margin:2%;}
.details .details_title{ width:100%; font-size:26px; color:#494949; height:60px; border-bottom:#7d7d7d dashed 1px;}
.details .details_time{ width:100%; font-size:14px; color:#898989; height:105px; border-bottom:#7d7d7d dashed 1px; -webkit-align-items:center; display:-webkit-flex;-webkit-justify-content:flex-start;}
.details .details_text{ font-size:13px; line-height:32px; color:#7a7a7a; text-indent:2em;}

.detailswai{ width:100%; text-align:center;}
.detailswai .detailswaihezi{ width:100%; display:inline-block; margin-top:50px; margin-bottom:45px;}
.prodet{ width:1200px; height:auto; overflow:hidden; margin:0 auto}
.details_top_imgbox{ float:none; margin:0 auto;}
.details{ float:none; margin:0 auto; width:96%; margin:2%;}

/*footer*/
.foot_bg{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px; background-color:#204361}

.foot_nav{ width:1200px; height:50px; margin:0 auto; border-top:1px #375672 solid; margin-top:10px;  line-height:50px; color:#93c2ec; font-size:12px; text-align:left}
.foot_nav a{ color:#93c2ec}
.foot{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:60px;}

.foot_text_list{ float:left; width:140px; height:auto; margin-left:70px;}
.foot_text_list_top{ width:100%; height:50px; line-height:50px; color:#93c2ec; font-family:"΢ÈíÑźÚ"; font-size:18px; font-weight:bold; text-align:left; border-bottom:1px #375672 solid;}
.foot_text_list_bg{ width:100%; height:auto; overflow:hidden; margin:0 auto}
.foot_text_list_bg ul{}
.foot_text_list_bg ul li{ width:100%; height:30px;  margin:0 auto; font-size:12px; line-height:30px;}
.foot_text_list_bg ul li a:link{padding-left:0px; display:block;text-decoration:none; color:#93c2ec}
.foot_text_list_bg ul li a:visited{ display:block;text-decoration:none; color:#93c2ec}
.foot_text_list_bg ul li a:hover{  height:30px; line-height:30px; display:block;text-decoration:none; color:#fff}
.foot_text_list_bg ul li a:active{ display:block;text-decoration:none; color:#fff}

.foot_text_lx{ float:right; width:300px; height:auto;}
.foot_text_lx_top{ width:100%; height:50px; line-height:50px; color:#93c2ec; font-family:"΢ÈíÑźÚ"; font-size:18px; font-weight:bold; text-align:left; border-bottom:1px #375672 solid;}
.foot_text_lx_bg{ width:300px; height:auto; overflow:hidden; margin:0 auto; background:url(foot_text_lx_bg.jpg) no-repeat center top; color:#93c2ec; margin-top:20px;}


/*¹Ì¶¨µÄÐü¸¡´°*/
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#204361 url(fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#204361 url(fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#204361 url(fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#204361 url(fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}