@import url(/c_style/default_m.css);
* { color:#ccc;}
A, A:link, A:visited {COLOR: #ccc;}
A:hover, A:active, select option {COLOR:#fff;}
input,select,textarea { color: #fff; background:#676767;}
body { background:#000;}
/*布局*/
.lt2 { float:left; width:49.5%;}
.rt2 { float:right; width:49.5%;}

/*头部、尾部 position:fixed; top:0;或 bottom:0;固定位置*/
.bottom { border-top:#7a7a7a 1px solid;}
.bottom a { height:20px; padding:25px 0 0 0; text-align:center; font-size:12px; background:url(/c_ima/bottom.png) center top no-repeat; color:#FFFFFF}
.bg1 a { background-position:center -45px; background-color:#000;}
.bg2 a { background-position:center -90px; background-color:#FF0000;}
.bg3 a { background-position:center -135px; background-color:#666000;}
.bg4 a { background-position:center -180px; background-color:#00FF00; color:#000000}
.bg5 a { background-color:#343434;}

/*导航可与nav2结合在一起*/
#tophead {background:#F3F3F3; padding:0; margin:0; border-bottom:2px #ccc solid; top:0;}
#toplogo { width:25%; height:3em; float:left;}
#toplogo img { max-height:100%; max-width:100%}
#topborder {margin-top:48px;}
#navselect { float:left; height:3em; line-height:3em}
#navselect input,#navselect button { line-height:2.5em; color:#FFFFFF}
#navselect button { background:#676767; padding:0 0.5em}
#so { width:12em;}
.gogo { float:right; padding:11px 5px 0 5px}
.gogo a { width:25px; height:25px; display:block; background: url(/c_ima/btn.png) no-repeat center center}
.gogo .open { background-position:0 -150px}
.gogo .close { background-position:0 -175px}
#gogogo { position:fixed; top:3em; right:0; z-index:1000; background:#fff; height:calc(100vh);}
#gogogo li { background:#fff;}
#gogogo a { height:calc(10vh - 11px); width:6em; margin:0 10px; padding:0 0 0 25px; line-height:calc(10vh - 11px); border-bottom:#ccc solid 1px; display:block; text-align:center; color:#000; font-size:1.2em; font-weight:bold }
#gogogo li:last-child a{ border:none}
#gogogo span { margin:calc(10vh / 2 - 18px) 0 0 -35px}
.icon {background:url(/c_ima/icon.png) no-repeat; position:absolute; width:25px; height:25px;}
.icon1 {}
.icon2 {background-position:0 -50px;}
.icon3 {background-position:0 -100px;}
.icon4 {background-position:0 -150px;}
.icon5 {background-position:0 -200px;}
.icon6 {background-position:0 -250px;}
.icon7 {background-position:0 -300px;}
.icon8 {background-position:0 -350px;}
.icon9 {background-position:0 -400px;}
.icon10 {background-position:0 -450px;}

.copyright { text-align:center; margin:5px auto 45px auto; padding:0.5em 0 0 0; background:#4a4a4a;}
.copyright ul { clear:both}
.copyright li { float:left; width:19.5%; margin:3px 0; overflow:hidden; border-right:1px #676767 solid}
.copyright li:last-child,.copyright li:nth-child(5) { border:none}
.copyright2 { background:#343434; height:2.5em; line-height:2em}
.copyright,.copyright a { color:#ccc}


/*标题风格*/
.titleall { background: #343434 url(/c_style/bg_bg.gif); padding:0 10px; text-align:center}
.titleall,.titleall a{ line-height:35px; color:#FFFFFF;}
.titleall_1,.title3,.title3_1,.title5,.shoplt,.shoprt { line-height:3em; background: #343434 url(/c_icon/11.gif) no-repeat 0.5em center; padding-left:2em; margin-top:5px; overflow:hidden}
.titleall_1 a,.title3 a,.title3_1 a,.title5 a,.shoplt a,.shoprt a { line-height:3em;}
.title1,.title1_1,.title2,.title4 { height:30px; line-height:30px; padding-left:30px; background: url(/c_icon/22.gif) no-repeat 10px center #343434;}
.title1 a,.title1_1 a,.title2 a,.title4 a { line-height:30px}
.titleall li { float:left; width:25%; line-height:35px;}

/*图文列表*/
.listall,.list3 { overflow:hidden; background:#343434;}
.listall li,.list3 li { padding:5px; clear:both; overflow:hidden; position:relative; border-bottom:1px #343434 solid}
.listall li {height:8.5em;}
.listall i { display: block; text-align: right; text-overflow:ellipsis; white-space:nowrap; line-height: 1.5em}
.listall p { display:none}
.listall img,.list3 img { max-width:100%; max-height:100%;}
.listall .pic_img,.list3 .pic_img { width:100px; height:100px; float:left; margin:0 5px 5px 0;}
.listall .biaoti1,.list3 .biaoti1 { padding:0 2em 0 15px; background: url(/c_icon/14.gif) no-repeat left center; font-size: 16px;}

/*图片列表*/
.pic1 { background:#343434; overflow:hidden; padding:5px; margin:0 0 5px 0; position:relative;}
.pic1 li { width:33.33%; height:155px; float:left; margin:5px 0 0 0; overflow:hidden}
.pic1 .pic_img { height:100px}
.pic1 img { max-width:100%; height:100%}
.pic3,.pic4,.picall { overflow:hidden; clear:both; position:relative; background:#343434;}
.pic3 li,.pic4 li,.picall li { float:left; overflow:hidden}
.pic3_1 li,.pic3_2 li,.pic3_3 li,.pic4 li,.picall li { width:50%; height:255px}
.pic3_1 img,.pic3_2 img,.pic3_3 img,.pic4 img,.picall img { max-height:100%; max-width:100%;}
.pic3_1 .pic_img,.pic3_2 .pic_img,.pic3_3 .pic_img,.pic4 .pic_img,.picall .pic_img { height:200px;}
.listall li img,.list3 li img,.picall li img,.pic1 li img,.pic3_1 li img,.pic3_2 li img,.pic3_3 li img,.pic4 li img,.shopp li img,.shoppall li img {position:absolute;margin:auto;left:0;top:0;right:0;bottom:0}
.pic_img { padding:1px; margin:0 2px; overflow:hidden; position: relative; text-align:center;}/*border:1px #ccc dashed; border-radius:5px;*/

/*文章列表*/
.txt1,.txt3,.txt4,.txtall { margin:0 0 5px 0;}
.txt1 li { padding:0 0 0 20px; background:url(/c_icon/3.gif) no-repeat left center #4A4A4A}
.txt3 li,.txt4 li,.txtall li { padding-left:15px; background: url(/c_icon/22.gif) no-repeat left center; margin:3px 0}
.txt2 ol { padding:0 0 0 5px}
.txt2 li { list-style-position:inside; list-style-type:decimal-leading-zero; background-image:none; padding:0}
.txt2 .xuanzhong { background:#000}
.txt1,.txt2,.txt3,.txt4,.txtall { background:#343434; overflow:hidden; padding:5px;}
.txt1 li,.txt2 li,.txt3 li,.txt4 li,.txtall li,.txtall .l80_100,.txt3 .l80_100 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*类目*/
.lei { overflow:hidden}
.lei li{ width:20%; float:left; line-height:22px; margin-bottom:5px; padding:4px 0 4px 5%; background:#343434 url(/c_icon/11.gif) no-repeat 5px 8px; overflow:hidden}
.lei li ul {margin:3px 0 0 -20%;}
.lei li ul li,.lei_pinpai li{width:94.6%; background:#4a4a4a; padding:0.2%; margin:1% 0; text-align:center; overflow:hidden}
.lei_pinpai{ background:#676767; padding:4px; margin-bottom:10px; overflow:hidden}

.dizhi { margin-bottom:10px; background:#676767;}
.dizhi li{ float:left; margin:3px; padding:3px; background:#4A4A4A;}

.dz1 { overflow:hidden;margin:0 auto; border:5px #000000 solid}
.dz1 p img { float:left; height:5em; margin:0.5em}
.dz1 li,.dz2 li{ width: auto; padding:0; margin:0.2%;}
.dztitle { height:1.5em; line-height:1.5em; font-size:2em; background:url(/c_style/bg_bg.gif) repeat-x center; color:#00FF00; text-align:center}
.dz2 { clear:both; overflow:hidden; margin:0 3px 3px 3px}
.dz2 li { text-align:center; background:#000000; border-radius:20px}

.zdlei {}

/*详细页 */
.img img{ max-width:100%;}
.content_top { text-align:right;}
.content_top span { display:block; text-align:left;}
.content_top,.content_top span,.content_top a {color:#999;}
.content_jianjie { border-top:none; text-indent:2em; padding:8px;}
.content_ziduan { border-top:none; overflow:hidden;}
.content_ziduan li { padding:0 0.5%; line-height:2em}
.content_ziduan b { color:#00FF00}
.content { border:none; overflow:hidden}
.content .img { padding-top:10px; text-align:center}
.content .p2 { padding:5px 0 5px 0}
.content img { max-width:100%;}
.content,.pinglun { padding:5px; margin:5px 0 5px 0;}
.pinglun {margin-top:10px}
.content_jianjie,.content_ziduan,.content,.pinglun { border:1px dashed #676767; background:#343434; border-radius:10px}
.content h1,.content h2,.content h3,.content h4 { line-height:2em}

/*购物列表*/
.shopl {}
.shopr {}
.shoplt,.shoprt {}
.shoplei { background:#343434; padding:10px; margin-bottom:10px;}
.shoplei li { margin:10px 0 10px 0; padding-left:20px; background:url(/c_icon/22.gif) no-repeat;}
.shoplei li a:hover {font-weight:bold;}
.shopfl,.shoppp { background:#343434; margin-bottom:10px; overflow:hidden}
.shopfl li,.shoppp li { float:left; min-width:4em; margin:3px; background:#676767}
.shopfl li:hover,.shoppp li:hover { background:#4A4A4A; font-weight:bold}

.shopp,.shoppall { background:#343434; overflow:hidden}
.shopp li,.shoppall li { float:left; width:50%; height:calc(50vw + 9em); margin:5px 0 5px 0; overflow:hidden; border-bottom:1px dashed #ccc; position:relative}
.shopp img,.shoppall img { max-height:100%; max-width:100%}
.shopp .pic_img,.shoppall .pic_img { height:calc(50vw - 8px);}

.shopp span,.shoppall span { font-family:Georgia;}
.nu1 {}
.nu2 { font-size:1.5em; color:#00FF00}
.nu3 { float:right; color:#FF0000}
.shoptitle { font-weight:bold}

/*购物详细*/
.shopsL,.shopsC,.shopsR {padding:5px; margin-bottom:5px; border:1px solid #676767; background:#343434;position:relative; }
.shopsL {text-align:center;}
.shopsL img,.gopic img { max-height:100%; max-width:100%; margin-bottom:5px}
.shopsC .nu2,.shopsC .nu3 { float:none; font-weight:bold}
.gopic { text-align:center; padding:10px 0 10px 0; margin:10px 0 10px 0}
.gopic .yjg a,.gopic .jrgwc a{ font-size: 24px; color:#fff; font-weight:bold; padding:15px 20px 15px 20px; }
.moreb .yjg a,.moreb .jrgwc a{ color:#fff; font-weight:bold; padding:0 5px 0 5px; margin:0; background-image:url(/c_icon/14.gif); background-repeat:no-repeat; background-position: left top}
.lxa { text-align:center}
.jrgwc a{ background-color:#666000}
.yjg a { background-color:#676767; margin-left:30px}

#img_box { _height:300px; min-height:300px;}     

/*各系统功能*/
.content_audio,.content_video { text-align:center; padding:10px 0 10px 0}
.content_download { padding:5px}

/*翻页*/
#PageControl li,.cPageControl li { background:#343434}
.nexpage .up a,.nexpage .down a{ background-color:#4a4a4a}

/*友情链接*/
.links,.liuyan { background:#343434; overflow:hidden; padding:5px;}
.links ul { clear:both;}
.links li { float:left; width:24.5%; height:5em; padding:0.25%; white-space:nowrap; overflow:hidden; text-align:center}
.links img { max-width:100%; max-height:100%}
.links .txt li { height:2em;}

/****************************************功能性****************************************/

/*切换*/
.case_title .title3_1,.case_title .titleall_1{ line-height:2em; padding:0; background:none; margin:0}
.case_title .biaoti1 { width:100%}
.case_title li,.go_show a,.go_none a { width:112px; height:21px; line-height:21px; text-align:center; display: block;}
.case_title,.case { background-color:#343434; overflow:hidden; position:relative}
.case_title li {float:left; margin:10px 0 10px 10px;}
.case_title .biaoti1 { text-align:left}
.case_title span span { margin:0 10px 10px 10px; padding-top:5px; text-align:right; display:block; clear:both;}
.go_show { background:#343434}
.go_none { background:#676767}
.show_show {}
.show_none {}
.case {padding:0 10px 10px 10px;}
.case li{margin:10px}

/*其他*/
.xuanzhong,.xuanzhong a { color:#00FF00}
.user_menu { background-color:#343434;}
.user_menu ul li a{ background-color:#4a4a4a;}
.bianse li{ background-color:#4A4A4A}
.bianse li:hover{ background-color:#676767;}
.tabletd { background:#676767;}
.tabletd td { background:#4A4A4A;}
.tabletr { color:#fff;}
.tabletitle td { color:#fff;}
.cbutton,.ccbutton{ background:#000; color:#fff;}
.cbutton a,.ccbutton a{ color:#fff;}
.fontda input,.fontxiao input{ width:20px;}
.fontda,.fontxiao { background:#676767;}
.fontda label,.fontxiao label{ color:#fff}

/*定制*/
#full {display:none; position:fixed; bottom:100px; right:3px; z-index:1000; text-align:center; cursor:pointer;}
#full a { width:25px; height:25px; display:block;}
.full1 { background:url(/c_ima/btn.png) no-repeat; background-position:0 -25px}
.full2 { background:url(/c_ima/btn.png) no-repeat; background-position:0 -125px; margin-top:5px}
.index_random { height:300px; background: url(/case1/index_bg.jpg) top repeat-x; font-size:3em; padding-top:50px; text-align:center;}
.index_random i { color: #fff; text-shadow:5px 5px 5px #FF0000}
.index_random span { font-size:0.5em; color: #FFFFCC; text-shadow:5px 5px 5px #000}

.img_gallery{ height:calc(100vh/2);width:100%;overflow:hidden;position:relative;margin:0 auto; text-align:center;}
.main_img{height:100%;width:100%;overflow:hidden;position:relative}
.main_img ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0}
.main_img li{float:left;width:100%;height:100%; text-align:center}
.main_img li a{display:block;width:100%;height:100%}
.main_img li img{ max-width:100%; max-height:100%;}
.img_font{position:absolute;top:0;left:0;color:#fff;width:100%;padding:5px}
.img_font span{display:none}
.point{position:absolute;bottom:5px;left:5px;z-index:999;width:100%;height:21px;}
.point a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(/c_ima/btn_main_img_cml.png) 0 0 no-repeat;display:block;text-indent:-1000px}
.point a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:999;position:absolute;display:block;width:50px!important;height:50px!important;top:50%;margin-top:-37px;display:none; font-size:36px; color:#FFFFFF}
#btn_prev{background:url(/c_ima/btn_main_img_cml.png) 0 0 no-repeat; background-position:0 -42px; left:1%}
#btn_next{background:url(/c_ima/btn_main_img_cml.png) 0 0 no-repeat; background-position:0 -92px; right:1%}

.titlec { background: #343434 url(/c_icon/11.gif) no-repeat 0.5em center; padding-left:2em;}
.titlec,titlec a { line-height:3em}

.ili { margin:5px 0 5px 0}
.ili li { float:left; width:49%; position:relative; margin:0.5%; border-radius:10px}
.ili a {display:block; width:auto; height:182px; padding:5px; line-height:2em; font-weight:bold; color:#fff; border-radius:10px}
.ili p,.ili span { color:#FFFFFF; line-height:1.5em; font-weight:normal;}

.ilink { margin-top:10px; background: #343434; overflow:hidden}
.ilink ul{ clear:both;}
.ilink li{ float:left; width:24.5%; height:5em; padding:0.25%; white-space:nowrap; overflow:hidden; text-align:center}
.ilink li img { max-width:100%; max-height:100%}
.ilink .txt li { height:2em}

.content_ziduan li { margin:0.25em 0 0.25em 7em}
.content_ziduan span,.content_ziduan a { display: inline-block; background:#000; padding:0.25em; margin:0.25em; border-radius:0.5em}
.content_ziduan .xuanzhong { background:none; width:7em; text-align:right; font-weight:bold;; padding:0; margin:0 0 0 -7em}
.tuijian01,.tuijian10,.tuijian11 { top:0; left:0; position:absolute;width:60px; height:60px;}
.tuijian01 { background:url(../c_ima/tuijian2.png) top left no-repeat}
.tuijian10,.tuijian11 { background:url(../c_ima/tuijian1.png) top left no-repeat}