﻿/* CSS Document */

.level{}
.banner{height:280px; overflow:hidden; position:relative; width:100%;}

.content{ width:1000px; margin:0 auto; overflow:hidden;}

.content .content-left{ width:230px; float:left;  overflow:hidden; margin-top:20px;}
.content .content-right{ width:740px; float:right; overflow:hidden; margin-top:20px;}
.content .content-left h1{ height:40px; line-height:40px; color:#797979; text-indent:-999em;}
.content .content-left h1 span{ font-size:16px; color:#053db3;}
.content-left ul{}

.content .h4{ color:#777; font-size:14px; font-weight:bold; background:url(../images/fff.jpg) no-repeat left center; height:28px;line-height:28px; padding-left:18px; clear:both;}
.main4-ul{ overflow:hidden; margin:15px 0 50px 0; background:url(../images/line4.jpg) center top repeat-y;}
.main4-ul li{ width:340px; float:left; margin-right:60px;}


.topLine{ width:230px; height:5px; background:url(../images/ttt.jpg) no-repeat left top;}
.bottonLine{ width:230px; height:5px; background:url(../images/bbb.jpg) no-repeat left top; margin-bottom:20px;}
.bg{background:#ececec; overflow:hidden;padding:0 15px;}
.title{ text-align:center; margin:20px 0 10px 0}

#one{ padding-bottom:20px;}
#one li{line-height:30px; background:url(../images/bg.png) no-repeat; margin-top:10px; padding-left:30px;}
#one li span{ padding-left:10px; background:url(../images/left-arr2.png) no-repeat left center;color:#505050; font-weight:bold;}
#one li.active a{ color:#0193de; font-weight:bold;}
#one li a:hover{ color:#0193de; font-weight:bold;}

#one li .second{ overflow:hidden; margin-top:12px;}
#one li .second a{ display:block; color:#777; font-weight:normal; height:25px; line-height:25px;}
#one li .second a:hover{ color:#0193de}


#one li.two span{ color:#0177bf;font-weight:bold;}
#one li .next_li{ display:none;}
#one li .next_li{ background:#f7f7f7; margin-bottom:0px;  }
#one li .next_li li{ border:none; line-height:25px; }
#one li .next_li li a{background-image:none; border:none; color:#515151; font-weight:normal;}
#one li .next_li li a.three{color:#0177bf}
#one li .next_li li a:hover{ color:#0177bf}

.content-left p{ color:#696969; line-height:2; }
.content-left p em{ margin-left:35px;}


.content-right h1{ height:39px; line-height:39px; background:url(../images/ddd.jpg) no-repeat left 3px; padding-left:50px; }
.content-right h1 i{ font-style:normal; color:#ccc; font-size:20px; margin-right:10px;}
.content-right h1 span{ color:#0193de; font-size:16px;}
.content-right h1 em{ float:right;  font-style:normal; margin-right:5px;}



.main4-ul{ margin-top:15px;}
.main4-ul li{ line-height:30px;border-bottom:1px dotted #bebebe; overflow:hidden}
.main4-ul li a{ display:block; width:250px; white-space:nowrap; text-overflow:ellipsis; float:left; padding-left:8px; background:url(../images/left-arr2.png) no-repeat left center; color:#757575; overflow:hidden;}
.main4-ul li a:hover{ color:#0193de;}
.main4-ul li  span{ display:block; float:right;}



.product{ background:#fff; margin:5px 0 0 0; overflow:hidden; min-height:669px; height: expression_r( this.scrollHeight > 669 ? "669px" : "auto" )
}
.product li{ float:left; overflow:hidden; margin:10px 88px 10px 0;}
.product li img{ display:block; width:180px; height:180px; padding:3px;border:1px solid #ccc; }
.product li span{ display:block; text-align:center; padding:5px 0;}


.product .pro_des p{ line-height:1.8;}

.content-right .num{ margin:25px 0; overflow:hidden; border:1px solid #ccc;}

.page{ margin:40px 260px 40px 0; float:right;}
.page a,.page span{ display:block; padding:2px 5px; border:1px solid #ccc; float:left; text-align:center; color:#868686; margin:0 5px;}


.content-right .show{ margin:20px 0; overflow:hidden; clear:both;}
.show .show-left{ width:380px; height:316px; float:left;position:relative; background:#fff; border:1px solid #ccc;}
.show .show-right{ width:300px; float:right; margin-right:10px;}


.content-right .tab-p{  overflow:hidden;}
.pro_tab ul { overflow:hidden; border-bottom:1px solid #ccc;}
.pro_tab ul li{ line-height:31px; padding:0 30px; background:url(../images/tab.png) -130px center no-repeat; float:left; margin-right:15px; color:#545454; font-weight:bold;cursor:pointer;}
.pro_tab ul li.tab_one{ color:#fff; background:url(../images/tab.png) left center no-repeat; }


.tab-p  .p-ct{ margin:20px 0; }
.content-right h2{ padding:10px; border-bottom:1px dotted #ccc;}

.content-right .jishu-list{}
.jishu-list ul { padding:15px 0; min-height:320px; height: expression_r( this.scrollHeight > 320 ? "320px" : "auto" )
}
.jishu-list ul li{ border-bottom:1px dotted #ccc; height:30px;line-height:30px;}
.jishu-list ul.news li{ background:url(../images/circle.jpg) 8px center no-repeat; padding-left:18px;}
.jishu-list ul.news li a{ width:600px; white-space:nowrap; text-overflow:ellipsis; display:block; float:left;}

.jishu-list ul li  a{color:#494949;}
.jishu-list ul li  a:hover{color:#0193de; text-decoration:underline;}
.jishu-list ul span{color:#8b8b8b;}
.jishu-list ul.news span{color:#8b8b8b; float:right;}
.jishu-list ul.service li a{ display:block;}
.jishu-list ul.service li{ background:url(../images/icon6.jpg) no-repeat right center;}
.jishu-list ul.service li span{ margin-left:5px;}


.bigImg{ text-align:center; padding:20px 0; border-bottom:1px dashed #ccc;}
.bigImg p{ color:#777; font-weight:bold; margin:10px 0;}
.bigImg p span{ color:#0193de}
.bigImg p em{ margin:0 20px;}


.method h5{ background:#e2e2e2; line-height:30px; color:#505050; font-weight:bold; margin:10px 0 5px 0; padding-left:20px;}
.ziji{ overflow:hidden; margin-bottom:20px; margin-top:15px;}
.right_job {
	 height: auto; overflow: hidden
}
.right_job h3 {

	border-bottom:2px solid #e3e3e3;
	line-height: 32px;color: #000; font-size: 12px; overflow:hidden;
}
.right_job h3 span{ display:block; float:left; font-weight:bold;} 
.right_job h3 span.zhiwei{ width:262px;}
.right_job h3 span.number{ width:104px;}
.right_job h3 span.monery{ width:104px;}
.right_job h3 span.time{ width:150px;}
.right_job h3 span.cz{ width:118px; text-align:center;}

.right_job ul li {
	
	border-bottom: #ccc 1px dotted; padding-bottom: 5px; padding-left: 0px;  color: #696969; overflow: hidden; padding-top: 5px; line-height:35px
}

.job_button { width: 56px; float: right; height: 30px; margin-right: 20px; 
}
.job_button .guan{width: 76px;
display: block;
height: 30px;
cursor: pointer;
background:url(../images/chakan.png) no-repeat;
margin-top:5px

}
.job_button .kai{width: 76px;
display: block;
height: 30px;
cursor: pointer;
background:url(../images/chakan.png) no-repeat;
}


.bianjiqi{ line-height:1.8; margin:20px 0; color:#777;}


.contact{ margin:15px 0;}
.contact ul li{  border-bottom:1px dotted #ccc; line-height:30px;}
.contact ul li h4{ color:#ff0606; font-weight:normal;}
.contact ul li p{ color:#5c5c5c;}



.liuyan{ padding:30px 0; border-bottom:1px dashed #ccc; padding-left:40px;}
.liuyan label{ display:block; float:left; width:60px; text-align:right; height:28px; line-height:28px; }
.liuyan .input{ width:277px; height:28px; *line-height:28px; background:url(../images/input.gif) no-repeat; border:none;margin-bottom:15px; text-indent:10px; }
.liuyan  textarea{ width:552px; height:72px; padding:10px 0 0 10px; border:none; resize:none; background:url(../images/textarea.gif) no-repeat; margin-bottom:18px; outline:none;}

.liuyan strong{ padding-left:10px;}
.btn{ width:94px; height:70px;  border:none; margin-left:94px; margin-top:20px; margin-bottom:35px; float:left;font-size:14px;color:#fff;}
.btn1{ background:url(../images/btn1.gif) no-repeat;padding-bottom:39px;}
.btn2{ background:url(../images/btn1.gif) no-repeat;padding-bottom:39px;}

.company{ padding:20px 0;}

#rdMan{ vertical-align:middle; display:inline-block; height:28px; line-height:28px;}
#rdwoman{ vertical-align:middle; margin-left:10px;}

#gallery a.qulity2{ float:left; height:128px; width:190px; border:1px solid #dad6ca; padding-top:5px;  text-align:center; display:block}
.f2_2 { margin-top:20px; overflow:hidden; padding-bottom:10px;  margin-bottom:15px}
#gallery{ width:222px; float:left; margin-left:15px;margin-bottom:15px;}
.qulity3{ text-align:center; width:230px; float:left; display:block; margin-top:10px; color:#696969}
.grayr1 {  margin:0 auto; width:240px}
.grayr1 a {padding-right: 5px; padding-left:5px; margin: 2px; color: #8B8B8B; font-weight:bold}
.grayr1 a:hover {color: #000; background: #99ffff}
.grayr1 a:active {color: #000; background: #99ffff}
.grayr1 a.current {
padding-right: 5px; padding-left: 5px;  padding-bottom: 2px; margin: 2px;padding-top: 2px; 
}
.grayr1 span{ color:#7E7E7E}


#jquery-overlay {
	Z-INDEX: 90; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px
}
#jquery-largephotobox {
	Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: fixed; TOP: 0px; _position: absolute
}
#jquery-largephotobox A IMG {
	
}
#largephotobox-container {
	LEFT: 50%; POSITION: fixed; TOP: 50%; BACKGROUND-COLOR: rgb(255,255,255); _position: absolute
}
#largephotobox-container-image {
	OVERFLOW: hidden; POSITION: absolute
}
#largephotobox-image {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
#largephotobox-btnclose {
	Z-INDEX: 1; RIGHT: -15px; POSITION: absolute; TOP: -15px
}