@charset "utf-8";

/* CSS Document */



.bannerframe { margin-top:0px;}

.jjfaBanner { height:167px;}

.jjfaBanner .jjfaBanner-B{padding-top:29px;}
.jjfaBanner .jjfaBanner-B li { list-style:none; height:27px; float:left;}
.jjfaBanner .jjfaBanner-B a{ display:block;  float:left; text-decoration:none; height:25px;  margin-right:50px; text-align:center;}
.jjfaBanner .jjfaBanner-B .current { border-bottom:1px solid #F96;}
.fuwu { width:470px; height:80px; padding-top:20px;}

.fuwu .title {font-size: 30px; color:#fff;font-weight: bold}

.fuwu .position {color:#fff; padding-top:5px;}
.bannerframe a { color:#fff;}

.bannerframe a:hover { color:#fff;}





#header-wrapper {height:auto; margin:0 auto; width:100%;border-bottom:1px solid #efefef; }	

.header {position:relative;height:75px;  }

#xinghao { float:left; height:75px; width:35%;/*background:url(../img/logo_cp.gif) no-repeat left 30px; padding-left:120px;*/}

#xinghao h1 { margin-top:32px; color:#535353; font-size:24px; font-weight:bold;}

#primary-menu {float:right;width:63%; height:70px;}

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

#primary-menu ul li {position: relative;float:right; margin-left:20px; background:#0352b0; color:#FFF}

#primary-menu ul li a { display:block; float:left; padding:0 10px; text-align:center;  height:30px; line-height:30px; text-align:center;font-size:14px;color: #676767; text-align:center; color:#FFF; transition:all 0.4s;}
#primary-menu ul li a:hover { color:#fff; background:#ff7a03}





.fixed { position: fixed; top: 0px; z-index:9999; height: 60px; background-color:#009; }

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

.fixed .header {position:relative;height:60px; border-bottom:none;}

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

.fixed #xinghao h1 { margin-top:20px; color:#fff;}

.fixed #primary-menu {float:right;width:56%; height:80px; margin-right:0;}

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

.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:15px;color:#fff; text-align:center;}
.fixed #primary-menu ul li a:hover{ color:#ff0}




.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;border-bottom: 1px solid #CCC; font-size:14px; line-height:30px;}
#mainList strong{  height:38px; font-size:15px; font-weight:bold; margin-top:4px; color:#1f52a3; line-height:38px;}
#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-weight:bold;margin-bottom:10px;color:#3b3b3b}

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

.wuliaoimg img { float:left; margin-right:20px; width:67px; height:56px;}

.download { width:150px; margin-left:92px; background:url(../images/chanpin/download.jpg) no-repeat center left; padding-left:25px;}

.download  a { color:#0041b7;}



#picBox{width:497px; height:450px; 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:0px; left:10px; width:80px;}

#icon_num li{ float:left; background:url(../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_num li:hover,#icon_num li.active{ background:url(../images/index/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) 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) 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) 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;}

#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:2em}

#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) 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-top:20px; border-bottom:1px solid #ccc;border-top:1px solid #ccc;}

.zx1 { margin:0 auto; margin-top:35px; width:164px; height:34px;}

.zx2 {  margin:15px auto 35px; width:285px; height:24px; background:url(../images/chanpin/phone1.jpg) no-repeat center left; padding-left:24px;}

.zx2 p { font-weight: bold; line-height:22px; color:#3b3b3b;}

.zx2 p span{ font-family: Arial, Helvetica, sans-serif; }

#bot {margin:10px auto;}

/*content show*/

#content {background:#FFF;	}

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

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

#content p {line-height:2em;color:#3b3b3b;}

#content p strong{color:#ff9000;}



#advantage { border-bottom:1px solid #ccc; margin-top:25px; padding-bottom:50px; }

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

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

#working{border-bottom:1px solid #ccc; margin-top:50px; padding-bottom:50px;}

.w_l { float:left; width:45%; }

.w_r { float:right;width: 45%}

#topic{ border-bottom:1px solid #ccc; margin-top:30px; padding-bottom:50px;}


#topic a { color:#0041b7; text-decoration:underline;}



#relative { height:240px; margin-top:30px; border-bottom:1px solid #ccc;}

.r_img { float:left; max-width:960px;width:100%; margin-top:20px;}

.r_img a{display:block;float:left;width:19%;}
.r_img img { width:100%; height:auto;}

.r_img_l { margin-left:8%;}

.r_text{max-width:960px;}
.r_text a { float:left; width:19%;display:block; text-align:center; margin-top:10px;}
.r_text a p{color:#004a9d !important;}
.r_text_l { margin-left:8%;}



#data0 { margin-top:30px;/* border-bottom:1px solid #ccc;*/ padding-bottom:50px;}



.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:40px 0; border-bottom:1px solid #ccc;}

.m_l{ float: left; width:590px;}

.m_r { float:right; width:260px; padding-left:50px; height:465px; border-left:1px solid #ccc; }

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

#message h4 {font-weight:bold;color:#004a9d; padding-bottom:20px;}

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

#message .m_r p { 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 { display:none; margin-top:20px;}

.qqimg {margin-left:48px; margin-top:-23px;}

.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;}

#message .more {width:590px;float:left;margin-top:30px; }

#message .more textarea {color:#afafaf;width:589px; height:125px; padding-left:10px; padding-top: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}



.bottom { margin:0 auto; padding-top:30px; clear:both; }

.bottom span { font-size:16px; line-height:16px; padding-top:32px; line-height:34px; color:#454545;}

.bottom p { padding: 10px 0 9px 0; line-height:22px; }

.bottom p a { line-height:30px; padding: 0 9px 0 9px; color:#4b4b4b; }

.bottom p a:hover{color:#ff9000;}


@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%;}
	#data0{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;max-width:960px;}
	#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;}
}