﻿@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;}

body {  color:#666; font-family:"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif;  font-size: 14px; overflow-x:hidden ; background:#fff; /*line-height:24px;*/ min-width:1300px;}

li, ol { list-style:none; }

i, em, b { font-style:normal; font-weight:normal; }

a {  color: #666; text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}

a:hover { cursor:pointer; text-decoration:none; color:#ff6800;}

.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.'; }

img{ padding:0; margin:0; border:0;}
/*img{ padding:0; margin:0; display:block; 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 .line{color:#cccccc; margin:0 17px 0 8px; float:left}

.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:8px 0;}

.header_m h1{margin-left:50px; width:159px;}

.header_m h1 a{ display:block; width:139px; height:66px; margin-top:5px;}

.header_m h1 a img{ width:100%;}

.header_m_dq { margin:0 0 0 50px; position:relative;}

.header_m_dq p{ background:url(/images/51cy_main_1.png) no-repeat; background-position:-118px 11px; line-height:39px; padding:0 9px 0 25px; cursor:pointer; border:1px solid #f9f9f9; border-top:0; border-bottom:0; position:relative; z-index:101}

.header_m_dq p.on{ border-color:#ff6800; background-color:#fff}

.header_m_dq p span{ font-size:12px; color:#333333; background-position:32px 6px; padding-right:20px;}

.header_m_dq p.on span{ background-position:32px -16px;}

.header_m_dq p span:hover{ color:#ff6800}

.header_m_dq_m{ position:absolute; left:0; top:38px; width:224px; height:82px; background:#fff; z-index:100; text-align:center; border:1px solid #ff6800; display:none;}

.header_m_dq_m ul{ padding-top:15px; }

.header_m_dq_m li{ float:left; line-height:22px; width:74.6666px;}

.header_m_dq_m li a{ font-size:12px; color:#666}

.header_m_dq_m li a:hover{color:#ff6800;}

.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:-198px; top:53px; z-index:10; width:458px; 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:2px 0; text-align:center;}

.header_m .nav li .sideDown_m a{ font-size:14px; line-height:30px; text-align:center; padding:0 10px; color:#666; display:inline-block; text-align:center;}

.header_m .nav li .sideDown_m a:hover{color:#ff6800;}

.header_m .nav li .sideDown_m span{ color:#ececec; display:inline-block; margin:0 30px; line-height:30px;}



.footer{ background:#f3f3f3; width:100%; padding:30px 0 10px 0; color:#333;}

.footer_l{ margin-left:50px;}

.footer_l_nav a{ float:left; color:#333; font-size:12px;}

.footer_l_nav a:hover{color:#ff6800;}

.footer_l_nav span{ float:left; font-size:14px; margin:0 15px;}

.footer_l p{ color:#999; line-height:20px; margin-top:10px;}

.footer_l p a{ color:#999;}

.footer_l p a:hover{ color:#ff6800;}

.footer_r{ margin-right:50px;}

.footer_r_o{ float:left;}

.footer_r_o p{ text-align:right}

.footer_r_o p.p1{ color:#666; font-size:16px; line-height:20px; background:url(/images/51cy_main_1.png) no-repeat; background-position:-230px -158px; padding-left:20px; display:inline-block; float:right;}

.footer_r_o p.p2{ color:#ff6800; font-size:36px; line-height:36px; margin:8px 0 12px 0}

.footer_r_o p.p3{ color:#999; font-size:12px; line-height:12px;}

.footer_r_o p.p3 a{ color:#999;}

.footer_r_o p.p3 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;}

.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:e-xpression(documentElement.scrollTop+10 + "px"); z-index:100;}

.floatBox.fixer{ top:150px}

/*右侧客服 结束*/



.pagination {text-align: center;}

.pagination ul {}

.pagination li {display: inline-block;border-bottom: 0px !important;}

.pagination li a {padding: 0px 30px;}



