/*小屏幕（手机端 小于等于768px）*/
/*手机端 商标页CSS*/
body {

  font-family: Microsoft YaHei;
}
/*.head{
	background-color:#F0F0F0;
	margin-right:20px;	
	padding: 0px 32px;
}

#navbar-collapse ul{
   
}

.head a{
	font-size: 16px;
	
}

.navbar-right{
    line-height: 50px;
}

.navbar-right span{
	font-size: 20px;
	margin-top:10px;
}

.navbar-right i{
	color: red;
}
.tab{
	background:url(../images/banner1.jpg);
	width: 375px;
	height:330px;
}
.tab-h2{
	font-size: 20px;
	text-align: center;
	font-family: '黑体';
}
.tab-p{
	font-size: 15px;
	text-align: center;
	font-family: '黑体';
}
.tab-p span{
	color: #FF5809;

}
 .tab2{
	width: 86%;
	margin:50px auto;
}
.inp1 {
    height: 30px;
    width: 130px;
    margin-right: 5px;
    padding-left: 2%;
    font-size: 14px;
}
.inp2 {
	height: 30px;
	width: 130px;
	padding-left: 2%;
    font-size: 14px;
}

.inp3{
    width: 165px;
    height:30px;
    margin-top: 10px;
    padding-left: 2%;
    font-size: 14px;

}
.inp4{
	width:100%;height:40px;
	text-align: center;
}
.inp5{
	height: 30px;
	width: 100px;
	background: red;
}
.inp6{
	text-align: center;
}
.tab3{
	text-align: center;
	margin: 10px 0px 10px 0px;
}
.tab3 span{
	font-size: 13px;
    font-weight: bold;
}

.tab4-con{
    margin: auto;
    font-size: 8px;
}
.tab4 p{
	margin: 0;
	font-size: 10px;
	text-align: left;
}
#tab4{
	padding: 5px;
	width: 80%;
	color:#666;
	text-align: center;
	background:rgb(222,221,221);
	margin: 0 auto;
	height:90px;
	overflow:hidden;
}
.ma{
	margin: 10px 0;
}
.ma strong{
	font-size: 12px;
}
.ma span{
	font-size: 10px;
	margin-right: 10px;
}*/
/*
.lc {
   width: 100%;
   height:30px;
   line-height: 30px;
   font-size: 18px;
   font-weight: bold;
   text-align: center;
   background: #EAEAEA;
   margin-top:5px;
   color: #FF5809;
}
.yf{
   width: 100%;
   height:30px;
   line-height: 30px;
   font-size: 11px;
   text-align: center;
}
.sbiao{
	width: 25%;
	float: left;
}
.sbiao a{
	text-decoration-style: none;
}
.sbiao img{
	margin-left: 12px;
}
.sbiao p{
	text-align: center;
	font-size: 12px;
	color: #6E6E6E;
}
#zc-sb{
	border-bottom: 3px solid  #FF5809;
}
#sbiao-text{
	padding: 18px;
	font-size: 10px;
}
.media-body h4{
    color: #00B2EE;
    font-size: 16px;
    margin:0px 0px 5px 0px;
}
.media-body p{
	font-size: 12px;

}
.xinxi{
	margin-top: 8px;
}
.xinxi .media{
	margin: 24px 0;
}
.media-body input{
	font-size: 10px;
}
.yewu-tp{
	width: 155px;
	height:200px;
	border:1px solid #C2C2C2; 
	background: #eee;
	margin: 8px auto;
	border-radius:8px;

}
.yewu-tp img{
    width: 100%;
    height:40%;
}
.yewu-tp h4{
	text-align: center;
	font-size: 14px;
	color: #00B2EE;
}
.yewu-tp p{
	padding: 10px 10px 0px 10px;
	font-size: 10px;
}
.yewu-tp input{
	text-align: center;
}
.gw p{
    text-align: center;
    font-size: 14px;
}
.gw .gouqi{
	margin:5px auto;
}
.gouqi .but{
	text-align: center;
}
.gw input{
	font-size: 10px;
	color:#FF5809; 
	margin-bottom: 10px;
}

.guanyu{ 
	width: 100%
	margin-top: 30px;
}
.guanyu .gy-tel{
	height:23px;
	text-align: center;
	color: #CD8500;
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	margin-bottom: 5px;

}
.guanyu .gy-con{
	background:#eee;
	padding: 30px 20px;
	text-align: center;

}
.guanyu .gy-con img{
	max-width:230px;
	max-height:178px;
}
.guanyu .gy-con p{
	font-size: 10px;

}
.guanyu .gy-con input{
	border-radius:5px;
	border-color: #212121;
	background:#009ACD ;
	font-size: 12px;		
}
.guanyu .gy-bot{
	height:160px;
	background:#5C5C5C;
}
.gy-con-text{

	font-size: 14px;
	font-family:"华文行楷"; 
	margin: 5px 0;
	
}*/
/*手机端 条码页CSS*/
.baoti{
    text-align: center;
    font-size: 16px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #1E90FF;
    font-weight: bold;
    font-family: "宋体";
    border-bottom:2px solid #E0E0E0;
}
#bg2-img1{
	width: 83%;
	margin: 13px auto;
}
#bg2-img2{
	width: 83%;
	margin: 13px auto;
}
#bg2-img3{
	width: 53%;
	margin: 13px auto;
}
#bg2-img4{
	width: 53%;
	margin: 13px auto;
}

