@import url(/c_style/default_m.css);
/*头部、尾部 position:fixed; top:0;或 bottom:0;固定位置*/
.bottom { border-top:#7a7a7a 1px solid; background:#FFFFFF; padding:4px 0 0 0}
.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}

/*导航可与nav2结合在一起*/
#tophead {background:#F3F3F3; padding:0; margin:0; border-bottom:2px #666000 solid; top:0;}
#toplogo { width:150px; height:45px; float:left;}
#toplogo img { max-height:100%; max-width:100%}
#topborder {margin-top:47px;}

#navselect { float:right; padding:6px 0 0 0}
#navselect input { height:30px; background: url(/c_ima/btn.png) no-repeat; background-position:3px -200px; padding:0 0 0 25px}
#so { text-align:center; width:7em;}
.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:47px; 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;}

#nav { width:100%; clear:both}
#nav li {float:left; background:url(bg.png) center center repeat-x; position:relative; width:20%;}
#nav li a {display:block; overflow:hidden; width:auto; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; border-right:1px solid #ccc;}
#nav li:last-child a { border-right:none}
#nav li a:hover { color:#fff; background:#666000;}

#nav2 { margin:5px 0; overflow:hidden;}
#nav2 li {float:left; width:20%; background:#f3f3f3; position:relative;}
#nav2 li a {display:block; height:30px; line-height:30px; text-align:center; font-weight:bold;}
#nav2 li ul li { width:100%; background:#f9f9f9; border-top:1px #ccc dashed}

