*{word-break:break-all;word-wrap:break-word;}
html {overflow-y:scroll;}
body {margin:0;padding:0; min-height:100%; font:14px "Microsoft YaHei","SimSun","Arial"; background:#fff;}
table{font-size:14px; border-collapse: collapse;}
form{margin:0px;padding:0px;}
.text_css{font:14px "Microsoft YaHei","SimSun","Arial";padding:4px 2px;border:1px solid;border-color:#999 #ccc #ccc #999;background:#FFF url('../image/bg_input.png') repeat-x;color:#333;font-size:12px;}
.button_css{font:14px "Microsoft YaHei","SimSun","Arial";padding:2px 4px;margin:0px;}
.radio_css{}
.checkbox_css{}
select{padding:2px;font:14px "Microsoft YaHei","SimSun","Arial";}
textarea{font:14px "Microsoft YaHei","SimSun","Arial"; }
.required{color:red;font-weight:bold;margin:0px 2px;}
.warning{font-weight:bold;}
.time{font-size:11px; font-family:Arial; color:#FF6600;}
.ip{font-size:11px; font-family:Arial; color:#FF6600; }
.time a:link,.time a:hover,.time a:visited,.time a:active{color:#FF6600;}
.ip a:link,.ip a:hover,.ip a:visited,.ip a:active{color:#FF6600;}
a:link, a:active, a:visited{text-decoration:none;color:#454545;}
a:hover{text-decoration:none; color:#D01726;}
a img{border:none;}
img{border:none;}
.commonlink:link,.commonlink:active,.commonlink:visited,.commonlink:hover{color:#0657B2;}
.div_out_onbg {margin:0 auto;width:1060px;}
.div_out {margin:0 auto;width:1060px;background-color:#FFFFFF;}
.colorpicker{cursor:pointer;}
.errStyle{color:red; background:url('../image/no_small.gif') center left no-repeat;padding-left:20px;}
.yesStyle{color:green; background:url('../image/yes_small.gif') center left no-repeat;padding-left:20px;}
.clear{clear:both; overflow:hidden; height:0px;}

.header{width: 100%;}
.topout{padding: 0 5%;  margin: auto;}
.topin{height: 80px; float: left;}
.topin .logo{float: left;}
.topin .logo img{height: 80px;}
.smenu{display: none; background: url('../image/bg_menum.png') no-repeat center center; width: 40px; height: 40px; margin-top: 20px; float: right; outline: none;}

#nav{margin:0 auto; margin-right: -12px; height:80px; float: right; position: relative; z-index: 1000;}
#topnav, #actor{list-style: none; margin: 0px; padding: 0px;}

#topnav{height: 80px; background: #fff; margin: auto;}
#topnav .topmenu{position:relative; float:left; height:80px; background: url('../image/bg_sptm.gif') no-repeat center right;}
#topnav .topmenu:last-child{background: none;}
#topnav .topmenucur{background: #ccc;}
#topnav .mhover .toplink{}
#topnav .toplink {display:block; height:80px; line-height:80px; padding: 0px 15px; color:#fff; text-decoration:none; font-size:14px; float:left;}
#topnav .toplink:link, #topnav .toplink:visited, #topnav .toplink:active{color:#212121; text-decoration:none; }
#topnav .toplink:hover {color:#D01726; text-decoration:none;}
#topnav .toplink span{}


ul#topnav li .sub {position: absolute;	top: 80px; left:0px;background: #fff;padding: 0px 0px;z-index:10000;float: left;display: none;border:1px solid #dedede;border-top:3px solid #D01726;font-weight: normal;}
ul#topnav li .sub ul{float: left; list-style: none; margin: 0px; padding: 0px;}
ul#topnav .sub ul li {display:block; height:32px; line-height:32px; border-bottom:1px solid #eee;width: 130px;color: #fff;overflow:hidden;font-size: 14px;text-indent: 12px;}
ul#topnav .sub ul li a{display: block;}
ul#topnav .sub ul li a:hover {color: #D01726; }


.list_pager{float:right; margin-top:5px; clear:both;}
.list_pager table tr td{vertical-align:middle;}





/********** Pagination *********/
.Pagination {height:30px;background:url('../image/pager.gif') 0px 0px;font-size:11px; overflow: hidden;}
.Pagination a {padding:0px 2px;height:30px;line-height:30px;color:#574747;float:left;text-align:center;border-right:1px solid #D5CEC8;border-left:1px solid #FFFFFF;display:block;}
.Pagination a:link,.Pagination a:visited,.Pagination a:active,.Pagination a:hover{color:#574747;text-decoration:none;}
.Pagination strong {background:url('../image/pager.gif') 0px -30px;padding:0px 2px;height:30px;line-height:30px;color:#fafafa;float:left;text-align:center;border-left:1px solid #FFFFFF;border-right:1px solid #C5E2BE;display:block;}
.Pagination_td1 {padding:0px 0px;height:30px;background:url('../image/pager.gif') 0px 0px;border:1px solid #CECFCA;border-right:0px;text-align:left;}
.Pagination_td2 {padding:0px 8px;height:30px;background:url('../image/pager.gif') 0px 0px;border:1px solid #CECFCA;border-left:0px;text-align:left;font-size:12px;}
.Pagination_inputtd {text-align:right;}
.Pagination_input {background-color:#FFFFFF;background:url('../image/pager.gif') repeat-x 0px -80px;height:16px;padding:1px;border:1px solid #CFCFCD;font-size:12px;}
.Pagination_epagetd {width:72px;}
.Pagination_epagenum a {width:17px;height:15px;border:1px solid #858786;margin-right:5px;font-size:11px;display:block;float:left;background:url('../image/pager.gif') 0px -60px;}
.Pagination_epagenum a:link,.Pagination_epagenum a:visited,.Pagination_epagenum a:active,.Pagination_epagenum a:hover{color:#574747;text-decoration:none;}
.Pagination_epagenum strong {width:17px;height:15px;border:1px solid #858786;margin-right:5px;font-size:11px;display:block;float:left;background:url('../image/pager.gif') -20px -60px;color:#C37300;font-weight:normal;}


/************** Banner 横幅广告*************/
.banner{width:90%; margin: auto; padding-bottom: 25%; overflow:hidden; position: relative; background: #212121;}
.banner .d1{width:100%; height:100%; display:block; position:absolute;left:0px;top:0px; background-color: #212121; background-repeat: no-repeat; background-size: 100% 100%;}
.banner .d2{width:100%; height:25px; clear:both;position:absolute;z-index:100; left:0px; bottom:20px;}
.banner .d2 ul{float:left;position:absolute;right:2%;top:0; display:inline;}
.banner .d2 li{width:17px;height:18px;overflow:hidden;cursor:pointer;background:url(../image/bannerli1.png) no-repeat center;float:left; margin:0 8px;display:inline;}
.banner .d2 li.nuw{background:url(../image/bannerli2.png) no-repeat center;}
.banner .d1 a{display: block; width: 100%; height: 100%;}

/**********PopUp (Cover Div)***********/
.coverDiv{position:absolute;left:0px;top:0px;width:1px;height:1px;background-color:#212121;filter:alpha(opacity=10);-moz-opacity:0.10;opacity:0.10;}
.coverDivClear{position:absolute;left:0px;top:0px;width:1px;height:1px;background-color:#212121;filter:alpha(opacity=1);-moz-opacity:0;opacity:0;}
.coverFrame{width:0px;height:0px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.loading{position:absolute;width:100px;height:100px;z-index:500010;background:#cccccc;text-align:center;left:0px;top:0px;}
.loading_inner{background:#ffffff;left:-3px;top:-3px;height:98px;height:98px;position:relative;border:1px solid #c0c0c0;}
#popwin{border:3px solid #6B97C2;padding-bottom:3px;background:#fff;}
.snapdiv_button_close{background-image:url('../image/close.gif');width:14px;height:14px;margin-top:3px;margin-right:7px;float:right;cursor:pointer;}
.snapdiv_loading{width:32px;height:32px;background-repeat:no-repeat;background-image:url('../image/loading.gif');}
.snapdiv_title_div{background:#F5F5F5;padding-top:3px;}
.snapdiv_title{font-size:14px;font-weight:bold;color:#085A99;line-height:22px;text-indent:10px;}
.snapdiv_content{background-color:#FFFFFF;border:5px solid #F5F5F5;padding:8px; overflow:hidden;}
.dialog_content{font-size:14px;line-height:180%;}
.dialog_ico_err{width:48px;height:48px;background-image:url('../image/dialog_icons.gif');background-position:0px 0px;}
.dialog_ico_yes{width:48px;height:48px;background-image:url('../image/dialog_icons.gif');background-position:-50px 0px;}
.dialog_ico_info{width:48px;height:48px;background-image:url('../image/dialog_icons.gif');background-position:-100px 0px;}
.dialog_ico_ask{width:48px;height:48px;background-image:url('../image/dialog_icons.gif');background-position:-150px 0px;}
.dialog_ico_stop{width:48px;height:48px;background-image:url('../image/dialog_icons.gif');background-position:-200px 0px;}
.dialog_table{width:98%;margin:1%;}
.dialog_table_td{width:60px;}
.dialog_content{font-size:14px;color:#212121;line-height:120%;}
.dialog_button{height:30px;text-align:center;clear:both;}
.dialog_button input{margin:0px 3px; padding:2px 3px; font-size:12px;}


/*******ext********/
.ext_small{background:url('../image/img_ext_small.gif') no-repeat;}
.ext_small a{padding-left:20px;}
.ext_small i{display:inline-block;width:16px;height:16px;}
.ext_small_pdf{background-position:0px 0px;}
.ext_small_ppt{background-position:0px -16px;}
.ext_small_doc{background-position:0px -32px;}
.ext_small_media{background-position:0px -48px;}
.ext_small_htm{background-position:0px -64px;}
.ext_small_swf{background-position:0px -80px;}
.ext_small_xls{background-position:0px -96px;}
.ext_small_txt{background-position:0px -112px;}
.ext_small_img{background-position:0px -128px;}
.ext_small_package{background-position:0px -144px;}
.ext_small_common{background-position:0px -160px;}


/************ 操作提示 ***********/
.msgdiv{margin:auto; width:90%; font-size:14px;}
.msgdiv a:link,.msgdiv a:visited,.msgdiv a:active,.msgdiv a:hover{color:#0657B2;text-decoration:none;}
.msgdiv table{width:100%;height:200px;}
.msgdiv .content{height:50px; font-size:14px; }
.msgdiv .left{width:300px; background:url('../image/bg_msg.gif') no-repeat center center; }
.msgdiv .right{line-height:200%;}
.msg_newpass{color:green;font-weight:bold;}


/************ jqzoom ***********/
.imglist{padding: 0 5%;  margin: auto; background: #fff; }

.imglistitem{display:block; clear:both; border:1px solid #dedede; margin: 25px 0px; background: #fff; position: relative;}
.imglistitem .artimg{ width:260px; height:200px; float:left; background: #333;}
.imglistitem .artimg img{width:100%; height: 100%; border:1px solid #e0e0e0;}
.imglistitem .colorborder{border:3px solid #148FC8;}

.imglistitem .textdiv{width:50%; padding:2%; float:left;}
.imglistitem .textdiv .catename{padding:0px 2px;}
.textdiv .catename a:link,.textdiv .catename a:active,.textdiv .catename a:visited,.textdiv .catename a:hover{color:#454545;}
.textdiv .title{font-weight:bold; font-size:22px;  padding:0px 2px; color: #333;}
.textdiv .time{font-size:11px; padding:0px 2px;}
.textdiv p{display:block; padding:0px; padding-top:6px; margin:0px; color:#999; line-height:180%;}
.imglistitem .viewmore{display:block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.imglistitem .viewmore a{display: block; width: 100%; height: 100%; background: url('../image/bg_view1.png') no-repeat center right; }
.imglistitem .viewmore a:hover{background: url('../image/bg_view2.png') no-repeat center right; }
.imglistitem .viewmore a span{display: none;}



#link_text{padding: 0 5%; height: 32px; line-height: 32px; color: #333; background: #eee; font-size: 12px; overflow: hidden;}
#link_text ul{list-style:none; margin:0px; padding:0px;}
#link_text ul li{float:left; height:16px; line-height:16px; margin-top: 8px; padding:0px 8px; border-right:1px solid #d0d0d0;}
#link_text ul li.lihead{padding-left: 0px;}
#link_text ul li:last-child{border-right: 0px;}
#link_text a:link,#link_text a:active,#link_text a:visited{color: #666;}
#link_text a:hover{color:#D01726;}


.proitem{background: #fff; margin-right: 8px; margin-bottom: 15px; float: left;}
.proname{font-weight: bold; height: 32px; line-height: 30px; font-size: 14px; text-indent: 20px;}
.proname a:link,.proname a:active,.proname a:visited,.proname a:hover{color:#666;}
.probtn{height: 25px;}
.proimg{padding-left: 17px;}
#prolist{padding-top: 10px;}

.proitem .pro1{width:274px; height: 8px; overflow: hidden; background: url('../image/pro_1.png') no-repeat;}
.proitem .pro3{width:274px; height: 8px; overflow: hidden; background: url('../image/pro_3.png') no-repeat;}
.proitem .pro2{width:274px; background:#fff url('../image/pro_2.png');}

.proitemhover .pro1{height: 8px; overflow: hidden; background: url('../image/pro_1a.png') no-repeat;}
.proitemhover .pro3{height: 8px; overflow: hidden; background: url('../image/pro_3a.png') no-repeat;}
.proitemhover .pro2{width:274px; background:#fff url('../image/pro_2a.png');}
.proitemhover img{filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

.probtn{color: #999; text-align: right; padding-right: 16px; padding-top: 10px;}
.probtn span{padding-left: 18px; background: url('../image/pro_icos.gif') no-repeat center left; margin-left: 15px;}
.probtn .picnum{background-position: 0px 0px;}
.probtn .hits{background-position: 0px -50px;}
.probtn .favnum{background-position: 0px -100px; display: none;}

.imgout{width: 100%; margin: auto; text-align: center;}
.proright{background: #fff; margin: 15px 15px 20px 0px; padding: 15px 30px;}
.proright h1{display: block; margin: 0px; padding: 0px; height: 35px; line-height: 35px; font-size: 14px; text-align: left; background: #fafafa; color: #666; text-indent: 10px;}
.propos{height: 35px; line-height: 35px; color: #666; border-bottom: 1px solid #ddd; overflow: hidden;}
.propos h1{font-size: 16px; display: inline-block; margin:0px; padding:0px; float: right; color: #212121; height: 35px; line-height: 35px; background: url('../image/ico_down3.gif') no-repeat center left; text-indent: 18px;}
.procate{color:#D01726; font-weight: bold; font-size: 16px; height: 30px;}

.prorelink{padding: 15px 0px; text-align: center;}
.prorelink a span{color:#D01726; font-size: 14px;}

.viewcontent{background: #fff; font-size: 14px; line-height: 180%; padding: 0 5%;  margin: auto;}
.viewcontent img{max-width: 100%;}
.viewcontent h1{display: block; font-size: 26px; font-weight: normal; text-align: center;margin: 0px; padding: 10px 0px; line-height: 125%;  border-top: 1px solid #dedede;}
.viewsource{text-align: center; padding: 5px 0px 20px 0px;}

.viewnav{padding: 10px 0px; border-top: 1px dashed #ccc; margin-top: 15px;}
.viewnavul{list-style: none; margin: 0px; padding: 0px;}
.viewnavul li{display: block; margin: 0px; padding: 0px; height: 25px; line-height: 25px; background: url('../image/bg_dot.gif') no-repeat center left; padding-left: 10px;}
.viewnavul li .time{display: none;}
.artwords{height: 60px; border-bottom: 1px dashed #ddd; margin-bottom: 8px; margin-top: 10px;}
.artwords span, .artwords strong{display: none;}
.artwords .catetitle{background: url('../image/bg_words3.gif') no-repeat; width: 280px; height: 55px; float: left;}
.artwords .more{background: url('../image/bg_words3.gif') no-repeat; width: 44px; height: 44px; float: right;}
.companynews .catetitle{background-position: 0px 0px;}
.companynews .more{background-position: 0px -100px;}
.information .catetitle{background-position: 0px -200px;}
.information .more{background-position: 0px -300px;}
.school .catetitle{background-position: 0px -400px;}
.school .more{background-position: 0px -500px;}
.news .catetitle{background-position: 0px -600px;}
.gsdt .catetitle{background-position: -300px -0px;}
.fzlc .catetitle{background-position: -300px -100px;}
.yphj .catetitle{background-position: -300px -200px;}
.khlb .catetitle{background-position: -300px -300px;}
.lxwm .catetitle{background-position: -300px -400px;}
.xqbd .catetitle{background-position: -300px -500px;}

.cpul{float: left; width:220px; border:0px solid #ddd; padding: 8px; margin:8px; background: #fafafa;}
.cpul li{padding-left: 0px; margin-left: 20px;}
.cpul li.utitle{font-weight: bold; color:#D01726; list-style: none; border-bottom: 1px dashed #ddd; margin-left: 5px;}

.ctul{list-style: none; margin: 0px; padding: 0px; }
.ctul li{background: url('../image/ico_dot6.gif') no-repeat center left; border-bottom: 1px dashed #ddd; padding: 15px 0px 15px 12px; color: #666; font-size: 18px;}
.ctul li .en{background: url('../image/ico_xie.gif') no-repeat center left; padding-left: 10px; color: #ccc; font-size: 14px;}
.ctul li .val{color: #333; padding-left: 10px; font-size: 18px;}
.ctul li .valb{font-size: 24px;}


.casemain{margin: auto; padding: 0 5%;}
.casecate{width: 100%; padding: 3% 0px 15px 0px;}
.casecate b{font-size: 20px; margin-right: 16px;}
.casecate ul,.casecate li{display: inline-block;  list-style: none; margin: 0px; padding: 0px;}
.casecate li a{display: block; padding: 4px 8px; margin: 0px 8px;}
.casecate li{background: url('../image/bg_spt.gif') no-repeat center right;}
.casecate li:last-child{background: none;}
.casecate li a.cur{border-bottom: 2px solid #D01726;}
.caseline{border-bottom: 1px solid #ddd; overflow: hidden; margin-top: -35px;}
.caseline h1{font-size: 16px; display: inline-block; margin:0px; padding:0px; float: right; color: #212121; height: 35px; line-height: 35px; background: url('../image/ico_down3.gif') no-repeat center left; text-indent: 18px;}

.casebanner{width:90%; margin: auto; padding-bottom: 25%; position: relative; background-color: #212121; background-repeat: no-repeat; background-size: 100% 100%;}
.casebanner .tl{display: none; font-size: 45px; color: #fff; position: absolute; right: 20px; bottom: 20px;}


.caseitem{background: #fff; margin-bottom:3%; float: left; width: 30%; margin-right: 5%;}
.caseitem:nth-of-type(3n) {margin-right: 0;}
.caseimg{width: 100%; padding-bottom: 75%; overflow: hidden; position: relative; background: #212121;}
.caseimg img{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.casevideo .caseimg a{display: block; width: 100%; height: 100%; background:url('../image/bg_play.png') no-repeat center center;  position: absolute; left: 0px; top: 0px; z-index: 9999;}
.casevideo .caseimg a span{display: none;}
.casevideo .caseimg a:hover{background:url('../image/bg_play2.png') no-repeat center center;}
.caseimg .ahover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.casename{font-weight: bold; height: 32px; line-height: 32px; font-size: 14px; float: left;}
.casename a:link,.casename a:active,.casename a:visited{color:#333;}
.casename a:hover{color: #D01726;}
#caselist{padding-top: 10px;}
#bottomtips{text-align: center; padding: 10px 0; color: #666; font-weight: bold;}

.casebtn{color: #999; text-align: right; padding-top: 5px; display: none;}
.casebtn span{padding-left: 18px; background: url('../image/pro_icos.gif') no-repeat center left; margin-left: 15px;}
.casebtn .picnum{background-position: 0px 0px;}
.casebtn .hits{background-position: 0px -50px;}

.btnone{width: 100%; height: 40px; position: relative; border-bottom: 1px solid #ddd; text-align: center; margin-bottom: 50px;}
.btnone span{display: inline-block; background: #fff; font-size: 20px; color: #c0c0c0; font-weight: normal; position: absolute; bottom: -20px; height: 40px; line-height: 40px; padding: 0px 10px; margin-left: -60px; }

.footerout{ background: #f5f5f5;}
.footer{padding: 0 5%; margin: auto; padding-top: 30px; padding-bottom: 20px;}
.footercontact{float: left; line-height: 175%; color: #333; padding-top: 10px; padding-bottom: 15px;}
.footerim{float: right; text-align: center; color: #999; font-weight: bold;}
.footerim .ewm{float: left; }
.footerim .map{float: left; margin-left: 12px;}
.footerim .in{border:1px solid #333; margin-bottom: 4px;}
.footerim .in img{width: 160px; height: 160px;}

.fixednav {background: #fff; position: fixed; top: 0px; left: 0px; z-index: 10999; border-bottom: 1px solid #ccc; box-shadow: 0px 0px 8px #666;}

.artsubcate{ list-style: none; display: block; text-align: center; margin: auto; padding: 35px 0px;}
.artsubcate .bigmenu{display: inline-block; font-size: 22px; background: url('../image/bg_spt.gif') no-repeat center right; padding: 0 5%;}
.artsubcate .bigmenu a{padding: 5px;}
.artsubcate .bigmenu.cur a{border-bottom: 2px solid #D01726;}
.artsubcate .bigmenu:last-child{background: none;}
.artsubcate .smallct{display: none;}

.pageout{padding: 0 5%;  margin: auto;}
.pageleft{width: 30%; float: left; font-size: 26px; font-weight: bold; padding-top: 30px;}
.pagecontent{width: 70%; float: left; color:#454545; font-size: 16px; line-height: 180%; padding-top: 30px;}
.pagecontent img{max-width: 100%;}

.maintl{text-align: center; font-size: 24px; padding: 25px;}
.newstl{text-align: center; font-size: 24px; padding: 10px 0px 0px 0px;}
.flowtl{text-align: center; font-size: 24px; padding: 10px 0px 30px 0px;}
.homecate{padding: 0 5% ;}
.mainlist{padding: 0 5%;  margin: auto; padding-top: 10px;}
.mainlist .casename{font-size: 16px;}

.mainflow{list-style: none; display: block; margin: 0px; padding: 0px;}
.mainflow li{display: block; padding: 0px; margin: 0px; width: 20%; height: 220px; float: left; text-align: center; color: #999; font-size: 15px;}
.mainflow li em{display: inline-block; width: 140px; height: 150px; background: url('../image/bg_flow.png') no-repeat;}
.mainflow li em.ico1{background-position: 0px 0px;}
.mainflow li em.ico2{background-position: 0px -160px;}
.mainflow li em.ico3{background-position: 0px -320px;}
.mainflow li em.ico4{background-position: 0px -480px;}
.mainflow li em.ico5{background-position: 0px -640px;}
.mainflow li b{display: block; height: 30px; line-height: 30px; color: #212121; font-size: 16px;}

.mainbg{background: #eee; padding: 25px 0px;}
.videodiv{padding: 25px 0;}

/*
#imgct{-moz-column-gap:88px; -webkit-column-gap:88px; column-gap:88px; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}
#imgct img{margin: 44px 0px; width: 100%; border:1px solid #999;}
*/
#imgct img{margin: 2% auto; width: 100%; max-width: 1000px; border:1px solid #999; display:block;}

#btfloat{position: fixed; right: 0; bottom: 0; width: 45px; height: 45px; z-index: 10005; }
*html #btfloat{ /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px;
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+documentElement.clientHeight-250 : document.body.scrollTop+document.body.clientHeight -250);
}

#gotop{display:none; width: 45px; height: 45px; background: url('../image/ico_ftop.png') no-repeat bottom center; position: absolute; right: 0px; top: 0px;}
#gotop img{width: 45px; height: 45px; }



@media screen and (max-width: 1280px) {
	/*
	#imgct{-moz-column-gap:56px; -webkit-column-gap:56px; column-gap:56px;}
	*/
}

@media screen and (max-width: 800px) {
	.caseitem{width: 48%; margin-right: 4%; }
	.caseitem:nth-of-type(3n) {margin-right: 4%;}
	.caseitem:nth-of-type(2n) {margin-right: 0;}

	.pageleft{width: 100%; float: none; }
	.pagecontent{width: 100%; float: none;}

	.ctul li{background: none;}
	.ctul li .val{display: block; padding-left: 0px;}

	.footercontact{float: none; }
	.footerim{float: none; }

	.mainflow li{width: 50%;}
	.casebtn{display: none;}

	.artsubcate{ padding: 25px 0px 15px 0px;}
	.artsubcate .bigmenu{font-size: 18px;}

	.casebanner .tl{font-size: 25px;}

	.imglistitem{text-align: center;}
	.imglistitem .artimg{ float:none; margin: auto;}

	.imglistitem .textdiv{width:auto; padding:10px; float:none;}
	.textdiv .title{font-size:16px;}

	.imglistitem .viewmore a{background: none; }
	.imglistitem .viewmore a:hover{background: none; }

	.Pagination_td2 {display: none;}

/*
	#imgct{column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;}
*/
	.smenu{display: block;}
	#nav{display: none; height:auto; background: #333; border:1px solid #dedede; width: 150px; position: absolute; right: 2%; top: 55px;}
	#topnav{height: auto;}
	#topnav .topmenu{height:40px; float: none; overflow: hidden; background: no-repeat;}
	#topnav .toplink {height:40px; line-height:40px; padding: 0px 8px; float: none; text-align: center; font-size:16px; }

	.caseline{margin-top: -25px;}

}

@media screen and (max-width: 480px) {
	.mainflow li{width: 100%;}
	.propos span{display: none;}
	#link_text{display: none;}
}



/*登录*/
.login_title{font-size:14px;color:#333;font-weight:bold;}
.login_div{ margin:auto;}
.login_a1{width:150px;text-align:right;padding:5px;}
.login_a2{width:610px;padding:5px;color:#666666;}
.login_a2 a:link,.login_a2 a:active,.login_a2 a:visited,.login_a2 a:hover{color:#666;}
.login_a3{}

/*注册*/
.signup_div{margin:auto;}
.signup_a1{width:150px;text-align:right;padding:5px;}
.signup_a2{width:710px;padding:5px;color:#666666;}
.signup_a3{}
.signup_useragree:link,.signup_useragree:active,.signup_useragree:visited,.signup_useragree:hover{color:#333;font-weight:bold;}



/*个人中心*/
.member_out{width:96%; padding-bottom:20px; margin:auto;}
.member_a0{width:100%;}
.member_a1{width:180px;vertical-align:top; border-right:1px dotted #dedede;}
.member_a1 b{width:180px;height:45px;line-height:45px;text-indent:50px;font-size:14px;color:#333333;display:block;background:url('../image/bg_member.jpg') no-repeat center center;}
.member_a1 p{font-size:14px;margin:0px;height:28px;line-height:28px;text-indent:48px;}
.member_a1 p a:link,.member_a1 p a:active,.member_a1 p a:visited{color:#0657B2;}
.member_a1 p a:hover{color:#0657B2;font-weight:bold;}
.member_b1{width:140px;text-align:right; color:#333333;padding:8px 3px 8px 0px; font-size:14px;}
.member_include{font-size:14px;}

.member_title{border-bottom:1px dotted #ccc; margin:10px; margin-top:0px;}
.member_title b{display:block; color:#333; font-size:14px; padding:8px 0px;}
.member_title span{float:left;display:block;width:200px;}

.member_title img{float:right;margin-top:6px;}
.member_pic_a1{vertical-align:top;color:#333333;line-height:180%;}
.member_pic_a1 b{font-size:14px;}
.member_pic_a1 img{margin:5px 10px 0px 0px;border:10px solid #dedede;}
.member_grouptable, .member_creditstable, .member_popedomtable{border-top:3px solid #D9E6BB;width:100%;border-collapse:collapse;}
.member_grouptable thead, .member_creditstable thead, .member_popedomtable thead{color:#666666;background:#EFEFEF;font-weight:bold;}
.member_grouptable td, .member_creditstable td, .member_popedomtable td{border-bottom:1px solid #D9E6BB;padding:5px;}
.member_popedomtable td{width:50%;}
.member_popedomtable .noallow{font-weight:bold;color:#999999;}
.member_popedomtable .allow{font-weight:bold;color:green;}
.member_grouptable .groupname{font-weight:bold;color:#333333;width:150px;}
.member_grouptable .grouptype{width:100px;}
.member_grouptable .groupstar{width:250px;}
.member_grouptable .groupmarkrange{width:250px;}
.member_grouptable .grouplink a:link,.member_grouptable .grouplink a:active,.member_grouptable .grouplink a:visited{color:#0657B2;}
.member_grouptable .group0 td{background:#f5f5f5;}
.member_creditsdiv{font-size:12px;padding:8px;color:#333333;}
.msg {border-top:3px solid #D9E6BB;width:100%;border-collapse:collapse;}
.msg td{border-bottom:1px solid #D9E6BB;padding:5px;}
.msg thead{color:#666666;background:#EFEFEF;font-weight:bold;}
.msg thead td{padding:7px 5px;}
.msg thead .msg_1{width:470px;}
.msg thead .msg_2{width:130px;}
.msg thead .msg_3{ text-align:right;}
.msg tbody{font-weight:normal;}
.msg tbody .msg_1{font-size:12px;}
.msg tbody .msg_2{font-size:12px;}
.msg tbody .msg_3{ text-align:right;color:#999999;font-size:11px; font-family:Arial;}
.msg .hasread{}
.msg .unread{font-weight:bold;}
.msg_system{color:#FF6600;}



/**********datechoose**********/
.TrTitle {background:#fff;border-bottom:5px solid #D4D0C8;color:#000;cursor:pointer;}
.TrOver {background:#808080;height:18px;border:0px solid #999999;color:#D4D0C8;cursor:pointer;}
.TdOver {background:#fff;height:18px;width:22px;border:0px solid #ccc;color:#000;cursor:pointer;}
.TdOut {background:#C6D3EF;height:16px;width:20px;border:1px solid #3169C6;color:#333;cursor:pointer;}
.TdOver2 {background:#e6e6e6;height:18px;border:1px solid #ccc;border-top:1px solid #fff;border-left:1px solid #fff;color:#666;cursor:pointer;}
.TdOut2 {background:#e6e6e6;height:18px;border:1px solid #fff;border-top:1px solid #ccc;border-left:1px solid #ccc;color:#000;cursor:pointer;}


/**********订单**********/
.orderitem{ border:1px solid #e6e6e6; font-size:12px; width:98%; margin:auto; margin-bottom:10px;}
.ordertitle b.ordernum{margin-right:20px; font-size:11px;}
.ordertitle .time{font-weight:bold;}
.ordertitle .alipay{float:right;}
.orderitem a:link,.orderitem a:active,.orderitem a:visited,.orderitem a:hover{color:#148FC8;}
.ordertitle{background:#f5f5f5; line-height:150%; padding:5px; border-collapse:collapse;}
.ordertable{width:100%;}
.ordertable td{margin:0px; padding:0px;}
.ordertable .td1{border-right:1px solid #e6e6e6;}
.ordertable .td2{width:110px;border-right:1px solid #e6e6e6; text-align:center;padding:3px; line-height:160%; color:#666;}
.ordertable .td2 .total{ font-weight:bold;  color:#f30; font-size:12px; }
.ordertable .td3{width:90px;text-align:center; padding:3px; border-right:1px solid #e6e6e6;  line-height:160%;}
.ordertable .td4{width:80px;text-align:center; padding:3px; }
.orderpro{width:100%; border-bottom:1px solid #e6e6e6;border-collapse:collapse;}
.orderpro td{padding:3px;}
.orderpro .op1{width:50px;}
.orderpro .op1 img{width:48px; height:48px;}
.orderpro .op2{}
.orderpro .op3{width:80px;text-align:center; font-size:11px;}
.orderpro .op4{width:40px;text-align:center; font-weight:bold;}
.coverborder{background:#fff; margin-top:-2px; height:3px; overflow:hidden;}
.orderno{width:98%; margin:auto; padding:6px 0px;}

.vieworder_title{font-weight:bold; height:25px; line-height:25px; text-indent:15px; margin-left:10px; background:url('../image/ico_down.gif') no-repeat center left; }
.vieworder_div{border:1px solid #dedede; padding:6px; margin:4px 10px;}
.vieworder_table{border-collapse:collapse; width:100%;}
.vieworder_table .td1{width:60px; padding:4px; padding-left:10px;}
.vieworder_table .td2{padding:4px;}
.vieworder_table .total{color:#f30; font-weight:bold;}
.vieworder_table .expcharge{color:#666}

.actionbtn{background:#f5f5f5; border:1px solid #a2a2a2; display:inline-block; margin-top:2px;}
.actionbtn a{display:block; border:1px solid #fff; padding:1px 4px;}
.actionbtn a:link,.actionbtn a:visited,.actionbtn a:active{color:#333;text-decoration:none;}
.actionbtn a:hover{color:#000;text-decoration:underline;}


/**********购物车**********/
.cartdiv{width:95%; margin:auto;}
.cartdiv .cartdiv_title{display:block; height:40px; line-height:40px; text-indent:50px; font-size:18px; color:#083773; background:url('../image/bg_cart.gif') no-repeat center left;}
.cartdiv .cartdiv_title2{display:block; height:30px; line-height:30px; font-size:14px; color:#333; font-weight:bold; text-indent:15px; border-bottom:1px solid #dedede; background:url('../image/ico_down.gif') no-repeat center left; width:880px; margin:auto;}
.cartdiv a:link,.cartdiv a:active,.cartdiv a:visited,.cartdiv a:hover{color:#148FC8;}
.cartpro{width:100%; border-collapse:collapse;}
.cartpro thead{background:#f0f0f0; font-weight:bold; height:28px;}
.cartpro td{padding:4px 5px; border:1px solid #e0e0e0;}
.cartpro .op1{width:60px; text-align:center;}
.cartpro .op1 img{width:48px; height:48px;}
.cartpro .op2{}
.cartpro .op3{width:110px;text-align:center;}
.cartpro .op4{width:85px;text-align:center; font-weight:bold;}
.cartpro .op4 input{width:38px; height:16px; font-size:12px; font-weight:bold; border:0px; float:left; margin:5px 0px 0px 1px; background:none;}
.cartpro .op4 .nums{width:80px; height:30px; background:url('../image/bg_nums.gif') no-repeat; overflow:hidden;}
.cartpro .op4 .nums1{width:20px; height:30px; float:left; cursor:pointer;}
.cartpro .op4 .nums2{width:40px; height:30px; float:left;overflow:hidden;}
.cartpro .op4 .nums3{width:20px; height:30px; float:left; cursor:pointer;}
.cartpro .op5{width:110px;text-align:center; }
.cartpro .op6{width:80px;text-align:center; }
.cartpro .price{font-weight:bold; color:#f30; font-size:11px;}
.cartbtn{width:280px; margin:auto; text-align:center; }
.orderbtn{width:140px; margin:auto; text-align:center; }
.cartbtn a{display:inline-block; width:132px; height:46px; line-height:44px; text-align:center; background:url('http://yutu.cldvip.com/template/yutuad/images/bg_btnbuy.gif') no-repeat; font-weight:bold; font-size:14px; margin:2px;}
.cartbtn a:link,.cartbtn a:active,.cartbtn a:visited,.cartbtn a:hover{color:#D53000;}
.cartdiv #orderform{border-bottom:1px dotted #c0c0c0; padding-bottom:15px; margin-bottom:15px;}
.ordertb{margin-top:10px;}
.ordertb tr td{vertical-align:top; }
.ordertb .ordertd1{text-align:right; width:150px; padding:6px 2px 0px 0px; height:32px; color:#333;} 
.ordertb .ordertd2{text-align:left;} 
.ordertb .ordertd2 .text_css{width:400px;}
.ordertb .ordertd2 textarea{width:400px; height:140px;}
.ordertb .ordertd2 .price{font-weight:bold; color:#f30; font-size:11px;}
.pagediv{float:right;}


/**********收藏**********/
.pagerdowntable{border-top:1px dotted #c0c0c0; width:98%; margin:auto;}
*html #onlinecs1 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: 50px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+50 : document.body.scrollTop +50);
}
#onlinecs1 {position:fixed; right:0px; top:50px; z-index:10008;background:none repeat scroll 0 0 #FFFFFF;border: 3px solid #454545;text-align: center;width: 62px;}
#onlinecs1 a{text-indent:-300px; overflow:hidden;}
#onlinecs1 ul, #onlinecs1 ul li{display:block; margin:0px; padding:0px; overflow:hidden;}
#onlinecs1 ul li{height:40px; background:url('../image/cs_spr.gif') no-repeat 3px 38px;}
#onlinecs1 .ctphone{display:none;}
#onlinecs1 .qq{display:block; width:62px; height:32px;background:url('../image/cs_onlinecs.gif') no-repeat 15px 0px; margin:5px 0px; }
#onlinecs1 .msn{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 15px -100px; margin:5px 0px; }
#onlinecs1 .aliww{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 15px -200px; margin:5px 0px; }
#onlinecs1 .yahoo{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 15px -300px; margin:5px 0px; }
#onlinecs1 .skype{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 15px -400px; margin:5px 0px; }
#onlinecs1 .title{width:62px; height:30px; line-height:26px; background:#454545; text-align:center; font-weight:bold; color:#fff;}


*html #onlinecs2 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -6px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#onlinecs2 {position:fixed; right:10px; bottom:0px; z-index:10010;background:#454545; border:3px solid #454545; height:60px;}
#onlinecs2 a{text-indent:-300px; overflow:hidden;}
#onlinecs2 ul, #onlinecs2 ul li{display:block; margin:0px; padding:0px; background:#fff;}
#onlinecs2 ul li{height:38px; width:35px; float:left; overflow:hidden;}
#onlinecs2 .ctphone{display:none;}
#onlinecs2 .qq{display:block; width:62px; height:32px;background:url('../image/cs_onlinecs.gif') no-repeat 2px 0px; margin:5px 0px; }
#onlinecs2 .msn{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -100px; margin:5px 0px; }
#onlinecs2 .aliww{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -200px; margin:5px 0px; }
#onlinecs2 .yahoo{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -300px; margin:5px 0px; }
#onlinecs2 .skype{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -400px; margin:5px 0px; }
#onlinecs2 .title{width:100px; height:20px; line-height:18px; text-indent:4px; font-weight:bold; color:#fff;}



*html #onlinecs3 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: 2px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop: document.body.scrollTop);
}

#onlinecs3 {position:fixed; right:10px; top:0px; z-index:10010;background:#454545; border:3px solid #454545; height:60px;}
#onlinecs3 a{text-indent:-300px; overflow:hidden;}
#onlinecs3 ul, #onlinecs3 ul li{display:block; margin:0px; padding:0px; background:#fff;}
#onlinecs3 ul li{height:38px; width:35px; float:left; overflow:hidden;}
#onlinecs3 .ctphone{display:none;}
#onlinecs3 .qq{display:block; width:62px; height:32px;background:url('../image/cs_onlinecs.gif') no-repeat 2px 0px; margin:5px 0px; }
#onlinecs3 .msn{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -100px; margin:5px 0px; }
#onlinecs3 .aliww{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -200px; margin:5px 0px; }
#onlinecs3 .yahoo{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -300px; margin:5px 0px; }
#onlinecs3 .skype{display:block; width:62px; height:32px; background:url('../image/cs_onlinecs.gif') no-repeat 2px -400px; margin:5px 0px; }
#onlinecs3 .title{width:100px; height:20px; line-height:18px; text-indent:4px; font-weight:bold; color:#fff;}
.html_title{font-weight:bold;}
.news_title{font-weight:bold;}
.pro_title{font-weight:bold;}


.newsul_1,.newsul_1 li{list-style:none; margin:0px; padding:0px;}
.newsul_1 .tli{padding:2px;}

.newsul_2,.newsul_2 li{list-style:none; margin:0px; padding:0px;}
.newsul_2 .tli{padding:2px;}
.newsul_2 .tli .time{float:right;}

.newsul_3,.newsul_3 li{list-style:none; margin:0px; padding:0px;}
.newsul_3 .tli{padding:2px;}
.newsul_3 .firstli .title{font-size:14px; font-weight:bold;}
.newsul_3 .desc{display:block; color:#999; text-indent:24px;}

.newsul_4,.newsul_4 li{list-style:none; margin:0px; padding:0px;}
.newsul_4 .tli{padding:2px;}
.newsul_4 .firstli .title{font-size:14px; font-weight:bold;}
.newsul_4 .desc{display:block; color:#999; text-indent:24px;}
.newsul_4 .tli .time{float:right;}


.newsul_5,.newsul_5 li{list-style:none; margin:0px; padding:0px;}
.newsul_5 .picli{margin:0px; padding:0px; width:400px; height:300px;}
.newsul_5 .picli img{width:400px; height:300px;}

.newsul_6,.newsul_6 li{list-style:none; margin:0px; padding:0px;}
.newsul_6 .picli{margin:0px; padding:0px; width:120px; height:90px; float:left;}
.newsul_6 .picli img{width:120px; height:90px;}



.proul_1,.proul_1 li{list-style:none; margin:0px; padding:0px;}
.proul_1 .tli{padding:2px;}

.proul_2,.proul_2 li{list-style:none; margin:0px; padding:0px;}
.proul_2 .tli{padding:2px; float:left; width:65px; height:65px;}
.proul_2 .tli img{width:65px; height:65px;}

.proul_3,.proul_3 li{list-style:none; margin:0px; padding:0px;}
.proul_3 .tli{float:left; padding:4px; width:160px;}
.proul_3 .tli .image{display:block; width:160px; height:160px; border:1px solid #dedede;}
.proul_3 .tli .title{display:block; width:160px; text-align:center; padding:3px 0px;}

.proul_4,.proul_4 li{list-style:none; margin:0px; padding:0px;}
.proul_4 .tli{float:left; padding:4px; width:160px;}
.proul_4 .tli .image{display:block; width:160px; height:160px; border:1px solid #dedede;}
.proul_4 .tli .title{display:block; width:160px; text-align:center; padding:3px 0px;}
.proul_4 .tli .price{display:block; width:160px; text-align:center; color:#F70000; font-weight:bold; font-size:11px;}

.proul_6,.proul_6 li{list-style:none; margin:0px; padding:0px;}
.proul_6 .picli{list-style:none; margin:0px; padding:0px; width:300px; height:300px;}
.proul_6 .picli img{width:300px; height:300px;}