@charset "utf-8";
/**
* Description: Index Page style 
* Developers: tianning <zuixinweilan@sina.com.cn>
* Date: 2014-5-5
**/


/*WAPPER
-------------------------------------------------------------- */
.wapper { position:relative; margin:0 auto; width:1200px;}
.main_content{margin-top: 5px;}
.main_content>li{float: left;}
.main_content li:nth-child(2) {  width: 238px;}

.pc_headset_mobile { overflow: hidden; width: 200px; height: 458px;}
.pc_headset_mobile li { position: relative; overflow: hidden; width: 200px; height: 152px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.pc_headset_mobile li a { position: absolute; top: 0; left: 0; display: block; width: 200px; height: 152px; cursor: pointer;}
.pc_headset_mobile li img { position: absolute;top: 0; left: -5px;}

.shangchengkuaixun{ border: 1px solid #E5E5E5; overflow: hidden; margin-left: 8px; margin-bottom: 7px; font-size:12px; }
.shangchengkuaixun ul{ padding-top:16px; height: 84px;}
.shangchengkuaixun ul li{ padding-left: 8px; margin:3px;}
.shangchengkuaixun .title{ background-color: #F7F7F7; height: 30px; }
.shangchengkuaixun .title a{ display: inline-block; height: 30px; line-height: 30px; width: 114px; float: left; text-align: center; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ECECEC; color: #343434; cursor: pointer; }
.shangchengkuaixun .title a:hover{ text-decoration: none; }
.shangchengkuaixun .title a.active{ background-color: #FFF; color: #CC0000; border-bottom: 1px solid #fff; }
.shangchengkuaixun span{ margin: 3px 5px 0; }
.shangchengkuaixun span.more{ display: block; text-align: right; margin: 3px 5px 2px; }
.shangchengkuaixun span.more a{ color: #006996; }
.shangchengkuaixun span.more a:hover{color: #c00; }
.shangchengkuaixun .tid li a { color: #666; }
.shangchengkuaixun .tid li a:hover { color: #e50a21; }



/*在线申请区域*/
ul.area_zaixianshenqing{ margin-left: 8px; }
ul.area_zaixianshenqing li { margin: 5px 0 6px; }
ul.area_zaixianshenqing li img { width:230px; height:95px; }

/*AD ROW
-------------------------------------------------------------- */
.part2_div{ overflow: hidden;}
.part2_divlast{	margin-right:0;}
.part2_myFocus { width:306px; height:189px}
.geceng_layout{ float:left; position: relative; overflow: hidden; width:294px; height: 189px; margin: 0 8px 10px 0;}
.geceng_layout img{position: absolute; cursor: pointer;}
.geceng_last{ margin: 0 0 10px 0;}
.geceng_last .genceng_pictxt{ position: absolute; left: 0; top: 0; width: 120px; height: 189px; z-index: 30;}

/*PRODUCT FLOOR
-------------------------------------------------------------- */
.floor{ margin-bottom:19px; position:relative; overflow:hidden;}
.floor .tab-arrow{ position: absolute; top: 33px; left: 197px; width: 193px; height: 7px; line-height: 7px; background: url(../images/tab_bg.gif) no-repeat center top; font-size: 0px; z-index: 820}
.floor ul li{ float: left;}
.f_title{ position: relative; height:38px; font:400 18px/38px 'Microsoft YaHei','\5FAE\8F6F\96C5\9ED1'; color: #666;}
.f_subtitle{ text-align: center; font-size: 15px; line-height: 38px; border-bottom: 2px solid #A4A4A4; z-index: 100; cursor: pointer;}
.hei_ti, .hui_se{ position: absolute; z-index: 50}
.hei_ti{ font-size: 16px; font-weight: bold; line-height: 16px; top: 20px; left: 16px;}
.hui_se{ font-size: 14px; line-height: 14px; top: 38px; left: 16px; color: #919090;}
.hei_ti_t1{ top: 35px; left: 15px;}
.hui_se_t1{ top: 16px; left: 16px;}
.hui_se_t2{ top: 56px; left: 16px;}
.hui_se_t3{ top: 56px; left: 16px; font-size: 16px;}
.chengse{ color: #FB6F17;}
.brands { float:left; *width:230px; *margin-left:-5px;overflow:hidden;width:231px;}
.row_center_li {width:772px;}
.row2_pic{ border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.row2_pic280 { width: 222px; *width: 220px; height: 272px; *height:280px; padding: 4px 4px;}
.row2_pic280 p { height: 68px;}

.brans_list { float:left; margin-left:4px;}
.brans_list li{ float:left; position:relative; width:106px; height:53px; border:1px solid #fff; text-align:center;}
.brans_list li img { margin-top: 10px; text-align:center;}
.brans_list li:hover { border:1px solid #efefef; -webkit-box-shadow:0 0 8px 1px rgba(225,225,225,.5) inset; box-shadow:0 0 8px 1px rgba(225,225,225,.5) inset;}
.brans_list_sp {  float:left; width:230px; }
.brans_list_sp li {  float:left;  width:98px; height:28px; margin:8px 6px;}

.row3_c{ border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.row3_cnone img{ width: 230px; height: 115px; border: none;*width:228px;}
.row3_cnone img:hover{ border: none;}
.row3_cnone{  height: 115px; *float:left; *margin-top:-10px;  *border-top:1px solid #eee; *border-right:1px solid #eee;}
.row3_keyword{ overflow:hidden; width:189px;}
.row3_keyword li{ float:left; overflow:hidden; margin:10px 0 0; padding: 0 4px; width:55px; height:16px; font: 13px/16px ''; letter-spacing:0px;}
.row3_c p{ display: inline; position: absolute; overflow:hidden; margin-top: 20px; padding: 0 4px 0 2px; width:100px; line-height: 20px; color: #FB7303;}
.row3_c p a{ display: block; height: 40px;color: #FF7300; font-size: 13px;overflow:hidden;}
.row3_c p a:hover{ color: #e50a21;}
.row3_c span{ font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei"; display: block;}
.row3_c span em{ font-size: 12px; margin-right: 3px;}
.row3_c_lf{ height: 117px; border-left: 1px solid #eee; padding: 0 3px; }
.row3_c_l { overflow: hidden; width:197px;}
.row3_c_l .bannerpic { height: 281px; position: relative; width: 197px; overflow: visible;  background:url(../images/row_ggtpic_bgs.png) no-repeat top right; z-index: 800;}
.row3_c_l .bannerpic img { position: absolute; z-index: 810; width: 195px; height: 281px;}
.row3_c_l f_title img { position: inherit;}
.lc_img { position: absolute; right: 0;bottom: 0; width: auto !important; height: auto !important;}
.lc_p { position: absolute; margin: 0 !important; color:black !important; font-size: 14px;}
.lc_p span { font-size: 12px;}
.row_center_mod { width:772px; *width:776px; overflow: hidden; height: 437px;}

.row_center_mod .mod_tit { height: 40px;}
.row_center_mod .mod_tit .f_subtitle { width: 193px; float: left; color: #616161;}
.row_center_mod .mod_tid { height: 397px;}

.row_center_mod .mod_tid .row2_pic { float: left; width: 192px; position:relative; overflow: hidden; height: 280px;}
.row_center_mod .mod_tid .row2_pic img { position: absolute; top: 0; left: 0; cursor:pointer;}
.row_center_mod .mod_tif { height: 116px; overflow: hidden; clear: both;}
.row_center_mod .mod_tif .row3_c { overflow: hidden; position: relative; float: left; width: 192px; height: 115px;}
.row_center_mod .mod_tif .row3_c img { margin-top: 12px;}
.row_center_mod .mod_tif .row3_c .row3_piclay { position: absolute; top: 0; left: 0; height: 115px; width: 90px; background: #FFF; filter:alpha(opacity=20); opacity:0.2;}
.row_center_mod .mod_tif .row3_c .row3_piclay { display: none;}
.row_center_mod .mod_tif .row3_c .row3_piclayshow { position: absolute; top: 0; left: 0; height: 116px; width: 90px; cursor: pointer; background:url(../images/no_pic.gif) repeat;}
.row_center_mod .mod_tif .row3_c .row3_piclayshow a { display:block; height:100%; text-decoration:underline;}
.row_center_mod .mod_recomm_prod .prod_block { overflow: hidden; position:relative; float: left; width: 192px; height:197.5px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-align:center;}
.row_center_mod .mod_recomm_prod .prod_block img { margin-top: 6px;}
.row_center_mod .mod_recomm_prod .prod_block p { text-align:center;}
.row_center_mod .mod_recomm_prod .prod_block a { display:block; margin:0 auto; width:90%; height:40px; font:13px/20px "Microsoft Yahei"; text-align:left; color:#FF7300;overflow:hidden;}

.row_center_mod .mod_recomm_prod .prod_block .row3_piclay { position: absolute; top: 0; left: 0; height: 115px; width: 90px; background: #FFF; filter:alpha(opacity=20); opacity:0.2;}
.row_center_mod .mod_recomm_prod .prod_block .row3_piclay { display: none;}
.row_center_mod .mod_recomm_prod .prod_block .row3_piclayshow { position: absolute; top: 0; left: 0; width: 193px; height: 133px; cursor: pointer; background:url(../images/no_pic.gif) repeat;}
.row_center_mod .mod_recomm_prod .prod_block .row3_piclayshow a { display:block; height:100%; text-decoration:underline;}




.foot{ margin:25px auto 0 auto; padding:15px 0 30px 0; width:100%; font-size:12px; border-top: solid 1px #ccc; background:#efefef;}
.foot .bottom{ margin:0px auto 0px auto; width:1200px; text-align:left; color:#999;}
.foot .bottom a{color:#999;}
.foot .bottom table td{color:#999!important; line-height: 20px; font-size: 12px; margin: 0; height: 20px; vertical-align: middle;}
.foot .bottom table td:nth-child(1) img {position: relative;left: -10px;}
.foot .bottom table td:nth-child(3) {width: 300px;}
.foot .sers1{ overflow:hidden;width:1200px; padding:0; margin:0 auto; text-align:left;}
.foot .sers1 dl{ width:20%; padding:0; margin:0 auto; height:140px; overflow:hidden; float:left;}
.foot .sers1 dl dt{ width:130px; padding:0; margin:0px 0px 7px 0px; border-bottom:solid 1px #ccc; line-height:24px; padding:0 0 0 25px; font-weight:bold;}
.foot .sers1 dl dd{ width:130px;  line-height:22px; padding:0 0 0 25px; background:url(../images/icon_ser.gif) no-repeat 10px 5px;}

/* POP DIV 
-------------------------------------------------------------- */
.openlayer {z-index:100001;width:444px; height:343px;margin-left:-222px; margin-top:-171px; left:50%; top:50%; position:absolute;}
.openlayer .close { position:absolute; top:0; right:20px;}
.black_bg{ background:#000; width:100%; height:100%; position:fixed; z-index:100000; top:0px; left:0px; filter:alpha(opacity=50); opacity:0.5;}