@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0; padding:0; border:0; background-repeat:no-repeat; -webkit-appearance:none; border-radius:none;}
body{ color:#333; font-size:14px; font-family:Arial,微软雅黑;min-width: 1280px;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#5dc1cf; text-decoration:none;}
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #e2e2e2;}


.logo{ position:fixed; left:5%; top:0px; width:200px;}
.logo img{ width:100%;}
.bbqh{ position:fixed; left:5%; bottom:10%;}
.bbqh h2{ font-size:36px; color:#FFF; border-bottom:2px solid #5dc1cf; padding:2% 0; margin-bottom:5%;}
.bbqh ul{}
.bbqh li{ float:left; width:96px; text-align:center; height:36px; line-height:36px; border:2px solid #FFF; margin-right:10px;}
.bbqh li a{ display:block; color:#FFF;}
.bbqh li a:hover{ display:block; color:#FFF; text-decoration:none; background:#5dc1cf;}

.header{ background:#FFF; height:80px; position:fixed; top:0px; z-index:100; width:100%; box-shadow:0 0 3px #CCC; transition:all 0.3s;}
.header .box{max-width: 1280px; margin: 0 auto;position:relative; }
.header .box h1{ width:200px; position:absolute; left:0px; top:15px; z-index:100;}
.header .box h1 img{ width:100%;}

.yybb{ position:absolute; right:0px; top:18px;}
.yybb ul{}
.yybb li{ float:left; width:50px; margin-left:20px; text-align:center;}
.yybb li img{ width:26px;}
.yybb li p{ padding:5px 0;}

.header .box .nav{ position:absolute; left:0px; top:0px; width:100%;}
.header .box .nav ul{ height:80px; font-size:0px; text-align:center; margin-left: 80px;}
.header .box .nav li{ display:inline-block; position:relative; z-index:100; padding:0 25px; font-size:15px; text-align: center;}
.header .box .nav li p{ line-height:80px; text-transform:uppercase;}
.header .box .nav li p a{ display:block;}
.header .box .nav li:hover p a{ color:#5dc1cf; text-decoration:none; display:block;}
.header .box .nav li a.current{ color:#5dc1cf;}
.header .box .nav li dl{ visibility:hidden; position:absolute; left:-50%; margin-left: 30%; top:100px; width:165px; background:#FFF; line-height:42px; box-shadow:0 0 3px #CCC; transition:all 0.3s; opacity:0; font-size:14px;}
.header .box .nav li:hover dl{ visibility:visible; top:80px; opacity:1;}
.header .box .nav dd a{ display:block; }
.header .box .nav dd:hover a{ display:block; color:#FFF; background:#5dc1cf; text-decoration:none;}
.header .box .nav dd{ position:relative; border-bottom:1px solid #DDD;}
.header .box .nav dd:last-child{ border:0 none;}
.header .box .nav dd .sanji{ visibility:hidden; position:absolute; left:110%; top:0px; width:100%; background:#FFF; box-shadow:0 0 3px #CCC; transition:all 0.3s; opacity:0;}
.header .box .nav dd:hover .sanji{ visibility:visible; left:100%; opacity:1;}
.header .box .nav dd:hover .sanji a{ color:#333; background:#FFF;}
.header .box .nav dd:hover .sanji a:hover{ color:#FFF; background:#5dc1cf;}
.header .box .nav dd:hover .sanji .list{ border-bottom:1px solid #DDD;}
.header .box .nav dd .sanji .list:last-child{ border:0 none;}
.menu{ display:none;}
.sub_menu{ display:none;}


.foot{}
.foot .foot_t{ background:#ddd; padding:2.5% 0 0;}
.foot .foot_t .box{ max-width: 1280px; margin: 0 auto;}
.foot .foot_t .t_l{ float:left; width:75%; }
.foot .foot_t .t_l dl{ float:left; width:16.667%;}
.foot .foot_t .t_l dt{ font-size: 15px; padding-bottom: 6px; font-weight: bold;line-height:30px; color:#666; text-transform:uppercase;}
.foot .foot_t .t_l dd{ font-size:13px; line-height:28px; text-transform:capitalize;}
.foot .foot_t .t_l dd a{ color:#666;}
.foot .foot_t .t_l dd a:hover{ color:#5dc1cf;}
.foot .foot_t .t_m{ float:right; width:20%; margin-right:0}
.foot .foot_t .t_m .pic{ width:220px;}
.foot .foot_t .t_m .pic img{ width:100%;}

.foot .foot_t .t_r{ float:right; width:24%;}
.foot .foot_t .t_r .rlx{ line-height: 28px; font-size: 13px;}

.foot .foot_b{max-width: 1280px; margin: 0 auto; border-top: 1px solid #eee;  text-align:center; margin-top: 2.5%; padding:1.2% 0; font-size:13px; line-height:28px;}


/* 在线客服样式 */
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../images/float_s.gif) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../images/float_bg.gif) no-repeat;}

#online_qq_layer{z-index:9999;position:fixed;right:0px;bottom:30%;margin:150px 0 0 0; transition:all 0.5s;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#online_qq_tab{width:28px;float:left;margin:85px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}

#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:block;background-position:0 0;padding:10px 0 0 0; transition:all 0.5s;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}
.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;}
.onlineMenu h3.tQQ{background-position:0 10px;}
.onlineMenu h3.tele{background-position:0 -47px;}
.onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}
.onlineMenu li.tli{padding:0 0 0 20px;font-size:12px;text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px;}
.onlineMenu li.fufei{background-position:0px -190px;}
.onlineMenu li.phone{background-position:0px -244px;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0;}


.btmbg{height:12px;overflow:hidden;background-position:-131px 0;}