.baoti img{
    width: 12%;
    height: 32%;
}
.youshu{
	padding: 10px;
	background:rgb(247,247,247);
}
.youshu .youshu-text{
	background:#FCFCFC;
	padding: 5px;
	box-shadow:2px 0px 0px 0px #aaa,
	0px 3px 0px 0px #aaa;
	border-radius:6px;
}
.youshu-text p{
	font-size: 12px;
	color:#FF5809;
}
.youshu .t-img{  
	margin: 10px 0;
}
.t-img p{
	text-align: center;
	margin-top: 5px;
	padding:0 5%;
	font-size: 12px;
}
.bangli{
	background:rgb(247,247,247); 
}
.bangli .zl-img{
    margin:6px 0; 
}
.leixing{
	background:rgb(247,247,247);
}
.leixing .lx-img{
	margin:6px 0;
}
.yongtu{
	background:rgb(247,247,247);
}
.yongtu img{
	padding: 10px;
	width: 345px;
	height:194px;
}
.yongtu p{
	padding: 10px;
	font-size: 13px;
}
.liucheng{
	background:rgb(247,247,247);	
}
.liucheng .lc-con{
	margin: 10px 0px 20px 0px;
}
#lc-bot{
	margin:10px 0;
}
#lc-bot input{
	border-radius:5px;
	background: #EAC100;
	font-size: 10px;
	width: 87px;
}
.jianzheng{
	background:rgb(247,247,247); 
}
.footer{
	background:rgb(40,51,45);
}

#foot-r h5{
	font-size: 13px;
	color:#fff;
}
#foot-r p{
    color: #ADADAD;
    font-size: 10px;
}
.footer{
	margin: 15px auto;
	position: relative;
} 
.footer .media{
	margin: 10px auto;
}
/*.toubu{
	width: 100%;
	height:370px;
	background-size: 100% 100%;
	background:url(../images/banner2.jpg);
}*/
.tb{
	width: 276px;
	height:285px;
    background: #fff;
    margin: 35px auto;
    padding: 18px;
    box-shadow: 10px 10px 5px -6px #4f4f4f;


}
.tb1{
	height:30px;
	line-height: 30px;
}

.toubu .tb1 p{
	text-align: center;
	font-size: 16px;
	color: red;
	font-weight: bold;
}
#tb1-bt{
	margin: 3% 0;
	
}
#tb1-bt input{
	font-size: 12px;
}

.but-zx{
	width: 100%;
	height: 70%;
	font-size: 18px;
	margin-top: 20px;
	border-radius: 5px;
	background:	#ff6f06;
	border: 1px solid #ff6f06;
	color: #fff;

}
.tb-text{
    margin-top:15px;
    text-align: center;
    font-size: 14px;
    color: 	#fe7d23;
}

.icp { padding: 20px 0 0 0; text-align: center; }

