/* CSS Document */
/*
	@名称: style.css--公共部分
	@日期: 20114-07-02
	@功能: C+云优化型手机网站浏览器样式渲染
	@作者: 深圳市国人天下电子商务有限公司C+前端架构师
	@版权: 深圳市国人天下电子商务有限公司(http://www.ceotx.com)保留
*/
body{ font-family:"宋体"; font-size:12px; color:#6c6c6c; background-color:#fff;}
a{ font-family:"宋体"; font-size:12px; color:#6c6c6c; text-decoration:none;}
a:hover{ color:#ff7d00; text-decoration:none;}
.color{ color:#ff7d00;}
.clear{ clear:both;}.top10{ margin-top:10px;}.bot10{ margin-bottom:10px;}.left10{ margin-left:10px;}.right10{ margin-right:10px;}
.fleft{ float:left;}.fright{ float:right;}.cen{ text-align:center;}

/*Container开始*/
#container{ width:100%; height:auto; overflow-x:hidden}
/*Header开始*/
#header{ position:absolute; z-index:1000; width:100%; height:144px; border-bottom:1px solid #fff; background:url(../images/headerbg.jpg) repeat-x;}
#header .logo{ width:1000px; height:110px; margin:0 auto; background:url(../images/logobg.png) no-repeat center center;}
#header .menu{ width:980px; height:35px; padding:0 9px; line-height:35px; margin:-2px auto 0; border:1px solid #7eb5e0; border-bottom:none; background:url(../images/menubg.png) repeat-x left top;}
#header .menu li{ float:left;}
#header .menu li a{ color:#fff; font-size:14px; padding:0 27px; display:block; background:url(../images/line.png) no-repeat right top;}
#header .menu li a.no{ background:none;}
#header .menu li a.on,#header .menu li a:hover{ background:url(../images/on.png) no-repeat center top; position:relative; z-index:10; height:49px; color:#df7814;}
.topbar{ position:absolute; margin-top:-110px; margin-left:880px;}
.topbar a{ float:left; display:block; width:30px; height:37px; line-height:37px; margin-right:10px; overflow:hidden; text-indent:1000px;}
.topbar a.weixin{ background:url(../images/weixin.png) no-repeat left bottom;}
.topbar a.sina{ background:url(../images/sina.png) no-repeat left bottom;}
.topbar a.weibo{ background:url(../images/weibo.png) no-repeat left bottom;}

#banner_index{ width:100%; height:400px; overflow-x:hidden; position:relative; margin-top:145px;}

#producti,#box{ width:100%; padding:15px 0 10px 0; background:url(../images/bg.jpg) repeat-x left bottom;}
#producti ul.c{ width:1000px; margin:0 auto; display:table;}
#producti ul li.left{ width:185px; height:480px; overflow:hidden; background:url(../images/leftbg_b.png) no-repeat left bottom;}
#producti ul li.sidebar{ width:185px; height:auto; padding-bottom:50px; overflow:hidden; background:url(../images/leftbg_b.png) no-repeat left bottom;}
#producti ul li.left h2,#producti ul li.sidebar h2{ height:58px; line-height:40px; font-size:14px; text-indent:50px; color:#fff; background:url(../images/leftbg_t.jpg) no-repeat left top;}
#producti ul li.left dl,#producti ul li.sidebar dl{ display:block; width:145px; padding:5px 20px 5px 20px; background:url(../images/leftbg_c.jpg) repeat-y left top; line-height:24px;}
#producti ul li.left dl dd,#producti ul li.sidebar dl dd{ height:32px; line-height:32px; padding-left:15px; border-bottom:1px dashed #d4d4d4; background:url(../images/arc001.png) no-repeat 5px center;}
#producti ul li.sidebar dl dd a.on{ color:#ff7d00;}
#producti ul li.right{ width:780px; height:480px; overflow:hidden; margin-left:35px;}
#producti ul li.rightbar{ width:780px; min-height:480px; margin-left:35px;}
#producti ul li.right h2,#producti ul li.rightbar h2{ padding:0 20px; height:40px; line-height:40px; background:url(../images/rightbarbg.jpg) no-repeat left top #fff;}
#producti ul li.right h2 a{ float:right;}
#producti ul li.rightbar h2{ font-size:14px;}
#producti ul li.rightbar h2 label{ font-size:12px; font-weight:100;}
#producti ul li.right dl,#producti ul li.rightbar dl{ padding:10px 0; display:table;}
#producti ul li.right dl dd,#producti ul li.rightbar dl dd{ float:left; display:inline; width:162px; text-align:center; margin:15px 22px 0 22px;}
#producti ul li.right dl dd div{ width:160px; height:160px; border:1px solid #eee;}
#producti ul li.rightbar dl dd div{ width:158px; height:158px; border:1px solid #ddd; overflow:hidden;}
#producti ul li.rightbar dl dd{ width:160px; height:180px; overflow:hidden;}
#producti ul li.right dl dd p,#producti ul li.rightbar dl dd p{ height:30px; line-height:30px;}

#box ul{ width:1000px; margin:0 auto; height:auto;}
#box ul li{ float:left; width:320px; padding:0 5px;}
#box ul li h2{ height:75px;}
#box ul li h2 a.more{ position:relative; z-index:100;left: 260px;top: -32px;}
#box ul li.about dl{ line-height:22px; padding:5px 15px 10px; height:300px;}
#box ul li.about dl .myface{ width:285px; height:90px; overflow:hidden;}
#box ul li.news{ margin:0 5px;}
#box ul li.news dl{ padding:5px 15px 0px; height:300px;}
#box ul li.news dl dd{ height:30px; line-height:30px; overflow:hidden;}
#box ul li.news dl dd label{ float:right; color:#b6b6b6;}
#box ul li.brand dl{ padding:5px 15px 0px; height:300px;}
#box ul li.brand dl dd{ float:left; border:1px solid #dadada; width:85px; height:85px; margin:10px 5px 0px 4px; display:table-cell; vertical-align:middle;}

#links{ width:100%; padding:30px 0; background:url(../images/bg2.jpg) no-repeat center 125px;}
#links ul{ width:1000px; height:60px; overflow:hidden; margin:0 auto; border-top:5px solid #ff9600; border-bottom:1px solid #dadada; border-radius:3px; display:table; padding:15px 0;}
#links ul a{ float:left; margin:0 10px; line-height:30px;}

#footer{ width:100%; border-top:4px solid #ff9600; background:url(../images/bg.jpg) repeat-x left -220px; display:table;}
#footer ul.nav{ width:100%; height:40px; line-height:40px; text-align:center; background-color:#0195da;}
#footer ul.nav a{ color:#fff; font-size:14px; margin:0 20px;}
#footer ul.bot{ width:980px; margin:0 auto; padding:15px 10px 15px 10px; line-height:22px;}
#footer ul.bot h3{}

.left_l{ width:185px;}
#about,#news_list{ width:750px; padding:15px 15px;}
#news_list dd{ background:url(../images/arc.gif) no-repeat 0px 5px; display:block; border-bottom:1px dashed #eee; margin-bottom:10px; padding:0 0 5px 25px; margin:0 auto;}
#news_list dd h3{ font-size:14px; height:30px; overflow:hidden; line-height:30px; margin-bottom:2px;}
#news_list dd h3 label{ color:#aeaeae; display:inline; float:right; font-size:12px; font-weight:100; width:180px; text-align:right;}
#news_list dd h3 label a{ float:right; margin-top:2px;}
#news_list dd h3 a{ font-size:14px; font-weight:bold;}
#news_list dd p{ line-height:20px; color:#878787;}
.content{font-size:14px; line-height:26px; min-height:200px; padding-bottom:20px}
.content h1{ font-family: "微软雅黑"; font-size: 18px; line-height: 35px; text-align: center;}
.time{border-bottom: 1px dashed #D9D9D9;color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px 0; text-align:center;}
.time a{ color:#878787;}
#producti ul li.rightbar dl dd{ margin:10px 22px 10px 22px;}
  
#pagelist {padding: 20px;text-align: center;}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {cursor: pointer; padding: 5px 8px;}
#pagelist a.on {}
#pagelist span.active { background-color: #ff8300;color: #FFFFFF;}
#pagelist a:hover, #pagelist span:hover {background-color: #ff8300;color: #FFFFFF;}

/*--/pagelist--*/

.prew, .nextw {background: url("../images/ui_pre_info.gif") no-repeat scroll 15px 6px transparent;float: left;height: 24px;line-height: 24px;padding-left:4%;text-align: left;width: 46%;overflow: hidden; color:#878787;}
.nextw { background: url("../images/ui_next_info.gif") no-repeat scroll 365px 6px transparent;float: right; padding-right:4%; padding-left:0; text-align: right;}
.prew a, .nextw a { color:#878787;}
.prew a:hover, .nextw a:hover, .about .time a:hover {color: #ff8300;}

/*--/next_prew--*/


.probar { padding: 10px 15px 0;}
.probar_left { width: 402px;}
.probar_right { width:348px;}
.probar_right ul{}
.probar_right li { border: 0 none;}
.probar_right li h1, .probar_right li h3 {    border-bottom: 1px dashed #EEEEEE;}
.tagContent_ { border: 1px solid #EEEEEE; height: 400px; overflow: hidden; text-align: center; width: 400px;}
#thumb { float: left; overflow: hidden; width: 402px;}
#thumb li { border: 1px solid #EEEEEE; display: inline; float: left; height: 70px; margin: 10px 4px; padding:0; overflow: hidden; text-align: center; width: 70px;}
#thumb li:hover { border: 1px solid #EEEEEE;}
#thumb li img {}
#thumb li A { float: left; height: 70px; line-height: 70px; text-align: center; width: 70px;}
#thumb li A a{ width:70px; height:70px;}
#thumb li.emptyTag {}
#thumb li.selectTag { position: relative;}
#thumb li.selectTag A {}

.big{ background:url(../images/big.jpg) no-repeat left center; float:left; height:18px; line-height:18px; padding-left:20px;}

#show{ width:400px; height:400px; overflow:hidden; position:relative; left:0; border:1px solid #eee; text-align:center;}
#show_mark{ position:absolute; top:0; left:0; width:400px; height:400px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ float:left; position:relative; left:412px; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; border:1px solid #eee; background-color:#fff; z-index:1000;}
#zoom img{ position:absolute; margin:0 auto;}

.probar_right ul { padding: 0 0 0 15px;}
.probar_right ul li { padding: 0 0 0 10px;}
.probar_right ul li h1, .probar_right ul li h3 { color:#ff8300; font-size: 12px; line-height: 30px; text-align: left;}
.inp, .textarea { border: 1px solid #EEEEEE;color: #686868; font-size: 12px; font-family: "宋体"; height: 24px; line-height: 24px; margin: 5px 0 0; overflow: hidden; padding: 0 5px 0 7px; width: 247px;}
.inp { height: 24px;}
.textarea { height: 90px;}
.code{ float:left; border:1px solid #eee; height:18px; margin-right:8px; width:60px; padding:1px; text-align:center;}
.sub { background: url("../images/zixun.gif") no-repeat scroll left center transparent; border: 0 none; cursor: pointer; float: left; height: 23px; width: 61px;}

/*--/probar--*/

#xg_pic{}
.di { border: 1px solid #eee; height: 160px; overflow: hidden; width: 160px;}
.di:hover {border: 1px solid #ff8300;}

#marquee { margin-top:15px; overflow:hidden; width:100%;}
#marquee img {}
#marquee dl, #marquee dt, #marquee dd, #marquee a { float: left; padding: 0; text-align:center; font-size:12px;}
#marquee a{ margin:0 5px 0 5px; width:162px; overflow:hidden;}
#marquee dl dt a { display:inline; float:left; line-height: 20px;}
#marquee dl dt a:hover .di{ border:1px solid #ff8300;}
#marquee dl { width:1000%; }
#xg_pic dd{ padding:0; margin:0; border:0;}

/*--/xg_pic--*/

#xg_news ul li {
    background: url("../images/leftbar_arc.jpg") no-repeat scroll 10px center transparent;
    border-bottom: 1px dashed #EEEEEE;
    float: left;
	height:30px;
    line-height: 30px;
	overflow:hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}

#plun {
    border: 1px solid #dadada;
    margin: 20px 0 0 0px;
    padding: 10px;
    width: 758px;
}
#plun h5 {
    display: block;
    padding: 0 10px 10px;
}
#plun h5 span {
    color: #6B6B6B;
    float: right;
}
#plun h5 label {
    background: url("../images/plun.gif") no-repeat scroll left center transparent;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #eee;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 752px;
}
#plun .pl li {
    float: left;
    margin: 10px 0 0;
    text-align: left;
    width: 100%;
}
.plun_inp {
    background: url("../images/plun1.gif") no-repeat scroll left top transparent;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #eee;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 7px;
}
#plun .pl li em {
    float: left;
    height: 22px;
    margin: 0 10px;
    width: 60px;
}
#plun .ly {
    padding: 5px 0;
}
#plun .ly li {
    border-bottom: 1px dashed #CFD3D6;
    clear: both;
    margin: 10px 0 0;
    padding: 0 5px 5px;
}
#plun .ly li label {
    background: url("../images/arrow.gif") no-repeat scroll 2px center transparent;
    color: #267CC8;
    padding: 0 0 0 15px;
}
.em1{ float:left;}
/*--Guest--*/


#guest {
    color: #545454;
    line-height: 22px;
    width: 638px;
	font-size:12px;
}
.input_on {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #999999;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_off {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_move {
    background-color: #FFFFCC;
    background-image: none;
    border: 1px solid #0088CD;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
}
.input_out1 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 70px;
    margin: 0;
    padding: 2px 8px 0 3px;
    resize: none;
    width: 350px;
}
.input_out2 {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 2px 8px 0 3px;
    width: 80px;
}
#guest .input_test {
    height: 400px;
    list-style-type: none;
    margin: 20px auto 0;
    padding-bottom: 10px;
    width: 500px;
}
#guest ul.input_test .hr {
    display: block;
    float: left;
    line-height: 27px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}
#guest ul.input_test li {
    background-image: none;
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 500px;
}
#guest .input_test label {
    background-image: none;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin: 0;
    padding: 0;
    text-align: right;
}
#guest .input_test span {
    background-image: none;
    color: #999999;
    float: left;
    font-size: 12px;
    line-height: 25px;
    margin-left: 0;
    padding-left: 10px;
    text-align: left;
}
#guest .input_test .red {
    color: #FF0000;
    float: none;
}
#sub_btn, #sub_reset {
    height: 24px;
    line-height: 24px;
    margin-right: 10px;
    width: 50px;
}
#sub_btn:hover, #sub_reset:hover {
    height: 24px;
    line-height: 24px;
    width: 50px;
}
.inp_kg {
    overflow: hidden;
    width: 50px;
}
#submit, #sub_reset {
    cursor: pointer;
    height: 24px;
}
#guest #submit{ width:50px;}

#search ul li{ float:left; width:100%; height:162; margin:10px 0;}
#search ul li div{ float:left; width:160px; height:160px; overflow:hidden; border:1px solid #d7d7d7;}
#search ul li dl{ float:left; width:500px; padding:0 12px 0 11px; height:162px; line-height:26px; }
#search ul li dl h2 a{ font-size:14px; font-weight:bold;}