@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑";}
html,body{height:100%;padding:0px; margin:0px;font-size:14px;}
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 }
ul,li{ list-style:none;}
a{color: #000; text-decoration:none;font-size:14px; }
a:hover{}
img{ border:none;border:0px;}
.clearx{ clear:both;}

.com_width{ width:1200px; margin:0 auto;}
.com_pad{ padding:60px 0;}

.flex{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法： Chrome 21+ */
	display: flex;
}
.boxsizing{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.sub_title{}
.sub_title h2{ height:30px; font-size:25px; position:relative;}
.sub_title h2 em,.sub_title h2 i{ font-style:normal; display:inline-block; position:absolute;}
.sub_title h2 em{ width:10px; height:30px; background-color:#fcc010; left:0; top:2px;}
.sub_title h2 i{ top:0; left:18px;}
.sub_title p{ padding:10px 0 0 18px; color:#666;  font-size:16px;}
/*--------------header-------------*/
#header_top{ position:fixed; left:0; top:0; width:100%; height:50px; line-height:50px; background-color:#1d1d1d; color:#FFF; z-index:888}
#header_top span{ margin-left:20px;}
#header_top span i{ font-size:20px; margin-right:5px; position:relative; top:2px;}
#header_top span .wt1{ font-size:22px;}
#header_top span .wt2{ font-size:23px;}

#logo{ margin-top:50px; text-align:center; padding:40px 0 20px 0;}
#logo img{ width:auto; max-width:100%; height:120px;}

#navigation_box{ width:100%; position:relative;}

#navigation{ width:100%; height:50px; background-color:#FFF;}
#navigation ul li{ float:left; width:200px; position:relative;}
#navigation ul li h2{text-align:center; height:50px; line-height:50px;}
#navigation ul li h2 span{ position:relative; top:5px; font-size:16px;}
#navigation ul li h2 a{ display:block; font-size:16px;}

#navigation ul li i{ position:absolute; left:50%; bottom:0;  width:0px; display:block; height:3px; background-color:#000;}

#navigation ul li i .ctshow{ position:absolute; left:50%; bottom:0;  width:0px; display:block; height:3px; background-color:#000;}


#navigation .current .ctshow{ position:absolute; left:50%; margin-left:-60px; bottom:0;  width:120px; display:block; height:3px; background-color:#000;}


#navigation ul li .down_list{ position:absolute; left:25px; top:50px; z-index:9999; background:rgba(255,255,255,0.9); padding:10px 0 10px 0; width:150px;display:none; border:1px solid #e2e2e2;}
#navigation ul li .down_list dl{ position:relative; }
#navigation ul li .down_list dl dt{ height:40px; line-height:40px; font-weight:bold; overflow:hidden;}
#navigation ul li .down_list dl dt a{ display:block; padding:0 15px;}
#navigation ul li .down_list dl:hover dt a{ background-color:#fcc010;}

#navigation ul li .down_list dl dd{ position:absolute; left:150px; top:0; display:none; min-width:110px; width:auto; background-color:#FFF; padding:10px;border:1px solid #e2e2e2;}
#navigation ul li .down_list dl dd a{ display:block; height:35px; line-height:35px; overflow:hidden; font-size:12px;color:#666;}
#navigation ul li .down_list dl dd a:hover{ color:#000; text-decoration:underline;}


/*--------------底部 1200 170-------------*/
#footer{ width:100%; background-color:#1d1d1d; color:#f0f0f0;}
#footer_in{}
#footer_in .f_logo{ float:left; width:170px; position:relative;}
#footer_in .f_logo img{ width:120px; height:auto;}
#footer_in .f_logo .line{ position:absolute; top:50px; right:0; width:1px; height:60px; background-color:#FFF;}

#footer_in .f_rt{ float:right; width:980px;}
#footer_in .f_rt .f_title{}
#footer_in .f_rt .f_title h2{ font-weight:700; font-size:18px;}
#footer_in .f_rt .f_title p{ padding:10px 0; font-size:14px; color:#999999;}

#footer_in .f_rt .f_tel{ margin-top:20px;}

#footer_in .f_rt .f_tel .tel_list{ float:left; width:800px;}
#footer_in .f_rt .f_tel .tel_list h3{ font-weight:normal;}
#footer_in .f_rt .f_tel .tel_list h3 a{display:inline-block; font-size:18px; color:#e0e0e0; border:1px solid #fcfcfc; margin-right:10px; padding:5px 10px;}
#footer_in .f_rt .f_tel .tel_list ul{ margin-top:20px;}
#footer_in .f_rt .f_tel .tel_list ul li{ font-size:14px; height:35px;}
#footer_in .f_rt .f_tel .tel_list ul li .wt1{ font-size:20px;}
#footer_in .f_rt .f_tel .tel_list ul li .wt3{ font-size:18px;}
#footer_in .f_rt .f_tel .tel_list ul li a{ display:inline-block; margin-right:8px; color:#999999;}
#footer_in .f_rt .f_tel .tel_list ul li a:hover{ text-decoration:underline;color:#FFF; }
#footer_in .f_rt .f_tel .tel_list ul li i{ font-style:normal;color:#999999; font-size:12px; margin:0px 4px;}

#footer_in .f_rt .f_tel .ewm{ float:right; width:100px;}
#footer_in .f_rt .f_tel .ewm img{ width:100px; height:100px;}
#footer_in .f_rt .f_tel .ewm p{ margin-top:5px; width:100px; height:14px; line-height:14px; background:url(../images/ftline.png) no-repeat center center; text-align:center; font-size:12px; color:#c3c3c3;}

/* ------------------------------------联系我们 */
.bdys_cont{ width:80%; margin:0px auto; text-align:center; color:#666; padding-top:40px;}
.gn_ct_ct{ width:600px; margin:50px auto; padding-left:30px;}
.gn_ct_ct .ct_ewm{ float:left; width:140px; text-align:center;}
.gn_ct_ct .ct_ewm p{ padding-top:10px;}

.gn_ct_ct .ct_tel{ float:left; margin-left:20px;}
.gn_ct_ct .ct_tel ul li{ height:40px; line-height:40px;}


/* 漂浮 */
#float_chat{ position:fixed; bottom:80px; right:10px; z-index: 100; width:78px; text-align:center;}
#float_chat a{background: rgb(251, 193, 17); height: 80px; margin-bottom:5px; display: block; position:relative;}
/*#float_chat a:hover {background: rgb(255, 220, 0);}*/
#float_chat .current{background: rgb(251, 193, 17);}


#float_chat .inchat span{ display:block;height:40px; line-height:40px; padding-top:10px;font-size:40px;}
#float_chat .inchat p{ height:20px; line-height:20px;}

#float_chat .gotop{}
#float_chat .gotop span{ display:block;height:30px; line-height:30px; font-size:30px; padding-top:10px;}

.chat_ewm{}
.chat_ewm .qrcode{ position:absolute; top:0; right:68px; filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0; z-index:78;
-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;
}

.chat_ewm:hover .qrcode{right:78px;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}