*{ margin:0px; padding:0px;}
.Exhibitor{ width:100%; overflow:auto;box-shadow:2px 0px 0px 0px #aaa,0px 3px 0px 0px #aaa;border-radius:8px;margin: 20px 0px 30px 0px;}
.hl_main5_content{width:100%; height:85px;background: #fff;float:left;}
.h1_main5_title{ height:30px; background:#999; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold;}
.hl_main5_content1{width:71%; overflow:hidden; float:left; margin-top: 4px;height: 69px;}
.hl_main5_content1 ul{width:1600px; overflow:hidden; margin-top:10px;}
.hl_main5_content1 ul li{ float:left; width:115px; display:inline; margin-right:8px;}
.hl_main5_content1 ul li img{ width:96px;height:51px; }
.hl_scrool_leftbtn{width:40px; height:47px; background:url(../images/l.png) no-repeat; float:left; margin-left: 0px; margin-top:18px; cursor:pointer;}
.hl_scrool_rightbtn{width:40px; height:47px; background:url(../images/r.png) no-repeat; float:right; margin-top:18px; cursor:pointer;}
.demoList { width:1229px; overflow:hidden;}
.demoList li { float:left;  padding:5px; background:#fff; margin:10px; _display:inline; position:relative;margin-right: 0px; z-index:0; overflow:hidden;}
/*.demoList li:hover { border:1px solid #000; background:#222; }*/
.demoList li a { display:block; overflow:hidden; cursor:pointer; }
.demoList li samp,.demoList li div { height:150px; width:275px; position:absolute; left:5px; top:5px; z-index:1; }
.demoList li samp { background:url(../images/zoom.png) no-repeat center center; }
.demoList li div { background:#000; }

.demoList li span { background:#000; }
/* jQuery jcLightBox css */
#jc-Mod { position:absolute; z-index:99; display:none; left:0; right:0; bottom:0; top:0; cursor:pointer; }
#jc-Box { position:absolute; left:0; top:0; z-index:100; display:none; }
#box-top { height:24px; position:relative; }
#box-top-left { background:url(../images/box-ra.png) no-repeat 0 0; height:24px; width:24px; position:absolute; left:-24px; top:0; }
#box-top-right { background:url(../images/box-ra.png) no-repeat -25px 0; height:24px; width:24px; position:absolute; right:-24px; top:0; }
#box-btm { height:24px; position:relative;  background:url(../images/box-bottom.png) repeat-x 0 0; }
#box-btm-left { background:url(../images/box-ra.png) no-repeat 0 -25px; height:22px; width:24px; position:absolute; left:-24px; top:0; }
#box-btm-right { background:url(../images/box-ra.png) no-repeat -25px -25px; height:22px; width:24px; position:absolute; right:-24px; top:0; }
#box-cen { background:url(../images/box-left.png) repeat-y 0 0; position:relative; left:-24px;}
#box-cen-right { background:url(../images/box-right.png) repeat-y right 0; position:relative; right:-48px;}
#box-cen-img { position:relative; left:-24px; background:#000; }
#box-pn { position:absolute; left:10px; top:32px; height:30px; width:70px; z-index:101; }
#box-prev { background:#000; float:left; width:32px; height:30px; cursor:pointer; }
#box-next { background:#000; float:right; width:32px; height:30px; cursor:pointer;}
#box-pn a { display:block; height:20px; position:relative; top:5px; left:5px; background:url(../images/sprite.png) no-repeat;}
#box-next a { background-position:0 -20px; }
#box-prev a { background-position:0 -40px; }
#box-close { background:url(../images/box-close.png) no-repeat; height:60px; width:42px; position:absolute; top:14px; right:-50px; cursor:pointer; z-index:101; }
#box-close a { display:block; height:20px; position:relative; top:20px; left:8px; background:url(../images/sprite.png) no-repeat 0 0;}
#box-text { height:50px; position:absolute; left:0; }
#box-text samp { display:block; position:absolute; background:url(img/arrow.png) no-repeat; height:12px; width:12px; left:48%; top:-8px; z-index:1;}
#box-text-left { background:url(../images/box-text.png) no-repeat; height:50px; width:10px; position:absolute; left:0; top:0;}
#box-text-cen { color:#fff; text-shadow:1px 1px 0 #000; text-align:center; background:url(../images/box-text-cen.png) repeat-x; height:50px; line-height:50px; margin:0 10px; padding:0 30px; font-size:15px;overflow:hidden;}
#box-text-right { background:url(../images/box-text.png) no-repeat right 0; height:50px; width:10px; position:absolute; right:0; top:0;}
.tel400 { text-align: center; font-size: 22px; background: #F7F7F7; padding-top: 10px; font-weight: bold; }
.tel400 span { font-size: 14px; font-weight: normal; }



@media screen and (max-width: 480px){
	.waphide{display: none;}
	.wapfont{font-size: 12px;}
	.wapwidth{width: 50%;}  
	.toubu{width: 100%;height:330px;background-size: 100% 100%;background:url(../images/banner2.jpg);}
	.step1{position: absolute;bottom:17px;padding:4%;font-size:0.8em;width: 80%;}
	.step2{position: absolute;bottom:44px;padding:4%;font-size:0.8em;width:80%;}
	.step3{position: absolute;bottom:15px;padding:4%;font-size:0.8em;width:80%;}
	 #lc3{position: relative;right: 100%; bottom:-44px;}
	 #lc4{position: relative;right: -50%;bottom:90px;}
	 #lc5{position: relative;right: 50%;bottom:-70px;}
	 #lc6{position: relative;right: -50%;bottom:44px;}
	.step4{position: absolute;bottom:15px;padding:4%;font-size:0.8em;width:80%;}
	.step5{position: absolute;bottom:1px;padding:4%;font-size:0.8em;width:80%;}
	.step6{position: absolute;bottom:15px;padding:4%;font-size:0.8em;width:80%;}
	.cailiao1{position: absolute;bottom: 72px;width: 140px;padding-left: 7%;font-size: 14px;}
	.cailiao2{position: absolute;bottom: 72px;width: 140px;padding-left: 20%;font-size: 14px;}
	.cailiao3{position: absolute;bottom: 72px;width: 140px;padding-left: 9%;font-size: 14px;}
	.cailiao4{position: absolute;bottom: 72px;width: 140px;padding-left: 20%;font-size: 14px;}
	#dd{width: 60px;height: 60px}
	.tiaoma{position: absolute;color:red;font-size:14px;width: 83%;display: inline-block;text-align: center;bottom: 2%;}
	.dh{position: absolute;width: 100%;background: #eee;z-index: 999;}
}

/*大屏幕（桌面显示器　大于等于992px）*/
/*pc端 商标页CSS*/
@media (min-width: 992px) {
.pchide{display: none;}	
.head{
    background-color:#F0F0F0;
	margin-right:30px;	
}
.step1{position: absolute;bottom:49px;padding-left:8%;font-size:16px;width:220px;}
.step2{position: absolute;bottom:89px;padding-left:8%;font-size:16px;width:220px;}
.step3{position: absolute;bottom:46px;padding-left:8%;font-size:16px;width:220px;}
.step4{position: absolute;bottom:49px;padding-left:8%;font-size:16px;width:220px;}
.step5{position: absolute;bottom:20px;padding-left:8%;font-size:16px;width:220px;}
.step6{position: absolute;bottom:69px;padding-left:8%;font-size:16px;width:220px;}
.cailiao1{position: absolute;bottom:149px;padding-left:13%;font-size:16px;}
.cailiao2{position: absolute;bottom:149px;padding-left:20%;font-size:16px;}
.cailiao3{position: absolute;bottom:149px;padding-left:16%;font-size:16px;}
.cailiao4{position: absolute;bottom:149px;padding-left:25%;font-size:16px;}
.tiaoma{position: absolute;bottom:9px;padding-left:28%;color:red;font-size:16px;}
.about02 { font-size: 22px; text-align: center; }
.guanyu { margin-top: 10px; }
#navbar-collapse ul{
   
}

.navbar-right{
    line-height: 0;
}

.navbar-right span{
	font-size: 20px;
	margin-top:10px;
}

.navbar-right i{
	color: red;
	font-size:  20px;
}

.navbar-right .tel { margin-top: 6px; }
    .tab-h2{
	font-size: 35px;
}
    .tab-p{
	font-size: 25px;
}
    .tab{
	background:url(../images/banner1.jpg);
	width: 100%;
	height:650px;
}
    .tab2{
	width: 50%;
	margin:0 auto;
	margin-top: 240px;
}
    .inp1 {
    height: 58px;
    width: 256px;
    margin-right: 15px;
    padding-left: 2%;
    font-size: 20px;

}
    .inp2 {
	height: 58px;
	width: 256px;
	padding-left: 2%;
    font-size: 20px;
}
   .inp3{
    width: 347px;
    height:58px;
    margin-top: 15px;
    padding-left: 2%;
    font-size: 20px;

}
   .inp5{
   	text-align: center;
	height: 58px;
	width: 180px;
	background: red;
	font-size: 20px;
	color: #fff;
}
.tab3{
	margin: 52px 0px 15px 0px;

}
.tab3 span{
	font-size: 20px;
    font-weight: bold; 
    margin-right: 400px;
}
#tab4{
	padding: 5px;
	width: 92%;
	color:#666;
	text-align: center;
	background:rgb(222,221,221);
	margin: 0 auto;
	height:100px;
	overflow:hidden;
}
#tab4_con{
	width: 344px;
	height:100px;
    font-size: 8px;
}
#tab4 p{
	margin: 0px 10px;
	font-size: 14px;
	text-align: left;
	margin-right: 50px;
	
}

.ma{
	margin: 20px 0;
}
.ma strong{
	font-size: 20px;
}
.ma span{
	font-size: 15px;
	margin-right: 15px;
}
/*商标信息变更*/
.lc{
   width: 100%;
   height:50px;
   line-height: 50px;
   font-size: 26px;
   font-weight: bold;
   text-align: center;
   background: #EAEAEA;
   margin-top:10px;
   color: #FF5809;
}
.yf{
   width: 100%;
   height:40px;
   line-height: 40px;
   font-size: 16px;
   text-align: center;
}
.zc{
	margin-top: 30px;
}
.sbiao{
	width: 14%;
	float: left;
}
.sbiao a{
	text-decoration-style: none;
}
.sbiao img{
	margin-left: 25px;
	width: 67%;
}
.sbiao p{
	text-align: center;
	font-size: 17px;
	color: #6E6E6E;
}

#zc-sb{
	border-bottom: 3px solid  #FF5809;
}
#sbiao-text{
	padding: 25px 180px 10px 180px;
	font-size: 15px;
}
.sbiao-img{
	width: 800px;
	height:500px;
	margin:0 auto;
}
.media-body h4{
    color: #00B2EE;
    font-size: 26px;
    margin:0px 0px 15px 0px;
}
.media-body p{
	font-size: 16px;
}
.media-body input{
	font-size: 15px;
	border-radius: 4px;
	width: 75px;
	height: 30px;
}
/*商标注册业务类型*/
.yewu-tp{
	width: 200px;
	height:275px;
	border:1px solid #C2C2C2; 
	margin: 15px auto;
}
.yewu-tp img{
    width: 100%;
    height:40%;
}
.yewu-tp h4{
	text-align: center;
	font-size: 18px;
}
.yewu-tp p{
	padding: 10px 10px 0px 10px;
	font-size: 14px;
}
.yewu-tp input{
	text-align: center;
	font-size: 12px;
	margin-top: 24px;
}

.gw p{

    font-size: 14px;
}
.gw .gouqi{
	margin:15px 0px 0px 0px;
}
.gw input{
	margin-top: 25px;
	margin-bottom: 30px;
	font-size: 14px;
	width: 170px;
	height:30px;
}
/*关于*/
.guanyu{ 
	width: 100%
	margin-top: 30px;
}
.guanyu .gy-tel{
	height:30px;
	text-align: center;
	color: #CD8500;
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	margin-bottom: 10px;

}
.gy-con{
	padding: 
}
.guanyu .gy-con img{
	max-width:350px;
}
.guanyu .gy-con p{
	font-size: 18px;
	text-align: left;

}
.guanyu .gy-con input{
	border-radius:5px;
	border-color: #212121;
	background:#009ACD ;		
}
.guanyu .gy-bot{
	height:160px;
	background:#5C5C5C;
}
.gy-con-text{
	font-size: 27px;
	font-family:"华文行楷"; 
	margin: 50px 0px 20px 0px;
	
}


/*pc端 条码页 CSS*/
.baoti{
    text-align: center;
    font-size: 32px;
    height: 60px;
    line-height: 75px;
    color: #1E90FF;
    font-family: "微软";
    
}
.baoti img{
    width: 5%;
    height: 32%;
}
.tel400 { text-align: center; font-size: 22px; background: #F7F7F7; padding-top: 10px; font-weight: bold; }
.tel400 span { font-size: 14px; font-weight: normal; }
.youshu{
	padding: 20px 80px;
	background:rgb(247,247,247);
}
.youshu .t-img{  
	margin: 30px 0;
}
.youshu p{
	padding: 5px;
	font-size: 13px;
}
.t-img p{
	text-align: center;
	margin-top: 10px;
	padding:0 18%;
	font-size: 15px;
}
.bangli .zl-img{
    margin:25px 0px 50px 0px; 
}
.leixing .lx-img{
	margin:25px 0px 10px 0px;
}
.yongtu img{
	padding: 20px;
	width: 450px;
	height:296px;
}
.yongtu p{
	padding: 4px;
	font-size: 16px;
}
.liucheng .lc-con{
	margin: 20px 0px 30px 0px;
}
#lc-bot{
	margin-top: 58px;
}
#lc-bot input{
	border-radius:5px;
	background: #EAC100;
	font-size: 14px;
	width: 87px;
    height: 30px;
}
#zs-img{
	margin-bottom: 30px;
}
.footer{
	background: rgb(40,51,45);
}

#foot-r h5{
	font-size: 16px;
	color:#fff;
}
#foot-r p{
    color: #ADADAD;
}
.footer{
	margin: 20px auto;
} 
.footer .media{
	margin: 50px auto;
}
/*.toubu{
	width: 100%;
	height:650px;
	background:url(../images/banner2.jpg);
	background-size: cover;
}*/
.tb{
	width: 330px;
	height:290px;
    background: #fff;
    margin: 10px 0;
    padding: 18px;
    box-shadow: 10px 10px 5px -6px #4f4f4f;
    position: relative; 
    left:790px;
    top:-34px


}
.tb1{
	height:30px;
	line-height: 30px;
}

