﻿@charset "utf-8";

/* CSS Document */

/* KISSY CSS Reset */

body,h1,h2,h3,h4,h5,h6,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,span,i,ul,a,em,img,textarea,select{margin:0;padding:0;font-family:"微软雅黑";}

*{padding:0; margin:0; list-style:none;font-family:"微软雅黑";}

body,button,input,select,textarea,font {font-size:12px;}

h1,h2,h3,h4,h5,h6,button,input,select,textarea {font-size:100%;}

label,input,select {vertical-align:middle;}

address,cite,em {font-style:normal;}

fieldset{cursor:pointer;}

img{border:none;}

ul,ol {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

sub {vertical-align:text-bottom;}

sup {position:relative;top:-1px;left:2px;font:11px/normal tahoma;vertical-align:text-top;}

small {font-size:12px;}

legend {color:#333;}

h2,h3,h4,h5,h6{ font-weight:normal;}

*:focus { outline: none; }

/* color */

      

/* default color */

a{text-decoration:none;blr:expression(this.onFocus=this.blur());cursor:pointer;}

ul,li{padding:0; margin:0;}

/*-------------------------------

  end: reset */



body{behavior:url("csshover.htc");font-family:"微软雅黑"; }



/*清除浮动*/

.clearfix:before,.clearfix:after{content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0;}

.clearfix:after{clear:both;}

.clearfix{zoom:1;}

.clear{clear:both; height:0;overflow:hidden;}

/*浮动*/

.fl{float:left;}

.fr{float:right;}





.container{width:1150px;margin:0 auto;height:100%;}



#header{width:100%;height:91px;background:#424147;border-bottom:4px solid #ebb73c;}

.logo{display:block;width:341px;height:100%;background:url(../images/logo.png)  center no-repeat;}

.header_right{width:635px;padding:14px 0 0 0;}

.header_right_first{width:210px;height:41px;position:relative;z-index:10;}

.lan{width:65px;margin:5px 6px 0 0;}

.lan p{width:35;height:14px;background:url(../images/lan.jpg) right center no-repeat;color:#fff;line-height:14px;cursor:pointer;padding:0 0 0 5px;}

.lan ul{width:65px;background:#385581;display:none;margin:5px 0 0 0;}

.lan ul li {width:65px;height:14px;}

.lan ul li a{display:block;width:60px;height:14px;color:#fff;line-height:14px;padding:0 0 0 5px;}

.lan ul li a:hover{background:#0b3165;}

.search{width:139px;height:24px;background:url(../images/search.jpg) no-repeat;}

.searchText{width:105px;height:24px;line-height:24px;background:none;border:none;color:#fff;padding:0 5px;}

.searchBtn{width:24px;height:24px;background:none;border:none;}

.nav{height:36px;position:relative;z-index:9;}

.nav li{float:left;width:75px;height:36px;}

.nav a{display:block;width:100%;height:36px;color:#fff;line-height:23px;text-align:center;font-size:13px;}

.nav li.nav_line{width:2px;font-size:0;background:url(../images/nav_line.jpg) 0 5px no-repeat;margin:0 20px;}

.nav li.cur,.nav li:hover{background:url(../images/nav_jt.png) center bottom no-repeat;}



/*footer start*/

#footer{width:100%;height:306px;background:#424147;}

.footer1{height:220px;width:100%;padding:38px 0 0 0;}

.footer_nav{width:88px;float:left;margin:0 64px 0 0;}

.footer_nav a{display:block;color:#f1f0f0;line-height:25px;padding:0 0 0 6px;}

.footer_nav_top{display:block;width:88px;height:52px;color:#ebeff2;font-size:13px;background:url(../images/footer_line.png) 0 35px no-repeat;font-weight:bolder;}

.footer_nav a:hover{text-decoration: underline;}

.footer_right{width:325px;}

.ewm{width:86px;height:86px;margin:0 auto;}

.ewm img{width:100%;height:100%;}

.footer_tel{padding:0 0 0 20px;color:#ebeff2;font-size:17px;margin:0 0 10px 0;}

.footer2{height:38px;text-align:center;color:#f1f0f0;line-height:30px;background:#303034;}

.footer_tel strong{font-family:'微软雅黑';font-size:14px;}

/*footer end*/



/* shortcut */

.shortcut{position:fixed;right:0;z-index:9999;width:100%;bottom:100px;}

*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}

*html .shortcut{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

.shortcut{width:45px; /*height:130px; */display:inline-block;background:#fff; box-shadow:1px 0px 2px rgba(0,0,0,0.2);}

.shortcut dl{display:inline-block;width:100%; margin-top:14px;}

.shortcut dd{display:inline-block;width:100%; height:44px; margin-top:5px;}

.shortcut dd a{display:inline-block;width:100%; height:44px; position:relative; z-index:10000; cursor:pointer;}

.short_hide{position:absolute; left:46px; top:0; z-index:10001; width:113px; height:44px; background-color:#ebb73c; background-position:77px center; background-repeat:no-repeat;}

.short_hide font{font:normal 13px/44px "Microsoft YaHei"; color:#fff; padding-left:15px;}

.short_hide2{background-image:url(../images/shortcut31.png);}

.short_hide3{background-image:url(../images/shortcut41.png);}



/*online qq*/

.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #0869ac;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #0869ac; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #0869ac; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #fff;  }

.online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-left: 10px;margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}
#gotop{ transition:.5s; overflow:hidden; height:73px;}
#gotop.hide{ height:0; }

 
