@charset "utf-8";
/* CSS Document */
/* ----------------------------+-全局 */
*{font-family:"微软雅黑","Arial",;}
html { height: 100%; overflow-x:hidden; }
html,body{ overflow-x:hidden; padding:0px; margin:0px; font-size:14px;color:#333; line-height:2em;}
input, select, button, textarea {font-size: 14px;  font-family:Microsoft Yahei,Arial; *font-weight:normal;}
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
a{ text-decoration:none; color:#333;}
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
/* ----------------------------+-公用 */
.clearx{ clear:both;}

.clearx{ clear:both;}
.com_width{ width:1400px; margin:0px auto;}
.com_pad{ padding:70px 0px;}
.com_pad_top{ padding-top:40px;}

/* subtitle */
.sub_title{ text-align:center;}
.sub_title i{ font-size:26px; font-family:Arial, Helvetica, sans-serif;}
.sub_title h2{font-size:25px;  font-weight:normal;}
.sub_title h2 span{ color:#ffb618;}
.sub_title p{ color:#666666; padding-top:5px;}
.sub_title p span{margin:0px 10px; font-size:12px; color:#999; }
.sub_title p a{ color:#666666; }
.sub_title em{ display:inline-block; width:100px; height:2px; background-color:#e2e2e2; margin:20px auto 0 auto;}


.sort_list{ margin-top:20px; text-align:center;}
.sort_list a{ display:inline-block; margin:0px 5px; padding:5px 30px; border:1px solid #e2e2e2; background-color:#FFF;}
.sort_list a:hover{ background-color:#ffb618; border:1px solid #ffb618; color:#FFF;}
.sort_list .current{background-color:#ffb618; border:1px solid #ffb618; color:#FFF;}

/* 栏目列表 */
.st_list{ margin-top:15px; text-align:center;}
.st_list a{ display:inline-block; margin:5px; text-align:center; height:36px; line-height:36px; border:1px solid #e2e2e2; background-color:#FFF; padding:0px 25px;}
.st_list a:hover{ background-color:#ed7b00; color:#FFF;}
.st_list .current{background-color:#ed7b00; color:#FFF;}

/*--------------header-------------*/
#header{ height:100px; position:relative;}
#logo{ position:absolute; left:0; top:0;}
#logo img{ height:100px; width:auto;}

/* 导航 */
#navigation{ position:absolute;  left:320px; top:37px;}
#navigation dl{ float:left; width:100px; height:35px; position:relative; margin:0px 15px;}

#navigation dl dt{width:100px; height:35px; line-height:35px; text-align:center; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

#navigation dl dt a{ display:block;}
#navigation dl dt a:hover{background-color:#f8c300; color:#FFF;}

/*#navigation dl dd{ position:absolute; left:0px; top:55px; background-color:#1e3046; width:100%; display:none; z-index:20;}
#navigation dl dd a{ display:block; margin-top:1px; padding:10px 0px; text-align:center; border-bottom:1px solid #37475a;}
#navigation dl dd a:hover{ background-color:#ed7b00;}*/

#navigation .current{ background-color:#f8c300;color:#FFF;}

/* 电话 */
.head_icolist{ position:absolute; right:0; top:25px;}
.head_icolist ul li{ float:left; margin-right:10px; width:25px; height:25px; text-align:center; background-color:#9fa3ac; color:#FFF; font-size:16px; position:relative;
-webkit-border-radius:100%;
-moz-border-radius:100%;
-ms-border-radius:100%;
-o-border-radius:100%;
border-radius:100%;

-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}
.head_icolist ul li a{ display:block; color:#FFF;}
.head_icolist .wt1{ position:relative; top:-3px; font-size:14px;}
.head_icolist .wt2{ position:relative; top:-1px; }
.head_icolist .wt3{ position:relative; top:-1px;}

.head_icolist ul li:hover{ background-color:#2e364d;}

.head_tel{ position:absolute; top:50px; right:0; color:#4e4d4d;}

.head_weixin_box{}
.head_weixin{ position:absolute; top:35px; left:-50px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.head_weixin_box:hover .head_weixin{top:24px;filter:alpha(Opacity=100);-moz-opacity:1;opacity: 1; z-index:50;}

/* flexslider */
.flexslider{position:relative;height:650px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:0;}
.slides li{height:650px;}
.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{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/* ----------------------------底部 */
/* ---底部--- */
#footer{padding:50px 0px; background-color:#373849; color:#d8d9ec;}
#footer a{color:#d8d9ec;}

#footer_in{}
#footer_in .ft_about_box,#footer_in .ft_tel{ float:left;}
#footer_in .ft_ewm_box{ float:right; width:300px;}

#footer_in .ft_about{ width:500px;}
.ft_about{ padding:10px 0px; font-size:12px; line-height:25px;}
.ft_about a{font-size:12px;}
/* ---500---548 */
#footer_in .ft_tel{ width:330px; padding-left:70px; margin-left:50px;  font-size:12px; border-left:1px solid #4b4c5c;border-right:1px solid #4b4c5c;}

#footer_in .ft_ewm_box{ position:relative;}
#footer_in .ft_ewm_box .ft_ewm{ float:left;}
#footer_in .ft_ewm_box .ft_ewm_txt{ float:left; margin-left:10px;}

#ft_links{ margin-top:35px; padding:10px 0px; border-top:1px solid #4b4c5c; font-size:12px;}
#ft_links a{font-size:12px;}
#ft_links  span{ margin:0px 10px;}

#footer_copy{ text-align:center; padding:15px 0px; background-color:#21222d;font-size:12px; color:#FFF;}
#footer_copy a{font-size:12px;color:#FFF;}


/* 漂浮 */
#float_chat{ position:fixed; top:50%; right:10px; margin-top: -20px;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:130px; 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;}