@charset "utf-8";
/* CSS Document */
em{font-style: normal;}

/*banner*/
#slider {width: 100%;margin:0px auto;}
.controls li {top: 50%;margin-top: -4%;width: 54px; height: 54px; background: url(../images/ban_right.png) center center no-repeat rgba(255,255,255,0.5); border-radius: 50%;}
.controls li:nth-child(1) {left: 4%; background: url(../images/ban_left.png) center center no-repeat rgba(255,255,255,0.5);}
.controls li:nth-child(2) {right: 4%;}
.controls li:hover{background-color: #9ec500;}
.pagination li {background: #e5e5e5; width: 14px; height: 14px;}
.pagination li.active {background-color: #1f933b;}
.responsive {width: 100%;height: auto;}
.clearfix:after {content: "";display: table;clear: both;}

.main{min-height: 200px; margin-bottom:80px;}
.main_ban{ width:100%; margin:0 auto; text-align:center;}
.main_ban img{ text-align:center;}

.location{ width:100%; height:62px; background-color:#eff4f0;}
.location .maincate{ line-height:62px; font-size:18px;}
.location .maincate a{display: inline-table; text-align:center; margin-left:20px;}

.location .maincate a:hover,.location .maincate a.act{border-bottom: 2px #1f933b solid; color: #333; font-weight:bold;}
.location .mianbao{ line-height:62px;}
.about_main{ font-size:18px; line-height:40px; padding-top:80px;}
.about_main .fl{ width:50%; margin-top:40px;}
.about_main .fl .tit{ font-size:30px; font-weight:bold; color:#1f933b;}
.about_main .fl .xian{ width:100%; border:1px solid #eff4f0; margin-top:30px; margin-bottom:30px;}
.about_main .fr{ }



.cplist{ width:100%; margin-top:15px;}
.cplist li{width:345px; float:left; margin-right:5px; margin-top:40px;}
.cplist li img{  display:block; line-height:277px; }
.cplist li h3{ font-size:16px; line-height:40px;  padding-left:15px;}
.cplist .line{ width:80px;  border-bottom: 2px #304aa9 solid;margin-left:15px;}
.cplist li p{ text-align:center; line-height:30px; padding-bottom:10px;}
.cplist li:hover{ background-color:#304aa6; color:#fff;}
.cplist li:nth-child(4){ margin-right:0px;}
.cplist li:nth-child(8){margin-right:0px;}
.cplist li:nth-child(12){ margin-right:0px;}
.cplist li:nth-child(16){ margin-right:0px;}

.main #pages{width: 100%; text-align: center; margin-top:65px;}
.main #pages li{display: inline-table; padding:4px 8px;  margin:0 5px; border:1px solid #f2f5fa;}
.main #pages li a{color: #333; padding:0px; background:none; border-bottom:0px;}
.main #pages li:first-child,.main_fr #pages li:last-child{}
.main #pages li:hover,.main #pages li.act{background-color: #304aa6; color: #fff;} 

.main #pages{text-align: center;}

.main #pages a,.main #pages span{display: inline-table; height: 26px; line-height: 26px; padding: 0px 8px; border:1px #ddd solid;  margin:0px 5px;}

.main .current,.main #pages a:hover{background: #0a7022; color: #ffffff; border-color: #0157ae;}


.mainnew_list{ width:100%; }
 .tabClick {
  width: 200px;
  margin: 0 auto;
  margin-top: 30px;
}

 
.mainnew_list .tabCon{left: 0px; top:0px;  margin:0 auto; width:100%; overflow:hidden;}
.mainnew_list .tabList{ width:100%; border:0px solid #000;}
.mainnew_list .tabList ul  {  width:1400px; margin:0 auto; margin-top:30px;}
.mainnew_list .tabList ul  li{ float:left; margin-top:15px; margin-left:16.5px; position: relative;}
.mainnew_list .tabList ul li:nth-child(1){ margin-left:0px; width:417px; height:503px;}
.mainnew_list .tabList ul li:nth-child(2){ width:475px; height:252px;}
.mainnew_list .tabList ul li:nth-child(3){ margin-left:14px;width:475px; height:252px;}
.mainnew_list .tabList ul li:nth-child(4){width:228px; height:232px;}
.mainnew_list .tabList ul li:nth-child(5){width:228px; height:232px;}
.mainnew_list .tabList ul li:nth-child(6){width:228px; height:232px;}
.mainnew_list .tabList ul li:nth-child(7){width:228px; height:232px;}
.mainnew_list .tabList ul li img{position: absolute; top:0;}
.mainnew_list .tabList ul li span{position: absolute; display:block; text-align:center;   background-color:#16150b; line-height:61px; font-size:18px; color:#fff; opacity:.6;filter:alpha(opacity=60);-moz-opacity:.6;}
.mainnew_list .tabList ul li:nth-child(1) span{ top:442px; width:100%; height:61px;}
.mainnew_list .tabList ul li:nth-child(2) span{  top:191px; width:100%; height:61px; }
.mainnew_list .tabList ul li:nth-child(3) span{  top:191px; width:100%; height:61px; }
.mainnew_list .tabList ul li:nth-child(4) span{  top:171px; width:100%; height:61px; }
.mainnew_list .tabList ul li:nth-child(5) span{  top:171px; width:100%; height:61px; }
.mainnew_list .tabList ul li:nth-child(6) span{  top:171px; width:100%; height:61px; }
.mainnew_list .tabList ul li:nth-child(7) span{ top:171px; width:100%; height:61px; }
.tabClick .active{ border:0px;}
.tabClick li:nth-child(1){ float:left; width:49px; height:50px;}
.mainnew_list .tit{ font-size:20px; border-bottom:1px solid #1c9538; line-height:35px; margin-top:20px; padding-left:15px;}
.mainnew_list .list li{ float:left; border:1px solid #ccc; width:15%; margin-top:20px; margin-right:20px;}

.procon{ width:48%; float:left; margin-right:20px; background:#eff4f0; margin-top:40px; height:300px;}
.procon .tit{ font-size:24px; padding:20px;}
.procon .tit span{ width:50px; height:2px; background:#1f933b; display:block; margin-top:10px;}
.procon .con{ padding:20px; font-size:18px; padding-top:0px;}
.procon .con a{ margin-right:15px; width:46%; height:35px; text-align:center; line-height:35px; display:block; float:left; margin-top:10px;}
.procon .con a:hover{ background-color:#1f933b; color:#fff;}
.procon .con p{ margin-top:20px; line-height:35px; margin-bottom:25px;}

/*fuwu2*******************************************************************************/
.fuwu2{ font-size:18px;}
.ntit{font-size:36px;color: #2b2b2b;text-align: center;margin: 40px 0}
.fuwu2 li{width:31%;float: left;margin-right:3%;border: 2px dashed #304aa6;
padding: 20px 30px;text-align: center;}
.fuwu2 li>img{}
.fuwu2 li>p{color: #464646; line-height: 1.7; margin-top: 3%;
text-align: left;height: 75px}
.fuwu2xia{margin: 40px 0; font-size:18px;}
.fuwu2xia b{font-size:22px;color: #191919;display: block;margin-bottom: 8px}
.fuwu2xia p{color: #525252;line-height: 1.8}



.joblist{height: auto;overflow: hidden;margin-top:0px auto; margin-top:40px;}
.job_listdl {width: 100%;height: 50px;line-height: 50px; background: #eff4f0; position: relative; margin:10px 0px;}
.job_listdl dd{float: left; font-size: 16px; display: block;}
.job_listdl dd.ren{background: url(../images/jobline.png) center left no-repeat; text-align: center;}
.job_listdl dd.bumen{text-align: center;}
.job_listdl dd.more{background: url(../images/moreinfo.png) center right no-repeat;}
.job_listcon {width: auto;height: auto;overflow: hidden;padding: 10px 10px 20px;line-height: 25px;}

.fuwu3{width: 100%;margin: 40px 0}
.fuwu3 figure{width: 62%;}
.fuwu3 figure>img{width:100%;}
.fuwu3z{width: 35%;}
.fuwu3z span{font-size: 36px; color: #000; display: block; padding-top:30px;}
.fuwu3z p{font-size: 18px; color: #484848; margin-top:20px; line-height:30px;}
.fuwu3z .p2{line-height:2.2;margin-top: 30px}
.fuwu3z b{font-size:100px; color: #eff4f0;display: block;text-transform: uppercase;
letter-spacing: 5px;line-height: 1; font-family:impact; padding-top:25px;}


.main_contact {
	padding: 60px 0px;
}
.main_contact .weixin_title {
	margin-bottom: 50px; text-align:center; line-height:35px;
}

.main_contact_left {
	float: left;
	width: 720px;
	font-size: 18px;
	color: #fff;
	background: #1f933b;
}
.main_contact_left ul {
	padding: 36px 70px 65px;
}
.main_contact_left ul:nth-child(2) {
	background: #fecf37;
	padding-bottom: 10px;
}
.main_contact_left li h2 {
	font-size: 36px;
	display: inline-table;
	margin-right: 15px;
}
.main_contact_left li span{ font-size:16px;}
.main_contact_left li p {
	line-height: 2;
	padding: 20px 0px;
	font-size:16px;
}
.main_contact_left li h3 {
	font-size: 30px;
	font-weight: bold;
}
.main_contact_left li.lina a {
	display: inline-table;
	border: 1px #fff solid;
	color: #fff;
	background: url();
	width: 185px;
	height: 46px;
	line-height: 46px;
	background: url(../images/com_info_27.png) center left 15px no-repeat;
	padding-left: 45px;
	text-align: center;
	float: left;
}
.main_contact_left li.lina span {
	display: inline-table;
	margin-left: 20px;
	margin-top: -8px;
	float: left;
}
.main_contact_left li.lina i,
.main_contact_left li em {
	display: block;
}
.main_contact_left li em {
	font-size: 36px;
	font-family: 'Impact';
	margin-top: 5px;
}
.main_contact_left li h1 {
	font-size: 70px;
	color: #fff;
	font-family: 'Impact';
}
.main_contact_right {
	float: right;
	width: 604px;
	padding-right: 70px;
	padding-top: 40px;
}
.main_contact_right input {
	height: 45px;
	margin-top: 12px;
}
.main_contact_right input.txt {
	width: 100%;
	text-indent: 8px;
	border: 1px solid #e5e5e5;
}
.main_contact_right textarea {
	width: 100%;
	text-indent: 5px;
	font-family: 'Arial', '寰蒋闆呴粦';
	border: 1px solid #e5e5e5;
	margin-top: 12px;
	padding: 6px 1%;
	line-height: 28px;
	height: 84px;
}
.main_contact_right p {
	margin: 18px 0px 8px;
	color: #999;
}
.main_contact_right .sub {
	font-size: 20px;
	text-align: center;
	width: 216px;
	height: 48px;
	background: #1f933b;
	color: #fff;
	border: 0px solid #fff;
	border-radius: 24px;
	display: block;
	margin: 30px auto;
}

.mnew .title{text-align: center; color: #333; line-height: 2; padding-top:35px;}
.mnew .datetime{display: block; text-align: center;color: #999;}
.new_page{ line-height:30px; font-size:18px;}
.prevnext{ line-height:30px;}


.mpro{ padding-top:35px;}
.jiansuo .fl{ font-size:18px;}
.jiansuo .fr .wenben{ width:271px; height:39px; background-color:#eff4f0; float:left; border:0px; text-indent:24px;}
.jiansuo .fr .sousuo{ width:85px; height:39px; background-color:#0a7022; border:0px; float:left; color:#fff;}
.jiansuobox{ width:100%; height:230px; background-color:#eff4f0; margin-top:25px;}
/**wwwwwwwwwwwwwww*/
.proliserkk{  position:relative;}
.proliserkk.curre{ background-color:#FFF;}
.proliswai{ width:95%; margin:0px auto; overflow:hidden; overflow-x:auto;}
.proliser{ padding-top:30px; padding-bottom:40px; padding-left:10px; padding-right:10px; width:1180px;}
.proliswai.curre{ height:0px; border-bottom:2px solid #ccc; padding-top:0px; padding-bottom:0px;}
.proliser ul{ white-space:nowrap; font-size:0; display:inline-block; margin-top:15px;}
.proliser ul li{ width:280px; padding-left:60px; display:inline-block;}
.proliser ul li:nth-child(1){padding-left:0; width:190px;}
.proliser ul li h1{ text-align:center; font-size:14px; color:#000; text-align:center; line-height:20px;}
.proliser ul li h1 span{font-size: 16px;}
.serline{ position:relative;  border-bottom:1px solid #0a7022; height:16px;}
.serline h2{ position:absolute; left:0px; top:16px; width:0%; border-bottom:2px solid #CDCBCB;}
.serline h2 span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:-4px; left:0px;}
.serline h3{ position:absolute; right:0px; top:16px; width:0%; border-bottom:2px solid #CDCBCB;}
.serline h3 span{ display:block; width:10px; height:10px; border-radius:10px; background-color:#0068B7; position:absolute; top:-4px; left:0px;}
.serliput{ margin-top:20px; position:relative; height:22px;}
.serliput h2{ position:absolute; left:0px; top:0px; height:22px; padding-left:14px; background-image:url(../images/dy_dy_pic.png); background-position:left center; background-repeat:no-repeat; width:68px; }
.serliput h2 input{ padding:0px; margin:0px; margin-top:2px; display:block; padding-left:8px; width:46px; font-size:14px; line-height:16px; height:16px; padding-top:2px; padding-bottom:2px; border:0px; border:1px solid #DEDEDE; border-radius:5px;}
.serliput h3{ position:absolute; right:0px; top:0px; height:22px; padding-left:14px; background-image:url(../images/xy_dy_pic.png); background-position:left center; background-repeat:no-repeat; width:68px;}
.serliput h3 input{ padding:0px; margin:0px; margin-top:2px; display:block; padding-left:8px; width:46px; font-size:14px; line-height:16px; height:16px; padding-top:2px; padding-bottom:2px; border:0px; border:1px solid #DEDEDE; border-radius:5px;}
.proliser ul li h5{ display:block; display:table; margin:0px auto; margin-top:18px; padding-left:8px; padding-right:8px; height:26px; line-height:26px; font-size:14px; color:#333; background-color:#FFF; border-radius:5px;}
.proliser ul li h5.curre{ background-color:#FF6817; color:#FFF; cursor:pointer;}
.proshqi{ position:absolute; left:0px; bottom:0px; right:0px; height:0px;}
.proshqi.curre{  bottom:-8px;}
.proshqi h1{ width:34px; height:20px; margin:0px auto; background-image:url(../images/niu_cao_pic_1.png); background-position:center; background-repeat:no-repeat; cursor:pointer; /*margin-top:-20px;*/}
.proshqi.curre h1{ background-image:url(../images/niu_cao_pic_2.png);}

.procpli{ width:100%; margin:0px auto;min-height: 350px;}
.procpli_tit{ line-height:36px; font-size:17px; padding-left:4px; color:#333; border-bottom:1px solid #CCC; letter-spacing:5px; padding-top:20px;}
.protable{ padding-top:20px; padding-bottom:0px;}
.protable table{border-collapse:collapse; width:100%;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;}
.protable table thead tr{ }
.protable table thead tr td{ text-align:center; font-size:15px; color:#fff; line-height:30px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.protable table thead tr td h1{ line-height:30px;font-size:14px;}
.protable table thead tr td h2{ line-height:30px; border-top:1px solid #FFF;font-size:12px;}
.protable table thead tr td h1 span{font-size:16px;}
.protable table thead tr td h2 span{font-size:16px;}
.protable table thead tr{background-image:url(../images/cjpro_back_pic_1.jpg); background-repeat:repeat; background-position:center; background-size:cover;}		


.protable table thead.thead2 tr{ background-image:none;}
.protable table thead.thead2 tr td{ height:24px; padding-top:8px; padding-bottom:8px;}
.protable table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;}

.protable table tbody tr td{ text-align:center; font-size:15px; color:#333; padding-top:5px; padding-bottom:5px; line-height:28px;border-bottom:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.protable table tbody tr:nth-child(2n+1) td{ background-color:#EEEEEE;}
.protable table tbody tr td:nth-child(3) img{width:35px;height:35px;}

.pagedaoc{ position:absolute; top:16px; right:10px;}
.pagedaoc a{ display:table; padding-left:22px; background-image:url(../images/excel.gif); background-position:left center; background-repeat:no-repeat; line-height:28px; font-size:14px; color:#666;}
.pagedaoc a:hover{ color:#333;}

.backfhui{ position:fixed; right:5%; bottom:32%; z-index:99;}
.backfhui a{ display:block;}
.backfhui a:hover{ opacity:0.8;}
.backfhui a img{ display:block; width:50px;}


/* 型号搜索 */
.pronysertop2{ height:44px; position:relative; width:1200px; margin:0px auto;}
.proxhser2{ height:26px;overflow:hidden; position:absolute; right:0px; top:5px; padding-right:74px; width:82px;}
.proxhser2 input{ padding:0px; margin:0px; padding-left:10px; width:100%; font-size:14px; line-height:18px; height:18px; padding-top:3px; padding-bottom:3px; border:1px solid #FF0000; border-radius:10px; }
.proxhser2 a{ display:block; position:absolute; right:0px; top:0px; width:50px; height:26px; cursor:pointer; line-height:26px; font-size:15px; color:#000;}
.proxhser2 a img{ display:block; height:16px;}

.protable2{ padding-top:0px;}
.protable2 table{table-layout:fixed;word-break:break-all; border-collapse:collapse; width:100%;}
.protable2 table thead tr{ background-image:url(../images/cjpro_back_pic_1.jpg); background-repeat:repeat; background-position:center; background-size:cover;}
.protable2 table thead tr td{ text-align:center; font-size:15px; color:#fff; padding-top:16px; padding-bottom:16px; line-height:30px;}

.protable2 table thead.thead2 tr{ background-image:none;}
.protable2 table thead.thead2 tr td{ height:24px; padding-top:8px; padding-bottom:8px;}
.protable2 table thead.thead2 tr td select{ width:60%; margin:0px auto; border:1px solid #CCC; border-radius:5px; color:#666; height:24px;}

.protable2 table tbody tr td{ text-align:center; font-size:15px; color:#333; padding-top:5px; padding-bottom:5px; line-height:28px;}
.protable2 table tbody tr:nth-child(2n+1) td{ background-color:#EEEEEE;}

@media screen and (min-width:768px){
    .publicfff{padding:30px 0 50px;}
    .job_listdl{padding:0px 2% 0px 3%;}
    .job_listdl dd.title{width: 70%;}
    .job_listdl dd.bumen{width: 10%;}
    .job_listdl dd.ren{width: 15%;}
    .job_listdl dd.more{width: 5%;}
}

@media screen and (max-width:768px){
    .publicfff{padding:1em 2% 2em;}
    .job_listdl{padding:0px 2% 0px 3%;}
    .job_listdl dd.title{width: 60%;}
    .job_listdl dd.bumen{width: 25%;}
    .job_listdl dd.ren{width: 15%; display: none;}
    .job_listdl dd.more{width: 15%;}
}