@charset "utf-8";
/* CSS Document */

/*time:2015-06-03*/
*{margin:0;padding:0;list-style-type:none;}
body{ background:#fff; margin:0px; padding:0px;font-size:12px; font-family:Arial, "微软雅黑", "黑体", sans-serif; color:#333;}
p{ margin:0px; padding:0px;}
p,h1,h4,ul,li,input,div{ margin:0px; padding:0px;}
li{list-style:none}
a{ text-decoration:none; color:#333}
a:hover{ color:#efa505}
img{ border:0px;}
.hide{ display:none}
.show{ display: block;}
.widescreen{ width:100%; overflow:hidden}
.middlecreen{ width:1000px; margin:0 auto; overflow:hidden;}
.float_left{ float:left}
.float_right{ float:right}


/*top_nav*/
.nav_top{ height:30px; background:#f0f2f5}
.top{line-height:30px;}
.top a{ display:inline-block; margin-right:10px; color:#666}
.top a:hover{ color:#efa505}
.top_left{ float:left;}

/*logo_top*/
.logo_top{ background: url(bg_top.jpg) repeat-x; height:106px;}
.logo_m{ margin-top:10px;}
.logo_m .lo_l{ margin-top:8px;}

/*nav*/


#floatingbar,#minibar{height:50px;}
#floatingbar ul, #minibar ul{}
#floatingbar ul li,#minibar ul li{ float:left; padding:0px;}

#minibar { display:none;}

.floater{position:fixed;top:0px;z-index:999;height:50px;width:100%;background-color:#02a4ef;color:#ccc;display:block;clear:both;margin-left:auto;margin-right:auto;float:left;
box-shadow: 0 0 7px rgba(0,0,0,0.4);-webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);-moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);}

.nav_t{ background:#02a4ef;}
.nav{ width:100%; overflow:hidden;}
.nav ul{ width:1000px; margin:0 auto;}
.nav ul li{ text-align:center;}
.nav ul li a{ color:#FFF;font-size:16px; line-height:48px;padding:0px 14px;margin:0 1px;display:block}
.nav ul li a:hover{ color:#000; display:inline-block;border-bottom:#ffaa11 solid 2px; background:#ffaa11}
.nav ul li .on{color:#000; display:inline-block; border-bottom:#ffaa11 solid 2px; background:#ffaa11}
.nav ul li.nav_li{ width:200px; height:52px;padding:0px; margin-top:-2px;*+margin-top:-52px;position:absolute; *+position:!important; margin-left:840px;}
.nav ul li.nav_li a{ width:190px;height:52px;font-size:20px; font-weight:bold;background:url(botton_bg.png) no-repeat; line-height:52px; padding:0px 15px;}
.nav ul li.nav_li a:hover{ color:#fff; display:inline-block; border-bottom:0px; background:url(botton_bg.png) no-repeat}


.nav_1{ width:100%; overflow:hidden;}
.nav_1 ul{ width:1000px; margin:0 auto;}
.nav_1 ul li{ text-align:center;}
.nav_1 ul li a{ color:#FFF;font-size:16px;line-height:48px;padding:0px 9px;*+padding:0x 8px; display:block}
.nav_1 ul li a:hover{ color:#fff; display:inline-block; border-bottom:#ffaa11 solid 2px; background:#ffaa11}
.nav_1 ul li .on{color:#fff; display:inline-block; border-bottom:#ffaa11 solid 2px; background:#ffaa11}
.nav_1 ul li.nav_logo a{padding:2px 0px 16px 0px; margin-right:14px; }
.nav_1 ul li.nav_logo a:hover{ background:#015595}

.nav_1 ul li.nav_li{ width:200px; height:52px; padding:0px; margin-top:-2px; *+margin-top:-70px;position:absolute; *+position:!important; margin-left:840px;*+margin-left:806px;}
.nav_1 ul li.nav_li a{ width:190px; height:52px;font-size:20px; font-weight:bold;background:url(botton_bg.png) no-repeat;line-height:52px;padding:0px 15px;}
.nav_1 ul li.nav_li a:hover{ color:#fff; display:inline-block; border-bottom:0px; background:url(botton_bg.png) no-repeat}
.nav_1 ul li.nav_logo a{padding:0px 15px 16px 15px;}




/*panters*/
.pant{ background:#f0f0f0; padding:20px 0;}
.panters{}
.panters_l{ float:left; width: 828px; overflow:hidden}
.panters_l{ font-size:18px; font-weight:bold}
.panters_l span{ font-size:12px; color:#efa505}
.panters_l ul li{ float:left; width:126px; background:#FFF; height:56px; border:#CCC solid 1px;border-radius:4px; margin:10px 10px 0 0;}
.pan_bottom{ width:700px; float:left; overflow:hidden; font-size:18px; padding:20px 0;}
.pan_bottom a{margin-right:10px; font-size:12px; color:#333; font-weight:lighter}
.pan_bottom a:hover{ color:#efa505;}

.panters_r{ float:right; width:144px; overflow:hidden; text-align:center; margin-top:20px;}
.panters_r img{ border:#d2d0d0 solid 4px;border-radius:4px; padding-left:2px;}
.panters_r span{ display:block; padding-top:4px;}

.footer{ background:#015595; padding:40px 0;}
.footer_c p{ width:100%; color:#066ab6; text-align:center; padding-bottom:6px;}
.footer_c p a{ color:#CCC; padding:0 4px;}
.footer_c p a:hover{ color:#fff}

.footer_c div{ width:100%; color:#ccc; text-align:center; padding-top:8px;}




/*在线客服*/
.cont_close{ width:30px; background:#2c7ed2; height:150px; position:fixed; top:40%;border-radius:4px 0 0 4px;  right:0px; font-size:16px; z-index:1000; margin-top:60px}
.cont_close a{ color:#FFF; display:inline-block; width:18px;border-radius:4px 0 0 4px; height:114px; padding:0 8px;  padding-top:36px;}
.cont_close a:hover{ background:#015595;}
.cont_close a span{position: absolute;z-index: 2;left:12px;top:120px; display:inline-block; width:100%;
animation: wiggle 1.5s infinite; -webkit-animation: wiggle 1.5s infinite;}
.cont_close i{ position:absolute; margin-top:-36px; z-index:10;left: -6px;}

.cont_show{ width:178px; position:fixed; top:40%;right:0px; font-size:16px; z-index:1000} 
.cont_show p{ float:left;width:30px; height:150px; background:#2c7ed2;border-radius:4px 0 0 4px;margin-top:60px}
.cont_show p a{color:#FFF; display:inline-block; width:18px;border-radius:4px 0 0 4px; height:114px; padding:0 8px;  padding-top:36px;}
.cont_show p a span{position: absolute;z-index: 2;left:12px;top:180px; display:inline-block; width:100%;text-align:left;animation: wiggle 1.5s infinite; -webkit-animation: wiggle 1.5s infinite;}
.cont_show p a:hover{ background:#015595;}

.cont_show i{ position:absolute; margin-top:-36px; z-index:10;left: -6px;}

.cont_show ul{ float:left;  background:#FFF; width:121px;padding:0 10px 0 16px; border:#e5e5e5 solid 1px; border-right:0}
.cont_show ul li{ border-bottom: #e5e5e5 solid 1px;color: #666;height: 30px;padding: 6px 0 0 0;text-align:left}
.cont_show ul .cont_2{line-height: 22px;height: 28px;padding-top: 8px;font-size: 16px;font-weight: bold;color: #f8ad0c;}
.cont_show ul li span{ font-size:12px;}
.cont_show ul li a{ color:#333; display:block; font-size:12px;}
.cont_show ul li a:hover{ color:#efa505}
.cont_show ul .cont_1{}
.cont_show ul .cont_1 span{ color:#666;}

.cont_show ul li.erweima_1{ height:46px;}
.erweima img{ margin:0px; padding:0px;}
.erweima{ position:absolute; z-index:9999; margin-top:-150px; }
.erweima .er1{ background:#FFF; padding:16px 6px 8px 4px; display:block}
.erweima .er2{ padding:0px;display:block}
.erweima_1{ background:#fff; overflow:hidden}
.erweima_1 a{ padding:5px 0; display:block}

/*css3动画*/
.nav ul li.nav_li a:hover{-webkit-animation:shake .5s ease-in;}
.nav ul li.nav_li,.nav_1 ul li.nav_li a:hover{-webkit-animation:shake .5s ease-in;}
@-webkit-keyframes shake {
    0%, 100% {-webkit-transform: translatex(0);}
    20%, 60%{-webkit-transform: translatex(-10px);}
    40%, 80%{-webkit-transform: translatex(10px);}
}
	
/*css3动画*/
@-webkit-keyframes wiggle { 
  0% { left:10px; }
  50% {left:18px;}
  100% { left:10px; }
}