@charset "utf-8";

/* CSS Document */

body,#container{

	background:#fff;}

body { padding:0;}





#header-wrapper {height:auto; margin:0 auto; width:100%; line-height:60px;}	

.header {position:relative; overflow:hidden; margin:0 auto; border-bottom:1px solid #ccc; }

#xinghao { float:left; width:400px;}

#xinghao h1 { color:#1E1E1E; font-size:24px; font-weight:bold;}

#primary-menu {float:right; }

#primary-menu ul {list-style-type: none; width:100%; }

#primary-menu ul li {position: relative; width:60px; float:left; margin-left:40px; }

#primary-menu ul li a {text-decoration: none;font-size:13px;color: #676767; text-align:center;}

#primary-menu ul li a:hover { color:#ff9000;}





.fixed { position: fixed; top: 0px; left: 0; z-index:9999;  background-color:#4e4e4e; }

.fixed #header-wrapper { margin:0 auto; width:100%;}	

.fixed .header {padding: 0;margin: 0 auto ;position:relative;height:60px; max-width: 1100px; border-bottom:none;}

.fixed #xinghao { float:left; height:60px; width:400px;}

.fixed #xinghao h1 { color:#fff;}

.fixed #primary-menu {float:right;width:700px;  margin-right:0;}

.fixed #primary-menu ul {list-style-type: none; width:100%;}

.fixed #primary-menu ul li {position: relative; width:60px; float:left; margin-left:40px; }

.fixed #primary-menu ul li a {text-decoration: none;font-size:13px;color:#fff; text-align:center;}





.h30 {width:100%;height:30px;position:relative}

#gotoTop {position:absolute;width:28px;height:89px;top:-90px;left:1200px;}

.clear {clear:both}

/* .in2 {text-indent:2em;} */

.imgr {float:right}

.imgl {float:left}

.ycdh { height:0px; width:100%; }





#mainList { margin:10px auto;  padding-bottom:20px;}

#mainList #mainInfo {float:left;max-width:420px; }

#mainInfo P { margin-top:6px;}

#mainInfo p.w380{max-width:400px}

#mainInfo .yingyong { margin-left:87px; margin-top:-17px; color:#3b3b3b; max-width:335px;}

#mainInfo .yingyong span{color:#898989;}

#mainInfo .yingyong span a{color:#898989;}

#mainInfo .yingyong a { color:#0041b7; text-decoration:underline;}

#mainInfo h1 {font-size:14px;font-weight:bold;margin-bottom:10px;color:#3b3b3b}

.wuliaoimg { width:420px; height:76px; float:right; padding-top:20px;}

.wuliaoimg img { float:left; margin-right:10px; width:95px; height:69px;}


.download  a { color:#0041b7;}



#picBox{width:497px; height:350px; margin:20px auto; overflow:hidden; position:relative; float:right; z-index:0;}

#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:; width:3050px; position:absolute;}

#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:;}

#picBox ul#show_pic li img{ display:block;}

#icon_num{ position:absolute; bottom:10px; left:190px; width:500px;}

#icon_num li{ float:left; background:url(../images/line3.jpg) no-repeat center;  -15px 0;width:24px; height:15px; list-style:none; cursor:pointer; padding:0; margin:0;margin-right:10px;}

#icon_num li:hover,#icon_num li.active{ background:url(../images/line4.jpg) no-repeat center; color:#fff;}



#picBox1{width:440px; height:318px; margin:20px auto; overflow:hidden; position:relative; float:right;}

#picBox1 ul#show_pic1{ margin:0; padding:0; list-style:none; height:205px; width:3050px; position:absolute;}

#picBox1 ul#show_pic1 li{ float:left; margin:0; padding:0; height:205px;}

#picBox1 ul#show_pic1 li img{ display:block; width:440px; height:268px;}

#icon_num1{ position:absolute; bottom:0px; left:200px; bottom:10px; width:80px;}

#icon_num1 li{ float:left; background:url("../images/index/line3.jpg"/*tpa=http://static.shibangchina.com/images/index/line3.jpg*/) no-repeat center;  -15px 0;width:24px; height:15px; list-style:none; cursor:pointer; padding:0; margin:0;margin-right:10px;}

#icon_num1 li:hover,#icon_num1 li.active{ background:url("../images/index/line4.jpg"/*tpa=http://static.shibangchina.com/images/index/line4.jpg*/) no-repeat center; color:#fff;}









#mainMore {width:489px;height:24px;padding-top:10px;float:left;}

#mainMore li {width:220px;color:#505050;padding-left: 180px;}

#pics {width:489px;height:300px;overflow:hidden;border-top:1px solid #b1b1b1;border-bottom:0;background:#FFF url("../images/chanpin/pic_bottom.gif"/*tpa=http://static.shibangchina.com/images/chanpin/pic_bottom.gif*/) bottom no-repeat;float:left}

#pics #slideDiv {width:469px;height:283px;padding:10px 9px 0 9px;border-left:1px solid #b1b1b1;border-right:1px solid #b1b1b1;}

#pic1 {width:469px;height:272px;position:relative;overflow:hidden}

#slideContent {position:absolute;width:2000px;height:197px;}

#mainInfo p {line-height:20px;color:#3b3b3b;font:"宋体";}

#mainInfo p strong, .apic{color:#4d4d4d;}

#mainInfo p span {margin-right:2px;}

#mainInfo p span img {margin-bottom:-2px}

#mainInfo .borderLine {width:100%;margin-top:10px;padding-bottom:10px;color:#3b3b3b;line-height:250%;text-indent:30px; font-size:14px;}

#mainInfo ul li {float:left;color:#535455;line-height:40px;font-weight:bold}

#mainInfo .li1 {width:115px;color:#3b3b3b}

#mainInfo .li2 {width:300px;}

#mainInfo .li2 span, #mainInfo .li1 span{float:left;margin:9px 2px 0 0;}

#mainInfo ul strong {color:#4d4d4d;}

.chat {width:164px;height:50px;display:block;float:left;background:url("../images/chanpin/chat.gif"/*tpa=http://static.shibangchina.com/images/chanpin/chat.gif*/) no-repeat top}

.chat a {margin:7px 0 0 80px;float:left;color:#FFF;font-size:13px;font-weight:bold}

.chat a:hover {text-decoration:underline;color:#fff;}

.live {padding-top:15px;	padding-left:180px;}

.zixun {  margin:0 auto; margin-top:20px;border-top:1px solid #ccc;}

.zx1 { margin:0 auto; overflow: hidden; width:600px; height:100px;}
.zx1 img{ float: left; margin-top: 30px; margin-right: 15px;}

.zx1 p { font: bold 12px "宋体"; float: right; line-height:100px; color:#3b3b3b; display: inline;}

.zx1 p span{ font-family: Arial, Helvetica, sans-serif; font-size:14px;}

#bot {margin:10px auto;}

/*content show*/

#content {background:#FFF;	}

#content h2 {height:35px;line-height:35px;	margin-bottom:5px;font-weight:bold;color:#535252;font-size:14px;}

#content h3 {line-height:30px;color:#004a9d;font-weight:bold; padding-top:10px;}

#content p , #advantage div, #working div{line-height:30px; font-size:14px;color:#424141; }

#content p strong{color:#2c2c2c;}



#advantage {}

#advantage .ad_l { float:left; width:45%; display: block !important;}

#advantage .ad_r { float:right; width:45%; display: block !important;}

#working{ margin-top:20px; padding-bottom:20px;}

.w_l { float:left; width:480px; }

.w_r { float:right;max-width:400px;}

#topic{ margin-top:30px;}

.t_l { float:left; max-width:450px;}

.t_r { float:right; width:440px; }

#topic a { color:#900303;}



/*#relative {  height:240px;}*/

.r_img { float:left; width:100%;}

.r_img a{display:block;float:left;width:19%;margin-left:1%;}
.r_img a img{width:100%!important;height:120px!important;}
/*.r_img img { width:100%; height:auto;}
*/
.r_img_l { margin-left:1%;}

.r_text{}
.r_text a { float:left; width:19%;display:block; text-align:center; margin-top:10px;margin-left:1%;}
.r_text a p{font:14px "宋体"; color:#1c1c1c !important;}
.r_text_l { margin-left:1%;}



#data {  border-bottom:1px solid #ccc; padding-bottom:20px;}



.bottomDash {border-bottom:1px dashed #bababa;}

#infor {width:908px;height:85px;padding:0 25px;clear:both;background:#f8f8f8;border-top:1px solid #dedede;border-bottom:1px dashed #dedede;}

#infor p {line-height:45px;color:#4f4f4f;font-size:13px}

#infor ul li {line-height:25px;color:#4a4a4a;float:left}

#infor ul li a {color:#4a4a4a;margin:0 15px}

#infor ul li a:hover{color:#ff9000;}

#infor ul li a.first {margin-left:0}

#infor ul li a:hover {text-decoration:underline;color:#ff9000;}

#infor ul .lastLi {float:right;padding-right:15px}





#message { margin:0 auto;height:auto;padding:0; border-top: 1px solid #ccc; border-bottom:1px solid #ccc;}
#message h4{display: block; font-size: 16px; background: url(../images/logoicon.jpg) left center no-repeat; padding-left: 25px;line-height: 50px; color: #616161;}
.m_l{ float: left; width:590px;}
#message .m_l p{ color: #ADADAD;}
.m_r { float:right; width:440px; padding-left:20px; padding-bottom: 20px; border-left:1px solid #ccc; }

#message h2 {font-size:14px;font-weight:bold;color:#3b3b3b; padding-bottom:20px;}


#message p { color:#3b3b3b; line-height:180%;}

#message .m_r p { font:12px "宋体"; color:#666; line-height:200%;}

#message .m_r .kf { margin-top:30px; padding-bottom:10px; border-bottom:1px solid #ccc;}

#message .m_r .kfimg { margin-top:40px;}
.info { margin-top:20px;}
.info ul{ width: 100%; overflow: hidden;}
.info ul li{ overflow: hidden; line-height: 29px;}
.info ul li p{ float: left;}
.info ul li p a, .info ul li span a{ color: #616161;}
.info ul li span{ float: right;}


.ultable {width:355px;float:left;}

.ultable li {height:44px; margin-top:30px;line-height:44px;}

.ultable span {display:block;font-weight:bold;float:left;width:90px;color:#ff9000;}

.ultable li input {width:589px;height:40px;color:#afafaf;  padding-left:10px;}


.ulSubmit {padding:40px 0 0 0 ;line-height:60px;clear:both}

.ulSubmit li {float:left}

.ulSubmit li a {display:block;width:110px;height:30px;line-height:30px;text-align:center}

.ulSubmit li a:hover{color:#fff;}

.ulSubmit .asubmit {background:#ff9000;color:#FFF}

.ulSubmit .areset {background:#454545;margin-left:30px;color:#fff}

table{border-color:#ccc}

table td {padding: 7px 0;line-height: 21px;}






@media screen and (max-width:1000px){

}

@media screen and (max-width:980px){
	.jjfaBanner { width:90%; }
	.jjfaBanner .jjfaBanner-B { width:100%;}
	.fuwu { width:100%;}
	}

@media screen and (max-width:680px){    
    .jjfaBanner .jjfaBanner-B { padding-top:0;}
	.jjfaBanner .jjfaBanner-B li { margin-top:5px;}
	.jjfaBanner .jjfaBanner-B a { margin-right:120px;}
	}	
@media screen and (max-width:490px){
    .jjfaBanner .jjfaBanner-B a { margin-right:80px;}
	}	
@media screen and (max-width:410px){
    .jjfaBanner .jjfaBanner-B a { margin-right:60px;}
	}
@media screen and (max-width:350px){
    .jjfaBanner .jjfaBanner-B a { margin-right:50px;}
	}	


@media screen and (max-width:960px){

	#primary-menu ul{margin-top:30px;}
	#xinghao{padding-left:10px;}
	.fixed #primary-menu ul{margin-top:15px;}
	#mainList{width:100%;}
	#advantage{padding:25px 4%;}
	#data{display:none;}

	#message .m_l{float:none;display:block;width:90%;margin:30px auto 0;padding-bottom:30px;border-bottom:1px #ccc solid;}
	#message .m_r{float:none;display:block;width:90%;margin:0 auto;border:none;padding:0;}
	#message .ultable li{width:100%;}
	.ultable li input {width:100%;}
	#message .more textarea {width:100%;}
	#message .ultable ,#message .more{float:none;display:block;width:90%;}

	#message .m_r:before{content:" ";display:block;clear:both;height:20px;}
	/*#message .m_r p, #message .m_r div{float:left;margin-right:20px;width:300px;display:block;font:12px/200%;}*/
    #relative{width:90%;margin:0 auto;margin-top:30px;}
    .bottom{width:90%;}

}
@media screen and (max-width:850px){
	#picBox{float:none;margin:0 auto;}
	#mainList #mainInfo{float:none;margin:0 auto;}
	#icon_num{left:40%;}
	#mainInfo .wuliaoimg{float:none;margin-left:80px;}
	#mainInfo .yingyong{max-width:700px;}
}

@media screen and (max-width:700px){
	#working .w_l , #working .w_r{display:block;float:none;margin:0 auto;width:90%;max-width:100%;}
	#working .w_l {text-align:center;}
	#topic .t_l,#topic .t_r{display:block;float:none;margin:0 auto;width:90%;max-width:700px;}
	#topic .t_r{width:100%;}

	#picBox1{float:none;}
}

@media screen and (max-width:500px) and (min-width:320px){
	#primary-menu ,.fixed #primary-menu{display:none;}
	#xinghao , .fixed #xinghao{width:90%;}
	#advantage .ad_r,#advantage .ad_l{display:block;float:none;margin:0 auto;width:100%;}
	#working .w_l img{width:100%;}
	#mainInfo .wuliaoimg{margin-left:0;max-width:350px;width:100%;}
	#mainInfo .wuliaoimg img{width:19.1%;margin-right:5.7%;height:auto;}
	#icon_num1{left:40%}

	#mainList #picBox{width:100%;}
	#picBox1{width:100%;}
}
	@media screen and (max-width:500px){
	#picBox{height:400px;}
}
	@media screen and (max-width:400px){
	#picBox{height:300px;}
}