@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; color:#333;font-family:"微软雅黑","Microsoft Yahei"; line-height:2em;}
html,body,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,u{margin:0px;padding:0px;}
fieldset,img{border:0}
ul,ol,li {list-style:none;}
a{font-size:14px;color:#333; text-decoration:none;}
a:hover{}

/* ----------------------------公用 */
.clearx{ clear:both;}
.com_width{ width:1200px; margin:0px auto;}
.com_pad{ padding:50px 0px;}

.sub_title{ text-align:center;}/* CSS Document */
.sub_title h2{ height:30px; line-height:30px;font-size:30px; }
.sub_title p{ height:25px; line-height:25px; font-size:16px; color:#999;}

.sub_title2{ height:40px; line-height:40px; border-bottom:1px solid #e2e2e2;}
.sub_title2 span{ float:left; font-size:16px; color:#006ace;}
.sub_title2 a{ float:right; color:#999;}
/* ----------------------------头部 */
/*头部的顶部*/
#header_t{ width:100%; height:40px; line-height:40px; background-color:#ededed;}
#header_t_in{height:40px; line-height:40px;}
#header_t_in .welcome{ float:left;}
#header_t_in .head_t_rt{ float:right;}

/*logo*/
#logo_box{ height:130px; position:relative;}
#logo{ position:absolute; left:0px; top:0px; height:130px;}
#logo img{ width:auto; max-width:800px; height:130px;}

#head_tel{ position:absolute; top:0px; right:0px; width:auto; max-width:380px;}
#head_tel p{ padding-top:10px; text-align:center;}
#head_tel .kouhao{}
#head_tel .tel{}
#head_tel .tel span{ color:#0164cc; font-size:18px; font-weight:bold;}

/*导航*/
#navigation_box{ width:100%; height:54px; background:url(../images/nav_bg.jpg) repeat-x;}
#navigation{ width:1080px; margin:0px auto; height:54px;}
#navigation dl{ float:left; width:135px; position:relative;}
#navigation dl dt{ width:135px; height:54px; line-height:54px; text-align:center;}
#navigation dl dt a{ display:block; font-size:16px; color:#FFF;}

#navigation dl dd{ width:110px; position:absolute; left:0px; top:54px; background-color:#002284; display:none; z-index:999;}
#navigation dl dd a{ display:block; height:34px; line-height:34px; overflow:hidden; border-bottom:1px solid #002fb8; text-align:center; color:#FFF;}

#navigation dl:hover dt{ background:url(../images/navb.png) no-repeat center center;}
#navigation dl dd a:hover{ background-color:#00258f;}


/* ---大图--- */
#flexslider{ width:100%;height:500px;background:url(../images/loading.gif) 50% no-repeat;position:relative; margin:0px auto 0px auto;}
.slides{z-index:1;}
/*.slides li{width:100%; height:500px; overflow:hidden;}
.slides li img{ width:100%; height:auto;}*/
.slides li{width:100%; height:500px; overflow:hidden; position:relative;}
.slides li img{ position:absolute; left:50%; margin-left:-960px; height:auto;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{width:69px;height:69px;overflow:hidden;cursor:pointer;position:absolute; display:none;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev1.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next1.png) center center no-repeat;}

.flex-direction-nav li a.flex-prev:hover{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next:hover{background:url(../images/next.png) center center no-repeat;}

#flexslider:hover .flex-direction-nav li a{ display:block;}

/* ---搜索--- */
#search_box{ width:100%; height:60px; background-color:#f5f5f5;}
#search_hot{ float:left; width:920px; height:60px; line-height:60px; overflow:hidden;}
#search_hot a{ color:#666;}
#search_hot a:hover{ color:#006ace;}

#search{ float:right; margin-top:16px; width:240px; height:28px; line-height:28px; border:1px solid #e2e2e2; background-color:#FFF; position:relative;}
.s_mykey{ position:absolute; left:0px; right:0px; height:26px; line-height:26px; border:0px; width:180px; padding-left:10px;}
.s_btn{ position:absolute; top:0px; right:0px; width:40px; height:28px; line-height:28px; text-align:center; background-color:#006ace; border:0px; color:#FFF; cursor:pointer;}

/* ---底部--- */
#footer{ width:100%; padding:40px 0px; text-align:center; background-color:#111111; color:#FFF;}
#footer a{ color:#FFF;}


#footer_link{ padding-bottom:10px; border-bottom:1px solid #3a3a3a;}
#footer_link a{ margin:5px 10px;}
#footer_link span{ font-size:12px;}

#footer_nav{ margin-top:15px;}
#footer_nav span{ margin:0px 10px; font-size:12px; color:#ccc;}

#footer_copy{ padding:10px; font-size:16px; font-weight:bold;}


/*-----------------漂浮------------*/
#float_chat{ position:fixed; top:50%; right:10px; margin-top: -95px;z-index: 100; width:78px; text-align:center;}
#float_chat a{background: rgb(147, 147, 147);opacity: 0.9; border-radius: 2px; height: 50px; color: rgb(255, 255, 255); margin-bottom:5px; display: block;}
#float_chat a:hover {background: rgb(248, 79, 69);}
#float_chat .current{background: rgb(248, 79, 69);}

#float_chat .gotop{line-height:50px;}
#float_chat .gotop span{ font-size:30px;}

#float_chat .inchat span{ display:block;height:20px; line-height:20px; padding-top:5px;font-size:18px;}
#float_chat .inchat p{ height:20px; line-height:20px;}

#float_chat .qrcode{line-height:50px; position:relative;}
#float_chat .qrcode span{ font-size:20px;}

#float_chat .qrcode .qrcode_list{ position:absolute; right:78px; bottom:0px; width:130px; height:150px; border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; background-color:#FFF;display:none;}
#float_chat .qrcode .qrcode_list ul li{ float:left; width:120px; height:120px; padding:5px;}
#float_chat .qrcode .qrcode_list ul li img{ display:block;width:120px; height:120px;}

#float_chat .qrcode .qrcode_list ul li p{ height:20px; line-height:20px; color:#000; font-size:12px;}
