@charset "utf-8";
/* CSS Document */
/*
	@名称: style.css
	@功能: C+云优化型手机网站浏览器样式渲染
	@作者: 深圳市国人天下电子商务有限公司C+前端架构师
	@版权: 深圳市国人天下电子商务有限公司(http://www.ceotx.com)保留
*/
body{ margin:0; padding:0; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; color:#666; background:url(../images/bodybg.jpg) repeat left top;}
a{ font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; text-decoration:none; color:#666;}
a:hover{ text-decoration:underline; color:#ffc001;}
.clear{ clear:both;}
.fleft{ float:left;}.fright{ float:right;}
.top10{ margin-top:10px;}.bot10{ margin-bottom:10px;}.left10{ margin-left:10px;}.right10{ margin-right:10px;}.bot05{ margin-bottom:5px;}

#container{ width:100%; height:auto;}

#header{ width:100%; height:150px; background:url(../images/headerbg.jpg) no-repeat center top;}
.logo{margin:5px 0px 3px 0px;}
.top ul{ width:980px; margin:0 auto; height:25px; line-height:25px; color:#ebebeb;}
.top .bar{ float:right;}
.top .bar a{ background:url(../images/topbar.png) no-repeat -5px top; color:#ebebeb; height:25px; line-height:25px; padding:0 4px 0 22px; display:inline-block;}
.top .bar a.txwb{ background-position:-3px top;}
.top .bar a.xlwb{ background-position:-3px -25px;}
.top .bar a.xlbk{ background-position:-5px -100px;}
.top .bar a.scbz{ background-position:-3px -50px;}
.top .bar a.wzdt{ background-position:-5px -75px;}
.top .bar a.en{background:url(../images/e.jpg) no-repeat -3px  center; line-height:25px; }

.top .bar a.cn{background:url(../images/c.jpg) no-repeat -3px  center; line-height:25px; }

.logo h1{ width:980px; height:80px; margin:0 auto;}

.menu,.search{ width:100%; height:40px; overflow:hidden;}
.menu ul,.search ul{ width:980px; height:40px; margin:0 auto;}
.menu ul li{ float:left; margin:0; padding:0; background:url(../images/menuline.png) no-repeat right center;}
.menu ul li a{ float:left; height:40px; line-height:40px; padding:0 30px 0 19px ; font-family:"微软雅黑"; font-size:14px; color:#fff;}
.menu ul li a.on,.menu ul li a:hover{ text-decoration:none; padding:0 30px 0 19px ;  background:url(../images/menuon.png) no-repeat left top; text-align:center;}
.menu ul li a:hover{  background:url(../images/menuon.png) no-repeat left top;}
.menu ul li a.on{/* width:100px; padding:0;*/} 
.menu ul li a.no,.menu ul li.no{ background:none;}

.search ul{ height:40px; line-height:40px; color:#8a8a8a;}
.search a { color: #8a8a8a; margin: 0 10px 0 0;}
.search a:hover{ color:#ffc001;}
.input_s { float:left; background: url("../images/searchbg.jpg") repeat scroll left top;color: #C5C5C5; height: 25px;line-height: 25px;padding: 0 0 0 20px; width: 195px; border:0; margin-top:8px;}
.submit_s { float:left; background: url("../images/searchbg.jpg") repeat scroll right top; cursor: pointer; height: 25px; margin: 8px 10px 0; width: 57px; border:0;}

#banner_i{ width:100%; height:350px; text-align:center;}
#banner{ width:100%; height:250px; text-align:center;}

#main{ width:980px; margin:0 auto; height:auto;}

.cpfl,.khal{ width:220px; height:465px; background-color:#fff; overflow:hidden;}
.cpfl h3,.sidebar h3,.sidebara h3{ background:url(../images/sidebar.jpg) no-repeat left top; padding:15px 15px 10px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.more{ float:right; margin:10px 10px 0 0 ;}
.cpfl ul,.sidebar ul,.sidebara ul{ padding:13px 10px 10px; background:url(../images/sidebarulbg.jpg) repeat-x left top;}
.cpfl ul li,.sidebar ul li{ line-height:30px; margin-bottom:5px;}
.cpfl ul li a,.sidebar ul li a{ height:30px; overflow:hidden; display:block; text-indent:24px; background:url(../images/sidebarlibg.jpg) no-repeat left top;}
.cpfl ul li a.on,.cpfl ul li a:hover,.sidebar ul li a.on,.sidebar ul li a:hover{ background:url(../images/sidebarlih.jpg) no-repeat left top; color:#fff; text-decoration:none;}
.cpfl ul li ul,.sidebar ul li ul{ padding:5px 0 0 10px; background:none;}
.cpfl ul li ul li a,.sidebar ul li ul li a{ background:url(../images/sidebarlili.jpg) no-repeat left top;}

.tjcp h3,.slzs h3,.gywm h3,.khal h3,.gsdt h3,.hyzx h3,.lxwm h3,.rightbar h3{ height:41px; line-height:41px; text-indent:35px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.slzs h3 label,.gywm h3 label,.khal h3 label,.hyzx h3 label,.lxwm h3 label,.gsdt h3 label{ color:#b1b1b1;}

.tjcp,.gywm{ width:750px; height:461px; overflow:hidden; padding:4px 0 0 0; background:url(../images/rightbar.jpg) no-repeat left top #fff;}
.tjcp h3,.gywm h3,.rightbar h3{ height:41px; line-height:41px; background:url(../images/tit_tjcp.jpg) no-repeat 15px center; text-indent:35px;}
.tjcp ul{ padding:0 0px;}
.tjcp ul li,.slzs ul li,.gywm .zzzs li,#product_list ul li{ float:left; width:162px; margin:5px 11px 10px;}
.tjcp ul li div,.slzs ul li div,.gywm .zzzs li div,.di,#product_list ul li div{ width:160px; height:160px; overflow:hidden; border:1px solid #f4f4f4; text-align:center;}
.tjcp ul li div:hover,.slzs ul li div:hover,.gywm .zzzs li div:hover,.di:hover,#product_list ul li div:hover{ border:1px solid #ffc001;}
.tjcp ul li p,.slzs ul li p,.gywm .zzzs li p,#product_list ul li p{ height:30px; line-height:30px; text-align:center; overflow:hidden;}

.slzs{ width:980px; margin:10px auto 0;}
.slzs h3{ height:40px; line-height:40px; text-indent:40px; background:url(../images/tit_slzs.png) no-repeat left top; font-size:24px;}

.slzs ul{}
.slzs ul li{ margin:10px 10px;}

#demo{ padding:10px 10px 10px; height:210px; overflow:hidden; background:url(../images/rightbar.jpg) no-repeat left top #fff;}
#demo img{margin: 0 auto;}
#indemo {float: left;overflow: hidden;width: 600%;}
#demo1, #demo2{float: left;overflow: hidden;}
#demo1 a, #demo2 a{font-size: 12px;text-decoration: none;}
#demo1 a:hover, #demo2 a:hover{text-decoration: underline;}
#demo1 ul li, #demo2 ul li {display: inline;float: left;overflow: hidden;text-align: center;width: 162px;}
#demo1 ul li span, #demo2 ul li span{float: left;height: 24px;line-height: 24px;overflow: hidden;width: 100%;}


.gywm{ background:none; padding:0; height:281px;}
.gywm h3{ background:url(../images/tit_gywm.png) no-repeat left top; font-size:22px;}
.gywm .gsjj{ padding:20px 10px 20px 10px; line-height:22px; background:url(../images/rightbar.jpg) no-repeat left top #fff;}
.gywm .zzzs{ padding:20px 10px 20px; border-top:1px dashed #d7d7d7; background-color:#fff;}
.gywm .zzzs li{ margin:0px 10px 0px;}
.gywm .zzzs li p{}

.khal{ height:460px; background:none;}
.khal h3{ background:url(../images/tit_khal.png) no-repeat left top; font-size:22px;}
.khal ul{ height:400px; padding:9px 0 10px 0; background-color:#fff; background:url(../images/rightbar.jpg) no-repeat left top #fff;}
.khal ul li { border: 1px solid #F5F5F5; display: inline; float: left; height: 85px; margin: 10px 4px 5px 4px; overflow: hidden; text-align: center; width: 100px; }
.khal ul li img{width: 100px;height: 85px;}
.khal ul li:hover{ border:1px solid #ffc001;}

.gsdt,.hyzx{ width:370px; height:420px; background-color:#fff;}
.bor{ height:3px; overflow:hidden;}
.one{ background-color:#00aeef;}
.two{ background-color:#f2078d;}
.three{ background-color:#eded31;}

.gsdt h3{ background:url(../images/tit_gsdt.png) no-repeat left top;}
.hyzx h3{ background:url(../images/tit_hyzx.png) no-repeat left top;}
.lxwm h3{ background:url(../images/tit_khal.png) no-repeat left top;  font-size:18px;}

.lxwm{ width:220px; height:270px; background:none;}
.lxwm ul{padding:9px 0 10px 6px; height:210px; background-color:#fff; background:url(../images/rightbar.jpg) no-repeat left top #fff;}
.lxwm ul li{width:200px;line-height:18px; padding:2px 2px}

.sidebar_c h3{background:url(../images/sidebar.jpg) no-repeat left top; padding:15px 15px 10px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; font-size:16px; color:#333;}
.sidebar_c{ width:220px; height:270px; background:none;}
.sidebar_c ul{ height:210px;  padding:13px 10px 10px; background:url(../images/sidebarulbg.jpg) repeat-x left top;}
.sidebar_c ul li{width:200px;line-height:18px; padding:2px 2px}

.ewm { height: 120px; margin: 0 auto; padding: 40px 0 5px; text-align: center; width: 200px;}

.gsdt ul,.hyzx ul{ padding:5px 15px 10px;}
.gsdt ul li,.hyzx ul li,#lefta .sidebara li{ padding:5px 0px 0; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dashed #d7d7d7; background:url(../images/news_arc.jpg) no-repeat 8px center; text-indent:17px;}
.gsdt ul li label,.hyzx ul li label{ float:right; color:#999;}

.yqlj{ display:table; width:980px;padding:10px 0; background-color:#fff;}
.yqlj a{ margin:0 8px; line-height:22px; color:#676767;}


/**底部003c81**/
.footer{ width: 100%; height: 140px; padding-top: 5px; padding-bottom: 8px; background: #003466;}
.footer .footcon{ margin: 0 auto; height: 140px; text-align: left; color: #f8c354}
.footer .footcon a{ color: #f8c354; font-size: 14px; line-height: 23px;}
.footer .footcon a:hover{ color: #f2a70b; text-decoration:underline;}
.footer .footcon dt{ font-size: 16px; padding: 6px 0 6px 0}

.footer p{text-indent:0.1em;}
.footcon dd{ margin:0 15px;}
.footer div.li_join{float: left; border-right: 1px solid #135096; height: 140px; width: 26%; padding-left: 25px;}
.footer div.li_contant{float: left; border-right: 1px solid #135096; height: 140px; width: 140px; padding-left: 20px;}
.footer div.li_service{float: left; border-right: 1px solid #135096; height: 140px; width: 250px; padding-left: 20px;}
.footer div.li_Code{float: left; height: 140px; width: 170px; padding-left: 25px;}


#left,#lefta{ float:left; width:220px; margin:10px 10px 0 0; background-color:#fff;}
#left .sidebar{ width:220px;}

#right,#righta{ float:left; width:750px; background-color:#fff; margin-top:10px; background:url(../images/rightbar.jpg) no-repeat left top #fff; padding:4px 0 0 0;}
#right .rightbar h3,#righta h3{ font-size:12px; font-family:"宋体"; color:#666;} 

#about,#news_list,#product_list,#product,#search{ line-height: 26px; min-height: 440px; overflow: hidden; padding: 15px; border-top:1px solid #eee;}
.cont{ font-size:14px; min-height:200px;}
.cont img{ max-width:715px;}
.cont a{ font-size:14px}
.cent{ font-size:14px; min-height:200px;}

.cent a{ font-size:14px}
#about h1 { color: #585858; font-family: "微软雅黑"; font-size: 20px; line-height: 35px; text-align: center;}
#about .time { border-bottom: 1px dashed #D9D9D9; color: #878787; font-size: 12px; line-height: 30px; margin: 10px 0 15px; text-align: center;}
#about .time a {}
#about .imgshow img { margin: 10px auto; max-width: 600px;}
.bds_more { background: none repeat scroll 0 0;}

#product_list ul li{ margin:10px 39px 0;}

#xg_pic,#xg_news,.content{ padding:4px 0 0 0;background: url("../images/rightbar.jpg") no-repeat scroll left top;}
#xg_pic h2, #xg_news h2,.content h2{
	background: url("../images/tit_tjcp.jpg") no-repeat scroll 5px center;
    font-size: 16px;
	font-family:"微软雅黑";
    height: 39px;
    line-height: 39px;
    text-indent: 24px;
	border-bottom:1px dashed #d7d7d7;
}
.cent h2{background:none;border:0;line-height: 20px;}
#xg_news ul li {
    background: url("../images/news_arc.jpg") no-repeat scroll 10px center;
    border-bottom: 1px dashed #EEEEEE;
    float: left;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 1% 0 3%;
    width: 46%;
}

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

#news_list ul li {
    background: url("../images/arc.gif") no-repeat scroll 0 5px;
    border-bottom: 1px dashed #EEEEEE;
    display: block;
    margin-bottom: 10px;
    padding: 0 0 10px 25px;
}
#news_list ul li h2 {
    height: 30px;
    overflow: hidden;
}
#news_list ul li h2 a {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin-bottom: 2px;
    overflow: hidden;
}
#news_list ul li h2 label {
    color: #AEAEAE;
    display: inline;
    float: right;
    font-size: 12px;
    font-weight: 100;
    text-align: right;
    width: 180px;
}
#news_list ul li h2 label a {
    float: right;
    margin-top: 5px;
}
#news_list ul li h2 a {
}
#news_list ul li p {
    color: #878787;
    font-size: 12px;
    line-height: 20px;
}

#pagelist {
    font-size: 12px;
    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;
    font-size: 12px;
    padding: 5px 8px;
}
#pagelist a.on {
}
#pagelist span.active {
    background-color: #01aef0;
    color: #FFFFFF;
}
#pagelist a:hover, #pagelist span:hover {
    background-color: #01aef0;
    color: #FFFFFF;
}

#righta{ float:left; width:700px; margin:10px 0 0 10px;}
#lefta{ float:left; width:270px; margin:10px 0 0 0px;}
.sidebara{ background: url("../images/rightbar.jpg") no-repeat scroll left top;}
/*.sidebara .lxwmtit{ background:url(../images/tit_lxwm.png) no-repeat left 8px; text-indent:24px;}*/

.probar {
    padding: 10px 0 0;
}
.probar_left {
    width: 382px;
}
.probar_right {
    height: 332px;
    width: 316px;
}
.probar_right li {
    border: 0 none;
    width:310px;
    word-wrap : break-word ;
    word-break:break-all;
}
.probar_right li h1, .probar_right li h3 {
    border-bottom: 1px dashed #EEEEEE;
}
.tagContent_ {
    border: 1px solid #EEEEEE;
    height: 330px;
    overflow: hidden;
    text-align: center;
    width: 380px;
}
#thumb {
    float: left;
    overflow: hidden;
    width: 402px;
}
#thumb li {
    border: 1px solid #EEEEEE;
    display: inline;
    float: left;
    height: 70px;
    margin: 10px 4px;
    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.emptyTag {
}
#thumb li.selectTag {
    position: relative;
}
#thumb li.selectTag A {
}
.big {
    background: url("../images/big.jpg") no-repeat scroll left center;
    float: left;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    padding-left: 20px;
}
#show {
    border: 1px solid #EEEEEE;
    height: 310px;
    left: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 360px;
}
#show_mark {
    background-color: #000000;
    border: 1px solid #999999;
    cursor: crosshair;
    display: none;
    height: 400px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 400px;
}
#zoom {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    display: none;
    float: left;
    height: 400px;
    left: 412px;
    line-height: 400px;
    margin-top: -402px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 300px;
    z-index: 1000;
}
#zoom img {
    margin: 0 auto;
    position: absolute;
}
.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: #01aef0;
    font-size: 12px;
    line-height: 35px;
    text-align: left;
}
.inp, .textarea {
    border: 1px solid #EEEEEE;
    color: #686868;
    font-family: "宋体";
    font-size: 12px;
    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 {
    border: 1px solid #EEEEEE;
    float: left;
    height: 18px;
    margin-right: 8px;
    padding: 1px;
    text-align: center;
    width: 60px;
}
.sub {
    background: url("../images/zixun.gif") no-repeat scroll left center;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 23px;
    width: 61px;
}
.prew, .nextw {
    background: url("../images/ui_pre_info.gif") no-repeat scroll left 6px;
    color: #878787;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    padding-left: 15px;
    text-align: left;
    width: 46%;
}
.nextw {
    background: url("../images/ui_next_info.gif") no-repeat scroll right 6px;
    float: right;
    padding-right: 15px;
    text-align: right;
}
.prew a, .nextw a {
    color: #878787;
}
.prew a:hover, .nextw a:hover, .about .time a:hover {
    color: #ffc001;}

#plun {
    border: 1px solid #EEEEEE;
    font-size: 12px;
    margin: 20px 0 0 5px;
    padding: 10px;
    width: 686px;
}
#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;
    color: #267CC8;
    padding-left: 15px;
}
#plun .pl {
    margin: 10px 0 0;
}
#plun .pl .text {
    border: 1px solid #EEEEEE;
    color: #666666;
    display: block;
    font-family: "宋体",Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 80px;
    line-height: 18px;
    width: 682px;
}
#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;
    border: 0 none;
    height: 22px;
    margin-right: 10px;
    padding: 0;
    width: 66px;
}
.emiall {
    border: 1px solid #EEEEEE;
    float: left;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    padding: 0 10px 0 0;
}
.em1 {
    color: #666666;
    margin: 0 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;
    color: #267CC8;
    padding: 0 0 0 15px;
}


#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;}