/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
body, button, input, select, textarea { font:12px/1.5 tahoma, arial, "\5b8b\4f53"; *line-height:1.5; -ms-overflow-style:scrollbar }
h1, h2, h3, h4, h5, h6 { font-size:100% }
address, cite, dfn, em, var { font-style:normal }
code, kbd, pre, samp { font-family:courier new, courier, monospace }
small { font-size:12px }
ul, ol { list-style:none }
a { text-decoration:none }
a:hover { text-decoration: none }
sup { vertical-align:text-top }
sub { vertical-align:text-bottom }
legend { color:#000 }
fieldset, img { border:0 }
button, input, select, textarea { font-size:100% }
table { border-collapse:collapse; border-spacing:0 }
#n_body{margin-left:auto; margin-right:auto; width:100%; min-width:1200px;}
#page, #header, #content, #footer { margin-left:auto; margin-right:auto }
.w1100 { width:1100px; margin-left:auto; margin-right:auto}
.w1200 { width:1200px; margin-left:auto; margin-right:auto}
.hidden { display:none }
body{ font-family:"微软雅黑"; background:#fff}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
*html .clearfix { height:1%; }
.clearfix { display: block; }
.clearfix { zoom: 1; }
.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.pbt30{ padding-bottom:30px;}
.pbt40{ padding-bottom:40px;}
.pbt60{ padding-bottom:60px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:30px;}
.pt30{ padding-top:30px;}
.pt70{ padding-top:70px;}
.pt85{ padding-top:85px;}
.over{ overflow:hidden;}
.fl{ float:left;}
.fr{ float: right;}

.f18 { font-size: 18px;}
.f24 { font-size: 24px;}
.f30 { font-size: 30px;}
.pb10 { padding-bottom: 10px;}

.dottxt{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: box; -webkit-box-orient: vertical;}
.line2{ -webkit-line-clamp: 2;}
/***头部***/

/*--- 顶部小导航 ---*/
#nav_tabbg{ height:30px; line-height:30px; background-color:#f5f5f5; border-bottom:1px solid #ededed; color:#DFDFDF;}
.nav_tab{ TEXT-ALIGN:left; margin:0 auto!important; padding:auto!important; position:relative; z-index:9994;}
.nav_tab a{color:#3d3b3c;}
.nav_tab a:hover{color:#FF0000;}
.nav_tabul{ float:left;}
.nav_tabul li,.nav_tabul_r li{ float:left; padding:0 10px; background:url(../images/nav_link.gif) left no-repeat;}
.firshli{ background:none!important; padding-left:0!important;}
.nav_tabul_r{ float:right;}
.red{ color:#FF0000!important;}
.nav_tabul_r b{ width:7px; height:31px; margin-right:3px; padding-right:2px; float:left; background:url(../images/down.gif) center no-repeat;}





#header{ border-bottom:1px solid #e8e8e8; background-color:#fff; width:100%; height:135px;}
.header{ margin-left:auto; margin-right:auto; height:135px; position:relative; text-align:right; z-index:9; }
.header .logo_div{ position:absolute; left:0; padding-top:20px; line-height:115px;}
.header .logo_div img{ display:inline-block; vertical-align:middle;}
.lm_nav{ padding-top:73px; display:inline-block; text-align:center;  font-size:18px; color:#333;}
.lm_nav > li{ float:left; padding:0 20px; position:relative; z-index:1;}
.lm_nav > li > a{color:#333; display:inline-block; padding:0 8px; line-height:32px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  position:relative;}
.lm_nav > li > a.sel { background-color:#d7181e; color:#fff;}
.nav_list{filter:alpha(opacity=0); -moz-opacity:0; opacity:0; height:0; overflow:hidden;  border:1px solid #fff; top:-11px; position:absolute; background-color:#f5f5f5; left:0px; right:0px;  -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.nav_list li{ clear:both; line-height:32px; font-size:14px;}
.nav_list a{ color:#333; display:block;}
.nav_list li a:hover{ color:#d91720;}
.nav_list span{ display:inline-block; line-height:32px; margin-bottom:20px; }
.nav_list li:hover{  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
.lm_nav > li:hover > a { background-color:#d7181e; color:#fff;}
.lm_nav > li:hover > .nav_list{ padding:10px 5px; height:auto; filter:alpha(opacity=1); -moz-opacity:1; opacity:1; display:inline-block; border:1px solid #e8e8e8; }
.lm_nav a i.hot{ top:-16px; right:6px;  background:url(../images/hot.gif); width:27px; height:19px; display:inline-block; position:absolute;}

.banner{ position: relative; height:502px;}
.index_banner{  min-width:1100px;}

/*****量房登记****/
.upin_banner { clear:both; position:relative; z-index:2;}
.upb_box{ float:right; width:300px; height:460px; position:absolute; top:-480px; right:0; z-index:1;}
.upb_box .bg{  background-color:#fff; position:absolute; left:0; right:0; top:0; bottom:0;  filter:alpha(opacity=09); -moz-opacity:.9; opacity:.9; }

.upb_tab{ position:relative; z-index:1;}
.upb_tab .title{ border-bottom:1px solid #dedede}
.upb_tab .title span{ cursor:pointer; color:#333; float:left; width:50%; height:60px; line-height:60px; text-align:center; font-size:16px; cursor:pointer; background-color:rgba(232, 227, 227, 0.62);}
.upb_tab .title span.s1{ background-color: transparent; color:#d91720;}
.upb_item{ clear:both; padding:17px 0;}
.upb_item .ts1{ font-size:14px; text-align:center; font-weight:normal; line-height:36px; color:#666;}
.upb_item .js{ font-size:14px; display:block; text-align:center; color:#d91720; line-height:37px;  padding-top:8px;}
.upb_item .js em{ display:inline-block; background-image:url(../images/free_em.png); width:30px; height:37px; line-height:37px; font-size:24px; text-align:center; vertical-align:top; margin:0 2px;}
.upb_item .in{ clear:both; padding:25px 30px 0 30px;}
.upb_item .in .in_lay{ clear:both; padding-bottom:14px; position:relative;}
.upb_item .in .in_lay .dw{ position:absolute; line-height:40px; height:40px; display: inline-block; right:5px; top:0px; color:#999;}
.upb_item .in .in_input{ border:1px solid #dedede; width:220px; line-height:18px; padding:10px; outline:none; display:inline-block;}
.upb_item .in .in_lay2 .in_sel { width:45px; padding:11px 0px 10px 8px; margin-left:2px;}
.upb_item .in .in_lay2 label{ color:#999;}
.upb_item .in .in_sel{ line-height:18px; padding:11px 8px 10px 8px; outline:none; display:inline-block; border:1px solid #dedede; width:242px; color:#999;}
.upb_item .in .in_sel option{ line-height:24px; font-size:12px;} 
.upb_item .in .in_sel_r{ float:right;}
.upb_item .in .in_lay_bt{ clear:both; padding-top:11px;  padding-bottom:10px;}
.upb_item .in .in_lay_bt .btn{ line-height:40px; width:240px; display:inline-block; color:#fff; font-size:14px; background-color:#d91720; text-align:center;}
.upb_item .ts2{ text-align:center; color:#666;}
.upb_item .tel_bt{ padding-top:6px;}

.upb_item .ts3{ font-size:18px; text-align:center; font-weight:normal; line-height:36px; color:#666; padding-top:10px;}
.upb_item .ts3 em{ color:#f0212b;}
.upb_item .js2{ font-size:24px; display:block; text-align:center; line-height:35px;  padding-top:0px; color:#666;}

.bj_main{ padding:0;}
.bj_main .in{ padding: 15px 30px 0 30px;}

/*****量房登记 end****/
/*装修流程*/
.process{ clear:both; width:100%; background-color:#f0f0f0;}
.process_lay{ line-height:157px; height:157px;}
.process_lay dl{ height:115px; display:inline-block; vertical-align:middle;}
.process_lay dl dt{ width:200px; height:115px; float: left; background-image:url(../images/process_pic.png);}
.process_lay dl dd{ float:left; text-align:center; line-height:normal; padding:0 23px; padding-top:5px;}
.process_lay dl dd i{ width:85px; height:70px; display:inline-block; background-image:url(../images/process_pic.png); background-repeat:no-repeat;}
.process_lay dl dd span{ display:block; font-size:20px; color:#464646;}
.process_lay dl dd.last{ padding-right:0;}
.proc_1{ background-position:-228px 0;}
.proc_2{ background-position:-365px 0;}
.proc_3{ background-position:-494px 0;}
.proc_4{ background-position:-625px 0;}
.proc_5{ background-position:-758px 0;}
.proc_6{ background-position:-881px 0;}
.proc_7{ background-position:-1014px 0;}
/*<!--层共用-->*/
.index_lay{ clear:both;}
.lay_ti{ position:relative; background-image:url(../images/lay_ti.png); height:50px; font-family:"微软雅黑";}
.lay_ti i{ width:45px; text-align:center; line-height:33px; margin-top:13px;  font-style:normal; color:#fff; font-size:20px; display:inline-block; float:left; }
.lay_ti h3{ display:inline-block; font-size:40px; line-height:40px; color:#404040; padding-right:40px; padding-left:5px; }
.lay_ti .lay_ts1{ font-size:20px; color:#7b7b7b;}
.lay_ti .lay_ts2{ font-size:16px; color:#7b7b7b;}
.lay_ti .lay_ts2 em{ color:#d91e25;}
/*套餐系列*/
.tc_lay{ clear:both;}
.tc_lay_box{ clear:both;}
.tc_lay_lay1{ clear:both; padding-bottom:3px;}
.tc_lay_lay1 .l { float:left; width:354px; height:416px; background-color:#eaeaea; position:relative;}
.tc_lay_lay1 .l dl dd{ float:left; width:50%; text-align:center; padding-top:30px;}
.tc_lay_lay1 .l dl dd i{ width:123px; height:123px; background-image:url(../images/tc_ico.png); background-repeat:no-repeat; display:inline-block;}
.tc_lay_lay1 .l dl i.i_1{ background-position: -30px -33px;}
.tc_lay_lay1 .l dl i.i_2{ background-position: -196px -33px;}
.tc_lay_lay1 .l dl i.i_3{ background-position: -30px -185px;}
.tc_lay_lay1 .l dl i.i_4{ background-position: -196px -185px;}
.tc_lay_lay1 .l dl dt{ clear:both; width:100%; text-align:center; padding-top:10px;}
.tc_lay_lay1 .l dl dt .btn{ font-size:18px; line-height:60px; display:inline-block; width:275px; height:60px; text-align:center; background-color:#d91e25; color:#fff; }
.tc_lay_lay1 .l dl dt .btn i{ margin-left:10px;}
.tc_lay_lay1 .l dl dt .btn:hover{ background-color:#000;}
.tc_lay_lay1 .r{ float:right; width:744px; height:416px;}

.item_up{ position:absolute; top:50%; margin-top:-170px; left:50%; margin-left:-200px; width:400px; height:340px; }
.item_up .bg { height:210px; background-color:#fff; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;}

.text_box{ position:absolute; width:400px; height:210px; top:0; text-align:center; }
.text_box h3{ font-size:48px; font-weight:normal; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #000;}
.text_box p{ display:block; padding:0 10px; font-size:24px; color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.text_box p i{ width:25px; height:5px; display:inline-block; background-color:#d91e25;}
.text_box .pr{ display:block; font-size:30px; line-height:38px; line-height:1; padding:15px 0; color: #000;}
.text_box .pr span{ position:relative; vertical-align:middle; display:inline-block; text-align:center; margin-left:8px; background-color:#e0af04; color:#fff;  font-size:18px; padding:0 20px; line-height:38px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;}
.item_btn{ clear:both; text-align:center; padding:35px 0 30px 0; position:relative; }
.item_btn .btn_bg{ position:absolute; left:0; right:0; top:0; bottom:0;}
.item_btn .btn{ position:relative; z-index:1; font-size:36px; color:#fff; text-align:center; display:inline-block; width:60%; background-color:#d91e25; line-height:60px;}
.item_btn i{ margin-left:5px;}

.tc_lay_lay2{ clear:both; height:300px;}
.tc_lay_lay2 .l{ width:727px; height:300px; position:relative; float: left}
.tc_lay_lay2 .l img{ width:100%;}
.tc_lay_lay2 .r{ width:366px; height:300px; position:relative; float:right;}
.tc_lay_lay2 .r img{ width:100%;}
.tc_lay_lay2 .item_up2{ position:absolute; left:0; right:0; top:0; bottom:0; text-align:center;}
.tc_lay_lay2 .item_up2 .bg {position:absolute; left:0; right:0; top:0; bottom:0; background-color:#000; filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4; text-align:center;}
.tc_lay_lay2 .text_box2{ width:365px; display:inline-block; position:relative; z-index:1; padding-top:40px;}
.tc_lay_lay2 .text_box2 h3{ font-size:36px; color:#fff; font-weight:normal;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tc_lay_lay2 .text_box2 .pr{ display:inline-block; font-size:20px; line-height:1; padding:8px 5px; min-width:220px; color:#282828; background-color:#fff; margin:8px 0;}
.tc_lay_lay2 .text_box2 p{ display:block; font-size:22px; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tc_lay_lay2 .item_btn2{ clear:both; text-align:center; padding:20px 0; position:relative;}
.tc_lay_lay2 .item_btn2 .btn_bg{ position:absolute; left:0; right:0; top:0; bottom:0;}
.tc_lay_lay2 .item_btn2 .btn{position:relative; z-index:1; font-size:22px; color:#fff; text-align:center; display:inline-block; width:50%; background-color:#d91e25; line-height:50px; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px;}
.tc_lay_lay2 .item_btn2 i{ margin-left:8px; background-position: -5px 0px}


.tc_lay_lay3{ clear:both; padding-top:8px;}
.tc_lay_lay3 dl { background-image:url(../images/pic_lay3.png); height:110px;}
.tc_lay_lay3 dl dd{ float:left; text-align:center; width:33.3%; padding-top:5px;}
.tc_lay_lay3 dl dd a{ padding-left:190px; display:inline-block;}
.tc_lay_lay3 dl dd h3{ color:#d2000f; font-size:37px; font-weight:normal;}
.tc_lay_lay3 dl dd span{ color:#393939; font-size:18px; font-weight:normal;}

/*家居互联网技术驱动创领者*/
.net_main { clear:both; }
.net_main_lay1{ clear:both; position:relative; height:600px;}
.net_main_lay1 .bigpic{ clear:both;}

.net_main_lay1 .net_r{ position: absolute; width:241px; right:0; top:2px;}
.net_r dl{ background-image:url(../images/net_nav.png); height:120px; background-repeat:no-repeat; background-position:0 0; position:relative; cursor:pointer;}
.net_r dl dt{ position:absolute; padding:25px 0 0 10px;}
.net_r dl dd{ padding-left:105px; width:100px; padding-top:25px;}
.net_r dl dd h3{ font-size:25px; color:#272727; }
.net_r dl dd p{ font-size:13px; color:#272727; text-align:justify}
.net_ico{ background-image:url(../images/net_ico.png); background-repeat:no-repeat; width:63px; height:63px; display:inline-block;}
.net_i_1{ background-position: -4px -4px;}
.net_i_2{ background-position: -4px -124px;}
.net_i_3{ background-position: -4px -245px;}
.net_i_4{ background-position: -4px -365px;}
.net_i_5{ background-position: -4px -488px;}

.net_r dl:hover{ background-position:0 -120px;}
.net_r dl:hover h3{ color:#fff;}
.net_r dl:hover p{ color:#fff;}
.net_r dl:hover .net_i_1{ background-position: -77px -4px;}
.net_r dl:hover .net_i_2{ background-position: -77px -124px;}
.net_r dl:hover .net_i_3{ background-position: -77px -245px;}
.net_r dl:hover .net_i_4{ background-position: -77px -365px;}
.net_r dl:hover .net_i_5{ background-position: -77px -488px;}

.net_r dl.s1{ background-position:0 -120px;}
.net_r dl.s1 h3{ color:#fff;}
.net_r dl.s1 p{ color:#fff;}
.net_r dl.s1 .net_i_1{ background-position: -77px -4px;}
.net_r dl.s1 .net_i_2{ background-position: -77px -124px;}
.net_r dl.s1 .net_i_3{ background-position: -77px -245px;}
.net_r dl.s1 .net_i_4{ background-position: -77px -365px;}
.net_r dl.s1 .net_i_5{ background-position: -77px -488px;}


.net_main_lay2{ clear:both; padding-top:15px;}
.net_main_lay2 dl { background-image:url(../images/net_l2.png); height:126px;}
.net_main_lay2 dl dd{ width:272px; float:left; height:126px; position:relative;}
.net_main_lay2 dl dt{ float:left; width:255px; height:126px;}
.net_main_lay2 dl dd.m{ width:300px;}

/*家装实例*/
.case_lay{ clear:both;}
.case_main { clear:both;}
.case_left { width:400px; border:1px solid #dedede; height:528px; padding:10px 21px 10px 10px; float:left; overflow:hidden; margin-right:10px;}
.case_left h2 { border-bottom:1px solid #dedede;}
.case_left h2 span{ font-size:24px; line-height:49px; display:inline-block; border-bottom:1px solid #F00; color:#333;}
.case_left h2 i{ float:right; margin-top:18px;}
.case_left_list { padding-top:5px;}
.case_left_list dl{ clear:both; position:relative; border-bottom:1px dashed #dedede; padding:10px 0; height:100px;}
.case_left_list dl dt{ position:absolute; left:0; width:100px; height:100px;}
.case_left_list dl dt a{ display:block; border:1px solid #dedede; width:99px; height:99px;}
.case_left_list dl dt a img{ width:99px; height:99px;}
.case_left_list dl dd { padding-left:120px;}
.case_left_list dl dd h3{ font-size:18px; padding:8px 0 12px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_left_list dl dd h3 a{ color:#333;}
.case_left_list dl dd p{ font-size:12px; color:#999; padding-bottom:10px;}
.case_left_list dl dd .bt{font-size:12px; color:#999;}
.case_left_list dl dd .bt span{ display:inline-block; padding:0 12px; border:1px solid #999; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;}
.case_left_list dl:hover h3 a{ color:#e60033;}

.case_mid { width:195px; float:left; }
.case_mid dl{ clear:both; padding-bottom:9px;}
.case_mid dl dd{ clear:both;}
.case_mid dl dd img{ width:195px; height:145px; display:inline-block; vertical-align:top;}
.case_mid dl dt{ clear:both; line-height:32px; height:32px; background-color:#e4e4e4;}
.case_mid dl dt h3 { font-size:15px; font-weight:normal; color:#545454; float:left; width:60px; padding:0 10px; text-align:center;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.case_mid dl dt p{ float: left; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#7b7b7b;}

.case_right { width:450px; float:right; background:#eaeaea; }
.case_right .ch_down{ clear:both; height:208px; background:#eaeaea url(../images/ch_down.png) center top no-repeat}

.case_right .ch_down dl{ clear:both; position:relative; padding:40px 18px 0 15px; }
.case_right .ch_down dl dt{ position:absolute; padding-left:32px; padding-top:45px;}
.case_right .ch_down dl dt img{ width:65px!important; height:65px!important;}
.case_right .ch_down dl dd{ padding-left:125px; width:290px;}
.ch_down .ch_ti{ clear:both; color:#7b7b7b; border-bottom:1px dashed #ccc; line-height:32px;}
.ch_down .ch_ti h3{ float:left; max-width:150px; font-size:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ch_down .ch_ti span{ float:right; text-align:right; color:#b1b0b0;}
.ch_down .ch_ti span i{ margin-right:10px;}
.ch_down .txt { font-size:12px; color:#7b7b7b; text-align:left; line-height:20px; padding-top:12px;}

/*专业的设计师团队*/
.designer_lay{ clear:both;}
.designer_main{ clear:both;}
.designer_left{ float:left; width:197px;}
.designer_left .designer_knowti{ background:url(../images/desi_top_.png); height:112px; padding-top:90px; text-align:center; color:#fff; font-size:15px; line-height:20px;}
.designer_left .designer_knowti h3{ font-size:16px; line-height:30px;}
.designer_knowlist{ clear:both; position:relative; border:1px solid #d91e25; border-top:0; height:186px;}
.designer_knowlist h3{ font-size:14px; text-align:center; position:relative; margin-top:-10px;}

.designer_knowlist .list{ line-height:20px; height:115px; padding:2px 7px 5px 7px;}
.designer_knowlist .list li{ clear:both; background:url(../images/t_r.png) left center no-repeat; padding-left:10px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.designer_knowlist .list li a{ color:#606060}
.designer_knowlist .list li a:hover{ color:#F00}
.designer_knowlist .bt { clear:both; text-align:center;}
.designer_knowlist .bt .btn{ height:29px; line-height:26px; width:107px; font-size:20px; color:#fff; display:inline-block; text-align:center; background:url(../images/know_btn.png);}
.designer_knowlist .bt .btn:hover{ background-position:0 -29px;}

.designer_right{ float:left; width:902px; padding-left:1px;}

.designer_right .lay_1{ clear:both;}
.desi1_ul{ clear:both;}
.desi1_ul li { position:relative; width:223px; float:left; padding-left:2px;}
.desi1_ul li a{ display:block; height:202px; position:relative;}
.desi1_ul li img{ width:223px; height:202px;}
.desi1_ul li a div{ position:absolute; bottom:0; left:0; right:0; color:#fff; height:34px; line-height:34px; background-color:rgba(0, 0, 0, 0.5); padding:0 5px;}
.desi1_ul li a div h3{ float:left; font-weight:normal; max-width:85px; font-size:21px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.desi1_ul li a div i{ float:left; width:1px; background-color:#fff; height:20px; margin:7px 6px 0px 6px; }
.desi1_ul li a div p{ float:left; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:155px;}

.designer_right .lay_2{ clear:both; padding-top:8px;}
.designer_gd{ position:relative;}
.lay_s_l,.lay_s_r{ position:absolute; top:50%; margin-top:-29px;}
.lay_s_l { left:2px; background:url(../images/gd_left.png) center no-repeat; cursor:pointer; height:58px; width:18px; text-indent:-9999px; overflow:hidden; }
.lay_s_r { right:2px; margin-right:0; background:url(../images/gd_right.png) center no-repeat; cursor:pointer; height:58px; width:18px; text-indent:-9999px; overflow:hidden;}
.desi2_ul li{ float:left; padding-left:2px;}
.lay_s_pic { overflow:hidden; white-space:nowrap; }
.lay_s_pic ul { width:3500px; }

/*服务体系*/
.service_lay{ clear:both}
.service_main{ clear:both;}
.service_main .title span{ cursor:pointer; float:left; width:364px; color:#404040; text-align:center; border:1px solid #fff; border-bottom:1px solid #e60033; background-color:#f0f0f0;  -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }
.service_main .title span h3{ font-size:27px; font-weight:normal;}
.service_main .title span p{ font-size:18px;}
.service_main .title span.s1{ color:#e50032; width:366px; background-color:#fff; border:1px solid #e60033; border-bottom:1px solid #fff;}
.service_main .ser_main{ padding-top:5px;}

.know_lay{  width:335px;}
.know_lay .ti{ position:relative; border-bottom:1px solid #d4d4d4; line-height:34px; }
.know_lay .ti h3{font-size:24px; font-weight:normal;}
.know_lay .ti .more{ position:absolute; right:0; top:3px; color:#393939;}
.know_lay .ti .more em{ font-family: "Comic Sans MS", cursive}
.know_lay .ti .more:hover{ color:#e50032;}
.know_fl{float:left; padding-right:47px;}
.know_fr{ float:right;}
.know_box{ position:relative; height:140px; padding:11px 0 11px 140px;}
.know_box dt{ position:absolute; left:0;}
.know_box dd{ display:inline-block; width:178px;}
.know_box_ul li{ line-height:32px; background:url(../images/fan.png) left center no-repeat; padding-left:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.know_box_ul li a{ color:#393939;}
.know_box_ul li a:hover{ color:#e50032;}


.ico{ background-image:url(../images/ico.png); background-repeat:no-repeat; display:inline-block; vertical-align:middle;}
.ico_r{ height:18px; width:8px; background-position: 0 -52px;}
.ico_r1{ height:28px; width:16px; background-position: 0 0px;}
.ico_lp{ height:24px; width:28px; background-position: 0 -100px;}
.ico_love{ height:20px; width:20px; background-position: -5px -173px;}
.i_clox3{ height:20px; width:20px; background-position: -2px -219px;}
.i_see{ height:22px; width:22px; background-position: -2px -264px;}
/*****按30的圆角*****/
.ro30{-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}

.fodc div.dis {DISPLAY: block}
.fodc div.undis {DISPLAY: none}




/*--- new footer  ---*/
.new_hight{width:1003px; margin:0 auto!important; padding:0 auto; position:relative; clear:both; height:30px; background-color:#fff;}
.news_footer{ background-color:#f8f8f8; border-top:#e3101e solid 5px; padding:20px 0 0px 0; color:#666666;}
.n_f_main{width:990px; margin:0 auto!important; padding:0 auto; position:relative;}
.f_luichen{  height:93px;   background:#efefef url(../images/f_luichen.png) no-repeat;}
.f_help{ clear:both; position:relative; height:125px; padding-top:16px;}
/*****2维*****/
.f_help_2wei{position: absolute; right:0; width:175px; height:110px; }
.f_help_2wei span{ display:block; text-align:center;}
.f_help_2wei span img{ margin:0 auto;}
.f_help_2wei p{ text-align:center; font-family:"微软雅黑"; color:#3d3b3c; line-height:32px; }
/****帮助中心****/
.f_help_links{ clear:both; padding-left:248px; }
.f_help_links dl{ float:left; width:154px;}
.f_help_links dl dt,.f_help_links dl dd,.f_help_links a{ clear:both; color:#666; line-height:20px;   }
.f_help_links dl dt{ font-weight:bold; font-size:14px; font-family:"微软雅黑";}
.f_help_links dl dd{ padding-left:3px;}


/***客服***/
.f_service{ position:absolute; left:0;}
.f_service h2,.f_service .kfti{ font-size:18px; font-family:"微软雅黑"; font-weight:bold; line-height:26px; padding-bottom:5px;}
.f_tel{ font-size:27px; font-family: Verdana, Geneva, sans-serif, fantasy; color:#d7181e; background-color:#f1f1f1; padding:0 10px;}
.f_service h3{ padding:10px 0 0 25px;}

/****友情链接***/
.f_flink{ padding-bottom:15px; display:block; clear:both; position: relative;}
.f_link_a{ padding: 3px 0 10px 5px; line-height:23px; height:40px; overflow:hidden; background-color:#efefef; font-family:"宋体",Arial, Helvetica, sans-serif;}
.f_link_more{ height:auto;}
.f_flink a { margin-right: 4px; color: #666666; display:inline-block; }
.f_link_up{ position:absolute; bottom:20px; text-align:center; font-size:14px; font-family:"微软雅黑"; right:0px; width:10px; height:16px; line-height:14px; background-color:#CCC; cursor:pointer; }
.f_link_up:after{ content:"∨"}
.f_link_more .f_link_up:after{ content:"∧"}
/**版权部**/
.n_footer_copyright{ background:#e9e9e9; padding:10px 0; position:relative; clear:both}
.n_f_c_box{width:990px; margin:0 auto!important; padding:0px auto; position:relative; text-align:center;  line-height:20px;}
.link_lm{ color:#363636;}
.link_lm a{color:#363636;}
.n_f_c_box .beian1{ color:#9f9f9f;}
.n_f_c_box .beian1 a{color:#9f9f9f;}
.bticobox{ padding-top:8px;}
.btico img{  display:inline-block}
.zz_tj2{position: absolute; right: 180px; bottom: 7px;}
/*--- new footer样式结束  ---*/
/***到顶***/
.fixed-tool { width:62px; border:0px solid #e5e4e4; position:fixed; right:0; bottom:80px; z-index:100; display:none; }
.fixed-tool li { text-align:center; font-size:12px }
.fixed-tool li.top a i{ background-color:#fff; background-image:url(../images/gotop.png); width:32px; height:32px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; display: inline-block; border:1px solid #ccc;}
.fixed-tool li.top a span{ display:block; color:#666;}


/****底边****/
.no_fixed{ position: inherit!important}
.bottom_box { height: 70px; position: fixed; bottom:0px; z-index: 20; width: 100%; _position: absolute; _left: expression(eval(document.documentElement.scrollLeft)); _top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 215)); transition:300ms ease all;}
.b_up{ bottom:0px;}
.bottom_box_bj{height: 70px; background: #15161a; position: absolute; bottom: 0px; z-index: 5; width: 100%; opacity: 0.78; filter: alpha(opacity=78); -ms-filter: alpha(opacity=78);}
.bottom_box_click{ display:block; width:100%; height:59px; cursor:pointer; position:absolute; z-index:10; top:56px;}
.bottom_box_click_toleft{ position:relative; width:1100px; z-index:11; margin:0 auto;}
.yy_up dt{ color:#f2ad09; font-size:24px; font-weight:bold; line-height:30px; float:left; padding-top:5px; padding-right:30px; padding-left:10px;}
.yy_up dd{ float:left; padding-right:10px;}
.fotin_box{ margin-top:15px; background-image:url(../images/f_btn.png); background-repeat:no-repeat; height:42px; line-height:42px; display:inline-block;}
.fotin_box input{ background:none; border:none; outline:none; height:42px; line-height:42px; color:#fff; font-size:14px; padding:0 10px;}
.fotin_box input::-webkit-input-placeholder{ font-size: 14px; color: #fff;}
.fotin_box_1{ width:182px; background-position: 0 0;}
.fotin_box_1 input{ width:162px; }
.fotin_box_2{ width:252px; background-position: -191px 0;}
.fotin_box_2 input{ width:232px; }
.fotin_box_3{ width:243px; background-position: -452px 0;}
.fotin_box_3 input{ width:223px; }
.yy_up dd .btn{ margin-top:12px; background-image:url(../images/f_btn.png); background-position: -705px 1px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat; display:inline-block; text-align:center; width:150px; height:48px; line-height:48px; color:#fff; font-size:18px;  }
.yy_up dd .btn:hover{ margin-top:13px; margin-left:1px;}
.goleft{ position:absolute; right:0px; color:#fff; top:19px; background-image:url(../images/f_btn.png); background-repeat:no-repeat; background-position:-904px -5px; width:32px; height:32px; display:inline-block; }
.b_left{ margin-left:-100%;}
.go_show { position: fixed; bottom:20px; z-index: 20; background-image:url(../images/go_show.png); width:208px; height:70px; cursor:pointer;transition:300ms ease all 100ms; }
.go_show span{ display:inline-block; color:#d10005; font-size:18px; padding-left:28px; padding-top:10px; line-height:24px;}
.pet{ display:inline-block; background:url(../images/pet.png); width:69px; height:111px; position:absolute;  }
.bottom_box_click_toleft .pet{ left:-110px; bottom:-60px;}
.go_show span.pet{ height: 95px; position:absolute; bottom:70px; left:30px; padding:0;}
/*******动画*******/
@-webkit-keyframes lcjj_top_up{ 
	0%{ margin-top:0px; }
	20%{ margin-top:4px; }
  	40%{ margin-top:8px; }
	60%{  margin-top:12px; }
	80%{  margin-top:8px; }
	100%{  margin-top:0px; }
}
@-moz-keyframes lcjj_top_up{
	0%{ margin-top:0px; }
	20%{ margin-top:8px; }
  	40%{ margin-top:12px; }
	60%{  margin-top:12px; }
	80%{  margin-top:8px; }
	100%{  margin-top:0px; }
	}
@keyframes lcjj_top_up{
	0%{ margin-top:0px; }
	20%{ margin-top:8px; }
  	40%{ margin-top:12px; }
	60%{  margin-top:12px; }
	80%{  margin-top:8px; }
	100%{  margin-top:0px; }
	}
/*弹框*/

.decorate_tk{ min-width:300px; max-width:600px; padding:10px 32px;}
.decorate_tk h3{ line-height:2; font-size:24px; position:relative; padding-bottom:20px; padding-top:10px;}
.decorate_tk h3 .cloxx{ position:absolute; right:0; }
.decorate_tk .d_in_box{ clear:both;}
.d_in_box .d_in{ clear:both; padding-bottom:.2rem;  position:relative}
.d_in_box .d_in_s { position:relative;}
.d_in_box .d_in_s select{height: 44px; color:#999; line-height: 43px; border: 1px solid #e8e8e8; width: 100%; background-color: #f5f5f5; outline:none;  padding: 0 .2rem; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.d_in_box .d_in .d_dw{ position:absolute; right:10px; top:14px; color:#999;}
.d_in_box .d_inx{position: relative; border: solid 1px #e8e8e8; width:335px;  background-color: #fff; margin-bottom: 20px; overflow: hidden; height:42px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.d_in_box .d_inx input{ font-size:14px; display: block; height: 42px; border: none; text-align: left; width: 315px; border: 0; background:none; padding:0 10px;}
.d_in_box .d_in_bt{ clear:both; padding-top:15px;}
.d_in_box .d_in_bt .btn{font-size:18px; color:#fff; text-align:center; padding:4px; display:inline-block; width:335px; background-color:#e60033; line-height:2; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.d_in_box .d_ts{ font-size:12px; color:#333; line-height:1.6; padding:10px 0; text-align:center;}

.d_in_s_list{ clear:both; display: -webkit-box; display: -ms-flexbox; }
.d_in_s_list .d_in{ float:left; width:49%;}
.d_in_s_list .d_in:nth-child(2){ float:right; margin-left:2%;}

/*******list********/
#list_body{ background-color:#f5f5f5}
.news_box{ padding-bottom:40px;}
/*广告，位置*/

.gg{ clear:both;}
.gg_box{ padding-top:15px; overflow:hidden;}
#in_main{ clear:both; width:100%;}
#local{ clear:both; width:100%;}
.local{ height:40px; line-height:40px; font-size:12px;}
.local a{ color:#1062d0;}
.local a:hover{ text-decoration:underline;}
.local i{ font-style:normal; background-image:url(../images/local.png); background-repeat:no-repeat; margin: 0 5px; width:5px; height:12px; display:inline-block; vertical-align:middle; text-align:-999px; overflow:hidden;}

.news_lists{width:785px; float:left;}
.details{width:785px; float:left;}
.news_main{background-color:#fff; border:1px solid #f0f0f0; min-height:1091px; padding:0px 25px 25px 25px; clear:both; display:block; line-height:24px; position:relative; overflow:hidden; word-break: break-word; font-size:12px; }
.news_list_box{ clear:both; padding:0 0px 25px 0px; }
.news_list_ul li{ clear:both;  border-bottom:1px dotted #e8e8e8; height:120px; padding:20px 0 20px 140px; position:relative;}
.news_list_ul li:hover{ background-color:#FCFFFE;}
.news_list_ul li h3.title{ font-size:16px; color:#333; font-weight:bold; position:relative; line-height:24px;}
.news_list_ul li h3.title a{ color:#333;}
.news_list_ul li:hover h3.title a{ color:#e60012}
.news_list_ul li .img{ position:absolute; width:120px; height:120px; left:0; top:20px;}
.news_list_ul li .img img{width:120px; height:120px;}

.news_list_ul li .txt{ font-size:14px; line-height:24px; max-height:46px; height:46px; color:#808080; margin:11px 0 10px 0; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.news_list_ul li .txt a{ color:#808080;}
.news_list_ul li .bt{color:#808080; padding-top:5px;}
.news_list_ul li .bt span{ float:right; color:#808080;}
.news_list_ul li .bt span.time{ width:105px; text-align:right;}
.news_list_ul li .bt span.man{  min-width:95px;  padding-left:24px; }
.news_list_ul li .bt span.man i{padding-right:4px;}
.news_list_ul li .bt span.from{ float:left;}

/*分页*/
.pagebar{padding:12px 0 12px 0; text-align: center; clear:both; font: normal 13px Microsoft Yahei;}
.pagebar form{margin:10px auto; text-align:right;}
.pagebar .page_now{color:#fff; font-weight:bold; padding:4px 6px; background:#4398ce; }
.pagebar .current{ border:1px solid #CE4349; color:#fff; padding:8px 5px 8px 5px; margin: 0 3px; min-width:25px; display:inline-block; background:#CE4349; }
.pagebar a.current:hover{ color:#fff;}
.pagebar a{border:1px solid #ccc; color:#808080; padding:8px 5px 8px 5px;  margin: 0 3px; min-width:25px; display:inline-block; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.pagebar span{color:#808080; padding:8px 5px 8px 5px;min-width:25px; display:inline-block; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.pagebar span.current{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.pagebar a:hover{border:1px solid #F00; color:#f00;}
.pagebar a.current{border:1px solid #F00; background-color:#F00; color:#fff;}
.pagebar a.tips{ border:1px solid #CAC6C6; color:#CAC6C6;}
/*.pagebar span{color:#808080; padding:0 5px;}*/
.pagebar .page_input{ border:1px solid #CAC6C6; width:38px; height:38px; text-align:center; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.pagebar .enter_go{ background-color:#f0f0f0; padding:9px 16px}
.pagebar .pagination{display: flex;}
/******list right*******/
.list_right{ float:right; width:300px;}
.n_r_box{ clear:both; background-color:#fff;}
.n_r_box .title{ padding:0 12px; color:#333; border:1px solid #e8e8e8; background-color:#FBFBFB; height:50px; line-height:50px; font-size:18px; font-weight:bold;}
.n_r_box .title .more{ float:right; color:#808080; font-weight:500; font-size:12px;}
.n_r_box .box{border:1px solid #e8e8e8; border-top:0; }
.n_r_box .k_wordbox{height:160px; padding:20px 0 0 28px;}
.n_r_box .box .k_word{ clear:both; }
.n_r_box .box .k_word li{ float:left; padding:0 10px 10px 0;}
.n_r_box .box .k_word li a{ margin:0; width:90px; padding:0 5px; height:40px; line-height:40px; display:block; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color:#f5f5f5;}

.n_r_box .box .tj_p_d { height:280px;}
.n_r_box .box .tj_p_d .s_txt{  padding-top:0px; }
.n_r_box .tj_p_d .img .pic img{ width:100%; height:auto; max-width:249px; max-height:180px;}

.list_nav_box{ border: 1px solid #e8e8e8; border-top:0; padding:10px;}
.list_nav_box ul li{ clear:both; line-height:40px;}
.list_nav_box ul li a{ display:block; padding-left:20px; font-size:14px; color:#333}
.list_nav_box ul li a:hover{ background-color:#f5f5f5;}
.list_nav_box ul li a i{ background-image:url(../images/ln_ico.png); background-repeat:no-repeat; background-position:0 -11px; width:7px; height:12px; display:inline-block; vertical-align:middle; margin-right:4px;}
.list_nav_box ul li a:hover i{ background-position:0 -52px;}
.list_nav_box ul li.sel a{background-color:#f5f5f5; color:#ff0000;}
.list_nav_box ul li.sel a i{ background-position:0 -52px;}

.n_r_in{ clear:both; padding:20px 0 0 0;}
.n_r_in .upb_box{ float:none; width:298px; border:1px solid #e8e8e8; height:460px; position:relative; top:0; right:0; z-index:1;}
.n_r_in .upb_item .in{ padding: 25px 30px 0 29px;}
.n_r_in .bj_main .in{ padding: 15px 30px 0 29px;}
.list_picshow{ padding-top:20px;}
.n_r_box3{ margin-top:20px;}
.see_box{ border: 1px solid #e8e8e8; border-top:0; padding:10px 15px; max-height:280px; overflow: hidden;}
.see_box a{ display:inline-block; line-height:30px; margin-right:15px; color:#999; font-size:14px;}
.see_box a:hover{ color:#F30}

/***************/
.xx_content_box{ clear:both; margin-bottom:10px; position:relative; padding-bottom:150px;}
.xx_content_t{ color:#000000; font-size:30px; font-weight:bold; line-height:36px; text-align:left; border-bottom:0px solid #e8d4d8; display:block; padding: 30px 0px;}
.xx_content_x{ color:#000000; border-bottom:1px dotted #e8e8e8;  margin:0 0px 0 0; text-align:left; line-height:26px;  clear:both; padding-bottom:2px;}
.xx_content_x span{ padding:0 20px 0 0; font-size:12px; color: #808080;}
.xx_content_x span.ln { margin-right:4px;}
.xx_content_x span.share{ position:relative; padding-left:230px;}
.xx_content_x span.share em{ position: absolute; width:230px; left:15px; top:1px;}
.xx_content{ text-align:justify; clear:both; display:block; padding:35px 0px 30px 0px; line-height:24px; position:relative; overflow:hidden; word-break: break-word; font-size:14px; }
.xx_content p{padding:0;margin:0;}
.xx_content img{ display:inline-block; vertical-align:top}
.xx_content strong{ font-weight:bold;}
.xx_content em{ font-style: italic}
.articleContent_other{ line-height:24px; border-top:1px solid #e8e8e8; padding:8px 0px; font-size:12px; text-align:left; position: absolute; bottom:0px; left:0; right:0;}
.articleContent_other div{  margin-left:0;}
.articleContent_other div.bt_txt{ border-top:1px dotted #e8e8e8; margin-top:15px; padding-top:8px; color:#808080;}
.articleContent_other a{ color:#666;}
.articleContent_other a:hover{ color:#F00;}

.fx_box {float:right; width:170px; height:28px; position:absolute; right:0; top:50%; margin-top:-14px;}

/***右浮***/
.fixed_right { width:90px; border:0px solid #e5e4e4; position:fixed; right:0; bottom:50%; z-index:100; }
.fixed_right ul{ background-color:#000;  border-radius: 6px; background-color: rgba(0,0,0,0.5); -pie-background:rgba(0, 0, 0, 0.5);/*IE6-8*/ 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);	}
.fixed_right li { text-align:center; font-size:12px; clear:both; width:90px; height:90px; line-height:90px;}
.fixed_right li a{ display:inline-block; line-height:24px; vertical-align:middle; width:100%; padding:10px 0;}
.fixed_right li i{ display:inline-block; background-image:url(../images/fixed_ico2.png); background-repeat:no-repeat; width:34px; height:34px; line-height:34px; vertical-align:top;}
.fixed_right li:hover i{background-image:url(../images/fixed_ico2_on.png);}
.fixed_right li:hover { background-color:#fc9149}
.fixed_right li:nth-child(1){border-radius: 6px 6px 0 0;}
.fixed_right li:nth-child(3){border-radius:  0 0 6px 6px;}
.fixed_right li i.i_yy{ background-position:0 -3px;}
.fixed_right li i.i_kf{ background-position:0 -93px;}
.fixed_right li i.i_sever{ background-position:0 -183px;}
.fixed_right li span{ display:block; color:#fff; font-size:14px;}