.toubu .tb1 p{
	text-align: center;
	font-size: 16px;
	color: red;
	font-weight: bold;
}
#tb1-bt{
	margin: 3% 0;
}
#bg2-img1{
	width: 53%;
	position: relative;
    top: 131px;
    right: 165px;
}
#bg2-img2{
	width: 53%;
	position: relative;
    top: 171px;
    right: 165px;
}
#bg2-img3{
	width: 23%;
	position: relative;
    top: 200px;
    right: 188px;
}
#bg2-img4{
	width: 29%;
	position: relative;
    top: -50px;
    right: -384px;
}
.but-zx{
	width: 100%;
	height: 70%;
	font-size: 18px;
	margin-top: 20px;
	border-radius: 5px;
	background:	#ff6f06;
	border: 1px solid #ff6f06;
	color: #fff;

}
.but-zx2{
	width: 48%;
	height: 70%;
	font-size: 18px;
	margin-top: 20px;
	border-radius: 5px;
	background:	#FF8000;

}
.tb-text{
    margin-top:15px;
    text-align: center;
    font-size: 14px;
    color: 	#fe7d23;
}
.guanyu .gy-con input{
	font-size: 15px;
	width: 100px;
	height:30px;		
}






*{ margin:0px; padding:0px;}
.Exhibitor{ width:100%; overflow:auto;box-shadow:2px 0px 0px 0px #aaa,0px 3px 0px 0px #aaa;border-radius:8px;margin: 20px 0px 30px 0px;}
.hl_main5_content{width:100%; height:104px;background: #fff;float:left;}
.h1_main5_title{ height:30px; background:#999; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold;}
.hl_main5_content1{width:90%; overflow:hidden; float:left; margin-right:2px;}
.hl_main5_content1 ul{width:1600px; overflow:hidden; margin-top:10px;}
.hl_main5_content1 ul li{ float:left; width:151px; display:inline;}
.hl_main5_content1 ul li img{ width:150px; }
.hl_scrool_leftbtn{width:45px; height:48px; background:url(../images/l.png) no-repeat; float:left; margin-left:0px; margin-top:18px; cursor:pointer;}
.hl_scrool_rightbtn{width:45px; height:48px; background:url(../images/r.png) no-repeat; float:right; margin-right:0px; margin-top:18px; cursor:pointer;}
.demoList { width:1229px; overflow:hidden;}
.demoList li { float:left;  padding:5px; background:#fff; margin:10px; _display:inline; position:relative; z-index:0; overflow:hidden;}
/*.demoList li:hover { border:1px solid #000; background:#222; }*/
.demoList li a { display:block; overflow:hidden; cursor:pointer; }
.demoList li samp,.demoList li div { height:150px; width:275px; position:absolute; left:5px; top:5px; z-index:1; }
.demoList li samp { background:url(../images/zoom.png) no-repeat center center; }
.demoList li div { background:#000; }

.demoList li span { background:#000; }
/* jQuery jcLightBox css */
#jc-Mod { position:absolute; z-index:99; display:none; left:0; right:0; bottom:0; top:0; cursor:pointer; }
#jc-Box { position:absolute; left:0; top:0; z-index:100; display:none; }
#box-top { height:24px; position:relative; }
#box-top-left { background:url(../images/box-ra.png) no-repeat 0 0; height:24px; width:24px; position:absolute; left:-24px; top:0; }
#box-top-right { background:url(../images/box-ra.png) no-repeat -25px 0; height:24px; width:24px; position:absolute; right:-24px; top:0; }
#box-btm { height:24px; position:relative;  background:url(../images/box-bottom.png) repeat-x 0 0; }
#box-btm-left { background:url(../images/box-ra.png) no-repeat 0 -25px; height:22px; width:24px; position:absolute; left:-24px; top:0; }
#box-btm-right { background:url(../images/box-ra.png) no-repeat -25px -25px; height:22px; width:24px; position:absolute; right:-24px; top:0; }
#box-cen { background:url(../images/box-left.png) repeat-y 0 0; position:relative; left:-24px;}
#box-cen-right { background:url(../images/box-right.png) repeat-y right 0; position:relative; right:-48px;}
#box-cen-img { position:relative; left:-24px; background:#000; }
#box-pn { position:absolute; left:10px; top:32px; height:30px; width:70px; z-index:101; }
#box-prev { background:#000; float:left; width:32px; height:30px; cursor:pointer; }
#box-next { background:#000; float:right; width:32px; height:30px; cursor:pointer;}
#box-pn a { display:block; height:20px; position:relative; top:5px; left:5px; background:url(../images/sprite.png) no-repeat;}
#box-next a { background-position:0 -20px; }
#box-prev a { background-position:0 -40px; }
#box-close { background:url(../images/box-close.png) no-repeat; height:60px; width:42px; position:absolute; top:14px; right:-50px; cursor:pointer; z-index:101; }
#box-close a { display:block; height:20px; position:relative; top:20px; left:8px; background:url(../images/sprite.png) no-repeat 0 0;}
#box-text { height:50px; position:absolute; left:0; }
#box-text samp { display:block; position:absolute; background:url(img/arrow.png) no-repeat; height:12px; width:12px; left:48%; top:-8px; z-index:1;}
#box-text-left { background:url(../images/box-text.png) no-repeat; height:50px; width:10px; position:absolute; left:0; top:0;}
#box-text-cen { color:#fff; text-shadow:1px 1px 0 #000; text-align:center; background:url(../images/box-text-cen.png) repeat-x; height:50px; line-height:50px; margin:0 10px; padding:0 30px; font-size:15px;overflow:hidden;}
#box-text-right { background:url(../images/box-text.png) no-repeat right 0; height:50px; width:10px; position:absolute; right:0; top:0;}

}
.head_click_color{
	background-color: #4D5157;
}
.head_click_color #head-t{
	color