﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0; }
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}

li, ol { list-style:none; }
i, em, b { font-style:normal; font-weight:normal; }

.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.'; }
img{border:0;}
a img { border:none; }
input{border:0; display:inline-block; outline:none;  font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:12px;}
.fl{float:left; display:inline;}
.fr {  display: inline; float: right;}
div{ display:block;}
.fixed{ position:fixed;}
.w-1300{ width:1300px; margin:0 auto; position:relative;}
.w-1200{ width:1200px; margin:0 auto; position:relative;}

.header{ width:100%; z-index:100}
.header .top{ width:100%; height:38px; line-height:38px; background:#f9f9f9; border-bottom:1px solid #eeeeee}
.header .top p.fl{ margin-left:50px;}
.header .top_r{ margin-right:50px;}
.header .top_r i{ float:left; background:url(../images/51cy_main_20.gif) no-repeat left center; padding-left:23px;}
.header .top_r i b{ color:#ff6800; font-weight:bold; font-size:14px;}
.header .top_r a{ float:left;}
.header .top_r span{ color:#cccccc; margin:0 8px; float:left}
.header .top_r .top_r_share{ float:left; position:relative;}
.header .top_r .top_r_share p{ float:left;}
.header .top_r .top_r_share a{ display:inline-block; width:23px; height:23px; background:url(../images/51cy_main_1.png) no-repeat; background-position:-32px 0; margin:7px 0 0 3px; }
.header .top_r .top_r_share a.a1 { background-position:0 0; margin-right:5px;}
.header .top_r .top_r_share a:hover{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.top_r_share_m{ position: absolute; left:7px; top:38px; width:134px; height:148px; border:1px solid #e6e6e6; background:#fff; text-align:center; z-index:101; display:none;}
.top_r_share_m img{ display:inline-block; padding-top:13px;}
.header .top_r .top_r_share .top_r_share_m p{ color:#333; font-size:12px; text-align:center; float:inherit; line-height:12px; padding-top:8px;}
.top_r_share_m b{ position:absolute; width:14px; height:8px; left:50%; margin-left:-7px; top:-8px; background:url(../images/51cy_main_16.png) no-repeat; display:block;}
.header_m{ width:100%; height:71px; background:url(../images/51cy_head_bg.png); background-repeat:repeat-x; padding:16px 0;}
.header_m h1{margin-left:50px; width:158px}
.header_m h1 a{ display:block; width:158px; height:66px;}
.header_m h1 a img{ width:100%;}
.header_m_dq { margin:25px 0 0 30px; position:relative;}
.header_m_dq p{ background:url(../images/51cy_main_1.png) no-repeat; background-position:-128px 0; line-height:15px; padding:0 0 30px 16px; cursor:pointer;}
.header_m_dq p span{ font-size:14px; color:#333333; background:url(../images/51cy_main_1.png) no-repeat; background-position:-187px 7px; padding-right:20px;}
.header_m_dq p span:hover{ color:#ff6800}
.header_m_dq_m{ position:absolute; left:-107px; top:40px; width:273px; height:70px; background:#f4f4f4; z-index:100; text-align:center; display:none;}
.header_m_dq_m ul{ padding-top:25px; }
.header_m_dq_m li{ float:left; color:#d9d9d9; font-size:14px; padding:0 10px; line-height:22px; margin:0 0 10px 32px;}
.header_m_dq_m li a{ font-size:14px;}
.header_m_dq_m li.on{ background:#ff6800}
.header_m_dq_m li.on a{ color:#fff;}
.header_m_dq_m i{ text-align:center;}
.header_m_dq_m b{ position:absolute; width:18px; height:10px; left:50%; margin-left:-9px; top:-10px; background:url(../images/51cy_main_1.png) no-repeat; display:block; background-position:0 -63px;}
.header_m .nav{ margin-top:10px; margin-right:50px;}
.header_m .nav li{ float:left; margin:0 0 0 42px; position:relative;}
.header_m .nav li a{ padding:10px 0; display:block; font-size:14px;}
.header_m .nav li.on a{color:#ff6800;}
.header_m .nav li.home{ background:url(../images/51cy_main_1.png) no-repeat; background-position:-125px -109px; padding-left:23px;}
.header_m .nav li.home.on{background-position:-125px -47px;}
.header_m .nav .sideDown{ position:absolute; left:-44px; top:40px; z-index:10; width:146px; display:none;}
.header_m .nav .sideDown img{ display:block;}
.header_m .nav .sideDown_m{ width:100%; background:url(../images/sidedown_2.png) repeat-y; padding:5px 0}
.header_m .nav li .sideDown_m a{ font-size:14px; line-height:30px; text-align:center; padding:0; color:#666}
.header_m .nav li .sideDown_m a:hover{color:#ff6800;}




body .main_loc{ padding:20px 0; border-bottom:1px solid #e9e9e9; margin-bottom:35px;}
.main_loc .fl span{ color:#999;}
.main_loc .fr span,.bshare-custom{ float:left;}
.bshare-custom{ margin-top:4px;}

/*预约弹出框 开始*/
.bg{ position:fixed; left:0; top:0; height:100%; width:100%; background:#000; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; z-index:101;display: none; }
.dialog{ width:680px; background:#fff; position:fixed; left:50%; margin-left:-340px; top:50%; margin-top:-300px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, .5);  -moz-box-shadow:0 0 30px rgba(0, 0, 0, .5);   box-shadow:0 0 30px rgba(0, 0, 0, .5); z-index:102;display: none;}
.dialog h4{ color:#000000; font-size:24px; line-height:24px; padding:15px 0; text-indent:27px; border-bottom:1px solid #e6e6e6}
.dialog h4 span{ color:#999999; font-size:14px; margin-left:10px;}
.dialog_m{ padding:30px 0 30px 0;}
.dialog_m_o{ margin-bottom:12px;}
.dialog_m_o p{ width:148px; line-height:40px; text-align:right; color:#333333; font-size:14px;}
.dialog_m_o .inp{ width:380px; border:1px solid #cccccc; background:#fff; font-size:14px; height:38px; line-height:38px; text-indent:15px; color:#333333; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; margin:0 15px 0 10px; }
.dialog_m_o .inp.on{ border-color:#ff6800; -webkit-box-shadow:0 0 6px rgba(255, 104, 0, .5);  -moz-box-shadow:0 0 6px rgba(255, 104, 0, .5);   box-shadow:0 0 6px rgba(255, 104, 0, .5);}
.dialog_m_o span{ color:#aaaaaa; font-size:14px; line-height:40px;}
.dialog_m_o_sel{ margin:0 15px 0 10px; position:relative;}
.dialog_m_o_sel .inp1{border:1px solid #cccccc; background:#f8f8f8; font-size:14px; height:38px; line-height:38px; width:200px; color:#333333; text-indent:15px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; float:left;}
.dialog_m_o_sel i{border:1px solid #cccccc; border-left:0; background:#fff; font-size:14px; height:38px; width:30px; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; float:left; background:url(../images/dialog.png) no-repeat; background-position:9px 17px}
.dialog_m_o_sel ul{ position:absolute; left:0; top:39px; border:1px solid #cccccc; background:#fff; width:200px; padding:5px 0; display:none;height: 120px;overflow: auto;}
.dialog_m_o_sel ul li{ font-size:14px; color:#333; text-indent:15px; line-height:30px; cursor:pointer;}
.dialog_m_o_sel ul li:hover{ background:#f8f8f8}
.dialog_m_o textarea{ width:350px; height:64px; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; padding:10px 15px; border:1px solid #cccccc; background:#fff; font-size:14px; margin:0 15px 0 10px; outline:none; font-size:14px; color:#333; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;}
.dialog_cli{ width:100%; border-top:1px solid #e6e6e6;}
.dialog_cli a{ display:block; height:59px; width:50%; line-height:59px; text-align:center; float:left; color:#666; font-size:20px; background:#f9f9f9;}
.dialog_cli a.a2{ background:#ff6800; color:#fff;}
.dialog_cli a:hover{ background:#e9e9e9}
.dialog_cli a.a2:hover{ background:#f06200}
.dialog_close{ position:absolute; right:20px; top:20px; width:16px; height:16px; background:url(../images/dialog.png) no-repeat; background-position:-77px 0; cursor:pointer;}
/*预约弹出框 结束*/

/*右侧客服 开始*/
.floatBox{ position:fixed; right:0; top:50%; margin-top:-190px; background:#fff; width:74px; z-index:100; -webkit-box-shadow: 3px 3px 3px;  -moz-box-shadow: 3px 3px 3px;  box-shadow: -1px 1px 20px rgba(0, 0, 0, .13);}
.floatBox li a{ color:#666666; font-size:12px; text-align:center; width:100%; display:block; padding:50px 0 5px 0; border:1px solid #ededed; border-top:0; background-image:url(../images/floatbox.png); background-position:center 8px; background-repeat:no-repeat;}
.floatBox li a:hover{ color:#ff6800}
.floatBox li.li_o a{ border-color:#9cb8e2; background-color:#9cb8e2; color:#fff; background-position:16px 9px; cursor:default; padding-top:35px; padding-bottom:0px;}
.floatBox li.li_t a{ background-image:url(../images/q-o.gif)}
.floatBox li.li_s a{ background-image:url(../images/q-t.gif)}
.floatBox li.li_f a{ background-image:url(../images/q-s.gif)}
.floatBox li.li_w a{ background-image:url(../images/q-f.gif)}
.fixer{ position:fixed; right:0px; top:0;_position:absolute;_top:expression(documentElement.scrollTop+10 + "px"); z-index:100;}
.floatBox.fixer{ top:150px;}
/*右侧客服 结束*/