.copyright { text-align:center; margin:5px auto 50px 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:2em; line-height:2em}
.copyright,.copyright a { color:#ccc}
.bg1 a { background-position:center -45px;}
.bg2 a { background-position:center -90px;}
.bg3 a { background-position:center -135px;}
.bg4 a { background-position:center -180px;}
.bg5 a {}

/*标题风格*/
.titleall { background: url(/case21unic/bg_title.gif); padding:0 10px; text-align:center}
.titleall,.titleall a{ font-size:1.2em; line-height:2em}
.titleall_1,.title3,.title3_1,.title5,.shoplt,.shoprt { line-height:2em; background: url(/c_icon/11.gif) no-repeat 0.5em center; padding-left:2em; overflow:hidden}
.titleall_1 a,.title3 a,.title3_1 a,.title5 a,.shoplt a,.shoprt a { line-height:2em;}
.title1,.title1_1,.title2,.title4 { height:2em; line-height:2em; padding:0 10px; background:url(/case21unic/bg_title.gif) bottom center repeat-x;}
.title1 span,.title1_1 span,.title2 span,.title4 span { background:#FFFFFF; padding:10px}
.title1 a,.title1_1 a,.title2 a,.title4 a { line-height:30px;}
.titleall li { float:left; width:25%}

/*图文列表*/
.listall,.list3 { overflow:hidden;}
.listall li,.list3 li { padding:5px; clear:both; overflow:hidden; position:relative; border-bottom:1px #ccc solid}
.listall img,.list3 img { max-width:100%; max-height:100%;}
.listall .pic_img,.list3 .pic_img { width:100px; height:80px; 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;}

/*图片列表*/
.pic1 { overflow:hidden; padding:5px; margin:0 0 5px 0; position:relative;}
.pic1 li { width:33.33%; height:152px; float:left; margin:5px 0 0 0; overflow:hidden}
.pic1 .pic_img { height:100px}
.pic1 img { max-width:100%; max-height:100%}
.pic3,.pic4,.picall { overflow:hidden; clear:both; position:relative;}
.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 {border:1px #ccc dashed; padding:1px; margin:0 2px; overflow:hidden; position: relative; text-align:center;}

/*文章列表*/
.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}
.txt3 li,.txt4 li,.txtall li { padding-left:15px; background: url(/c_icon/21.gif) no-repeat 5px 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-color:#f3f3f3}
.txt1,.txt2,.txt3,.txt4,.txtall { 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 {}
.lei li{ width:auto; line-height:1.5em; margin-bottom:5px; padding:4px 4px 4px 22px; background:#f3f3f3 url(/c_icon/11.gif) no-repeat 5px 8px; overflow:hidden}
.lei li ul {margin:3px 0 0 -18px;}
.lei li ul li,.lei_pinpai li{float:left; width:auto; background:#f9f9f9; padding:2px 4px; margin:2px; text-align:center; overflow:hidden}
.lei_pinpai{ background: #f3f3f3; padding:4px; margin-bottom:10px; overflow:hidden}

.dizhi { margin-bottom:10px;}
.dizhi li{ float:left; margin:3px; padding:3px;}

.zdlei {}

/*详细页 */
.img img{ width:100%}
.content_top { text-align:right; border-bottom:1px #ccc dashed}
.content_top span { display:block; text-align:left;}
.content_top,.content_top span,.content_top a { color:#666}
.content_jianjie { border-top:none; text-indent:2em; padding:5px;}
.content_ziduan { border-top:none; overflow:hidden;}
.content_ziduan li { float:left; min-width:45%; background:none; margin:5px 0 0 5px; padding:0}
.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 { border:1px dashed #ccc;}
.content h1,.content h2,.content h3,.content h4 { line-height:2em}

/*购物列表*/
.shopp,.shoppall { overflow:hidden}
.shopp li,.shoppall li { float:left; width:50%; height:296px; 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:163px;}

.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:3px; margin-bottom:5px; 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}

/*友情链接*/
.links,.liuyan { 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,.go_none { background:url(bg.gif) no-repeat;}
.go_show { background-position:-180px 0;}
.go_none { background-position:-180px -21px;}
.show_show {}
.show_none {}
.case {padding:0 10px 10px 10px;}
.case li{margin:10px}

/*定制*/
#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}
.ilink { margin-top:10px; 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}

.img_gallery{ height:200px;width:100%;overflow:hidden;position:relative;margin:10px 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%}

/*----------*/

#ctop .txt2 ol { padding:0}
#ctop .lt1 .txt2 li { list-style-type:none; background-image:url(/c_icon/13.gif); background-repeat:no-repeat; background-position:left 3px center; padding:10px 10px 10px 25px}
#ctop .lt1 .txt2 li a{ display:block; font-weight:bold}

#index_one { width:100%; margin:auto}
.index_title { position:relative; text-align:center; font-size:2em; margin:1em auto; width:100%}
.index_title span { position:relative; background:#fff; z-index:2;}
.index_title hr {position:absolute; width:100%; top:0.8em; z-index:1; border-bottom:2px #ccc solid}
.index_description {}

.service{position:relative; padding:20px 0; width:100%; overflow:hidden;}
.service .line{position:absolute; width:100%; border-bottom:1px #ccc solid; top:225px; left:0; z-index:-1}
.service_con{width:100%; margin:0 auto;}
.service_con dl{width:100%; text-align:center;}
.service_con dl dt{width:134px; height:134px; background:url(/case21unic/service_bg.png); margin:0 auto 35px auto; padding:13px;}
.service_con dl dd{background:url(/case21unic/service_2bg.png) no-repeat center top; font-size:1.5em; padding-top:40px;}

.service_one a:hover dt,.service_two a:hover dt,.service_three a:hover dt{background:url(/case21unic/service_bg.png);}
.service_one dt span,.service_two dt span,.service_three dt span { width:100%; height:134px; background:url(service_bg.png); display:block}
.service_one a:hover{color:#328dce;}
.service_one a:hover dt{background-position:0px -160px;}
.service_one dt span { background-position:0 -640px;}
.service_two{margin:20px 0}
.service_two a:hover{color:#d72e2e;}
.service_two a:hover dt{background-position:0px -320px;}
.service_two dt span { background-position:0 -774px;}
.service_three a:hover{color:#ff9c00;}
.service_three a:hover dt{background-position:0px -480px;}
.service_three dt span { background-position:0 -908px;}

#index_two { overflow:hidden; background:#f2f2f2;}
#index_two .index_title span { background:#f2f2f2}
#index_two .lt2,#index_two .rt2 { width:100%;}
#index_two .lt2 { text-align:center}
#index_two .lt2 img{ max-width:100%}
#index_two .rt2 li { float:left; width:80px; height:30px; padding:4px 0 0 0; background:#666000; text-align:center; margin:1em 1em 0 0}
#index_two .rt2 li a { color:#fff}
#index_two .rt2 li:hover {background:#000;}