@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:12px; font-family:"微软雅黑"; background:#ffffff; border:none; text-align:center;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:underline; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}

.top{ width:1200px; margin:0px auto; z-index:99999999; background:#ffffff; top:0px; height:78px; padding-top:20px;}
.yuyan{ text-align:right;}
.xiala{ display:none;}
.logo{ float:left; width:200px;}
.nav{ float:right; width:820px; height:48px;}
.nav ul { padding-top:20px;}
.nav ul li{ float:left; padding-left:28px; height:48px;}
.nav ul li a{ color:#333333; font-size:16px;}
.nav ul li a:hover{ color:#0085C7; text-decoration:none;}

.menu1{ position:absolute;  background:#ffffff; border-top:3px solid #0085C7; display:none; z-index:9999; font-size:12px; color:#333; margin-top:17px;}
.menu1 ul{ padding-left:0px; padding-bottom:10px;}
.menu1 ul li{ float:none; height:25px; margin:0px; padding:0px 15px; padding-top:5px;}
.menu1 ul li a{ display:block; text-align:center; font-size:14px; color:#fff; height:26px; padding-top:0px;}
.menu1 ul li a:link, .menu1 ul li a:visited { text-decoration: none; color: #333; }
.menu1 ul li a:hover{ color:#333; border-bottom:2px solid #0085C7;}

.flash{ width:100%; height:auto;}
.flash img{ width:100%; height:auto;}

/*.yewu{ width:100%; background:url(../images/yewu_bg.jpg) no-repeat bottom left; padding:19px 0px;}*/
.yw_top{ width:100%; height:43px;}
.yw_top h2{ font-size:30px; font-weight:100;}
.yw_top h2 b{ font-weight:100;}
.yw_top h2 span{ font-size:14px;}
.row{ width:1200px; margin:0px auto; height:504px;}

.about{ width:1200px; margin:0px auto;}
.abo_left{ float:left; width:670px;overflow: hidden;}

.abo_right{ float:left; width:507px; text-align:left;}
.abo_left h2{ color:#FFFFFF; font-size:40px;}
.abo_left b{ color:#FFFFFF; font-size:30px; font-weight:100;}
.abo_left p{ color:#FFFFFF; line-height:180%; width:98%; margin-top:20px; font-size:14px;}
.abo_left a{ display:block; width:120px; height:30px; border:1px solid #FFFFFF; text-align:center; padding-top:10px; font-size:14px; color:#FFFFFF; margin:16px 0px;}
.abo_left img{ width:60%;}

.qiche{ width:1200px; margin:0px auto;}
#wrap{
padding:0px 0px;
	width: 100%;
	margin:0px auto;
}

#wrap ul{ margin-bottom:50px;}
#wrap ul li{
    float: left;
    margin: 2px;
    width: 396px;
   
    position: relative;
    overflow: hidden;
}
#wrap ul li img{
    display: block;
}
#wrap ul li .cove{
    width: 396px;
   height: 360px;
    position: absolute;
    top: 0;
    left: 396px;
    background:#5e5e5e;
}
#wrap ul li .cove p{

	font-size: 20px;
	font-family: 微软雅黑;
	font-weight:bold;
	line-height:200%;
	color:#fff;
	text-align: center;

}

.main_img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);

    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:250px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}

.news{ width:1200px; margin:0px auto; margin-top:50px;}
.n_top{ width:100%; margin:0px auto;}
.n_top{ width:100%; height:43px;}
.n_top h2{ font-size:30px; font-weight:100;}
.n_top h2 b{ font-weight:100;}
.n_top h2 span{ font-size:14px;}
.n_bot{ width:100%; margin-top:50px;}
.n_bot ul{ float:left; margin-left:14px; margin-right:13px; width:31%; }
.n_bot ul li{ text-align:left; margin-bottom:10px; width:100%; font-size:16px;overflow-x: hidden;
    overflow-y: hidden;}
.n_bot ul li img{ width:100%;}
.n_bot ul li.soso{ width:96%; font-size:16px;}
.n_bot ul li.soso p{ line-height:180%; font-size:14px;}
.a_r_top{ width:100%; font-size:16px; padding-top:15px;}
.a_r_top span{ width:110px; height:30px; padding-top:5px; font-weight:100; cursor:pointer;}
.a_r_top span.h2{ color:#0086CD;}
.a_r_top span:hover{ color:#0086CD;}


.foot{ width:100%; margin:0px auto; margin-top:30px; height:230px; padding:40px 0; background:#343434;}
.f_left{ width:85%; float:left;}
.f_left ul{ float:left; text-align:left; color:#FFFFFF;width: 11%;}
.f_left ul.ul{ width:18%;}
.f_left ul h2{ font-weight:100; margin-bottom:20px; text-align:left;}
.f_left ul li{ line-height:220%; text-align:left; font-size:14px;}
.f_left ul li a{ color:#FFFFFF;}
.f_left ul div.contact h3{ font-size:14px; margin-top:20px; margin-bottom:5px;}
.f_left ul div.contact li{ background:url(../images/you.jpg) no-repeat left center; line-height:180%; padding-left:20px;}

.f_right{ float:right; width:10%;}
.f_right img{ width:100%;}
.f_right h2{ padding-top:10px; color:#FFFFFF; font-size:18px;}
.footer{ width:100%; margin:0px auto; background:#262626; height:50px;}
.footer h2{ padding-left:2%; font-size:12px; padding-top:15px; color:#FFFFFF; font-weight:100;}
.footer p{ padding-top:15px; color:#FFFFFF; float:right; padding-right:2%; font-size:12px;}

.nabout{ width:100%; margin:0px auto;}
.nabo_top{ width:100%; height:40px; margin:0px auto; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.nabososo{ width:1200px; margin:0px auto;}
.nabo_top h2{ float:left; width:20%; height:32px; font-size:18px; font-weight:100; padding-top:8px; cursor:pointer;}
.nabo_top h2.h2{ background:#0686CF; color:#FFFFFF;}
.nabo_bot{ width:1200px; height:auto; margin:0px auto; margin-top:40px;}
.nabo_bot p{ text-align:left; clear:both; line-height:200%; margin-top:30px; font-size:16px;}
.nabo_bot img.img1{ width:100%; height:auto;}
.nabo_bot h3{ width:100%; margin-top:25px;}
.nabo_bot h3 img{ float:left; width:30%; margin-left:1%; margin-right:1%; padding-bottom:20px;}
.nabo_bot h4{ width:100%; margin-top:25px;}
.nabo_bot h4 img{ float:left; width:46%; margin-left:1%; margin-right:1%; padding-bottom:20px;}

.njob_top{ width:30%; height:40px; margin:0px auto; padding:0px 35%; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.njob_top h2{ float:left; width:50%; height:32px; font-size:18px; font-weight:100; padding-top:8px; cursor:pointer;}
.njob_top h2.h2{ background:#0686CF; color:#FFFFFF;}
.njob_bot{ width:1200px; height:auto; margin:0px auto; margin-top:40px;}
.njob_b_top{ width:100%;}
.njob_b_top>p{ float:left; width:50%; overflow:hidden;}
.njob_b_top img{ width:100%; height:410px;}
.njob_b_top h2{ text-align:left; padding:20px 2%; line-height:180%;}
.njob_b_top h2 b{ display:block; padding-bottom:0px; font-size:20px;}
.njob_b_top h2 span{ font-size:18px; font-weight:100;}

.contact{ width:1200px; height:auto; margin:0px auto; margin-top:30px;}
.con_left{ float:left; width:60%; text-align:left;}
.con_right{ float:right; width:30%;}
.con_right img{ width:90%;}
.con_left h2{ font-size:22px; font-weight:100; margin-top:25px;}
.con_left p{ line-height:69%; font-size:18px; margin-top:25px;}

.jsss p{ text-align:left; line-height:210%; padding:5px 20px; background:#EFFAFF; font-size:16px;}
.jishi{ width:1200px; margin:0px auto; margin-top:40px; height:auto;}
.jss{ width:100%; height:auto;}
.js_1_top{ border:1px solid #CCCCCC; cursor:pointer; width:100%; height:35px; font-size:16px; border-bottom:none;}
.js_1_top h2{ float:left; width:40%; font-size:16px; text-align:left; padding-left:30px; padding-top:7px;}
.js_1_top p{ float:left; width:25%; color:#FFFFFF; padding-top:6px;}
.js_1_top span{ float:right; width:31%; color:#FFFFFF; padding-top:6px;}
.js_2{ width:100%; height:auto;}
.js_2_top{ border:1px solid #CCCCCC; width:100%; height:35px; font-size:16px; border-bottom:none;}
.js_2_top h2{ float:left; width:40%; font-size:16px; text-align:left; padding-left:30px; padding-top:7px;}
.js_2_top p{ float:left; width:25%; color:#FFFFFF; padding-top:6px;}
.js_2_top span{ float:right; width:20%; color:#FFFFFF; padding-top:6px;}
.js_3{ width:100%; height:auto;}
.js_3_top{ border:1px solid #CCCCCC; width:100%; height:35px; font-size:16px; border-bottom:none;}
.js_3_top h2{ float:left; width:40%; font-size:16px; text-align:left; padding-left:30px; padding-top:7px;}
.js_3_top p{ float:left; width:25%; color:#FFFFFF; padding-top:6px;}
.js_3_top span{ float:right; width:20%; color:#FFFFFF; padding-top:6px;}
.js_4{ width:100%; height:auto;}
.js_4_top{ border:1px solid #CCCCCC; width:100%; height:35px; font-size:16px;}
.js_4_top h2{ float:left; width:40%; font-size:16px; text-align:left; padding-left:30px; padding-top:7px;}
.js_4_top p{ float:left; width:25%; color:#FFFFFF; padding-top:6px;}
.js_4_top span{ float:right; width:20%; color:#FFFFFF; padding-top:6px;}
.sese{ width:100%; height:35px; font-size:16px; text-align:left; background:#0084CC;}
.sese h2{ float:left; width:40%; font-size:16px; text-align:left; padding-left:30px; padding-top:7px; color:#FFFFFF; cursor:pointer;}
.sese p{ float:left; width:25%; color:#FFFFFF; padding-top:6px;}
.sese span{ float:right; width:31%; color:#FFFFFF; padding-top:6px;}
.jss p a{ display:block; width:170px; height:40px; background:#0084CC; font-size:20px; padding-top:10px; color:#FFFFFF; text-align:center; margin-top:20px;}

.qiye{ width:80%; height:auto; margin:0px auto; padding:3% 10%;}
.qy_li{ width:100%; height:320px; margin-bottom:40px;}
.qy_l_left{ float:left; width:30%; overflow:hidden;}
.qy_l_left img{ width:100%; height:320px;}
.qy_l_right{ float:right; width:64%; height:280px; background:#F2F2F2; padding:20px 3%; text-align:left;}
.qy_l_right h2{ font-size:20px;}
.qy_l_right p{ line-height:200%; font-size:16px; margin-top:20px;}
.qy_l_right a{ display:block; width:120px; height:30px; background:#0084CC; font-size:16px; padding-top:10px; color:#FFFFFF; text-align:center; margin-top:20px;}
.qy_xiang{ width:100%;}
.qy_x_top{ width:100%; border-bottom:1px solid #CCCCCC;}
.qy_x_top h2{ font-size:30px; font-weight:100; margin-bottom:30px;}
.qy_x_bot{ width:100%; margin-top:30px;}
.qy_x_bot img{ max-width:100%;}
.qy_x_bot p{ text-align:left; margin-top:10px;  font-size:16px;}

.nnew{ width:100%; margin:0px auto;}
.nnew_top{ width:40%; height:40px; margin:0px auto; padding:0px 30%; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.nnew_top h2{ float:left; width:33%; height:32px; font-size:18px; font-weight:100; padding-top:8px; cursor:pointer;}
.nnew_top h2.h2{ background:#0686CF; color:#FFFFFF;}
.nnew_bot{ width:1200px; height:auto; margin:0px auto; margin-top:40px;}
.nnew_bot>ul{float:left; margin-left:2%; margin-right:1%; width:17%; background:#f5f5f5; margin-bottom:30px;}
.nnew_bot>ul li{ text-align:left;  width:100%; font-size:18px;overflow-x: hidden;
    overflow-y: hidden;}
.nnew_bot ul li img{ width:100%;}
.nnew_bot ul li.soso{ padding:0px 2%; width:96%; font-size:18px;}
.nnew_bot ul li.soso p{ line-height:180%; font-size:16px;}
.nnew_bot ul li.date{ background:url(../images/date.jpg) no-repeat 10px center; font-size:18px; padding-left:40px;}

.pagination li{float: left;display: inline;border: 1px solid  #000;margin:0 4px;padding:2px 6px;}
.pagination  .active{background-color: red}

.products{ width:100%; margin:0px auto;}
.pro_top{ width:1200px; height:40px; margin:0px auto; padding:0px 22%; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.pro_top h2{ float:left;padding: 0 30px; height:32px; font-size:18px; font-weight:100; padding-top:8px; cursor:pointer;color:#fff;}
.pro_top h2.h2{ background:#0686CF; color:#fff;}
.pro_bot{ width:1200px; margin:0px auto; margin-top:50px;}
.p_b_top{ width:80%; padding:20px 10%;}
.p_b_t_left{ float:left; width:50%;}
.p_b_t_left img{ width:100%;}
.p_b_t_right{ float:right; width:48%;}
.ming{ width:100%; border-bottom:1px dashed #CCCCCC; height:50px;}
.ming h2{ float:left; width:84%; text-align:left; font-size:28px; font-weight:100;}
.ming a{ display:block; float:right; background:#0686CF; width:15%; height:24px; padding-top:6px; color:#FFFFFF;}
.shijian{ width:100%; border-bottom:1px dashed #CCCCCC; padding:20px 0px;}
.shijian p{ text-align:left; font-size:16px; line-height:180%; margin-bottom:20px;}
.shijian a{ display:block; float:left; background:#ECF2F2; width:20%; margin-right:20px; height:24px; padding-top:6px; color:#666666;}
.fen{ width:100%; margin-top:20px; text-align:left;}
.p_b_bot{ width:80%; padding:20px 10%; margin-top:30px;}
.p_b_b_h2{ width:100%; border-bottom:1px solid #0686CF;}
.p_b_b_h2 h2{ background:#0686CF; height:32px; width:200px; color:#FFFFFF; padding-top:8px;}
.p_b_b_xi{ width:100%; text-align:left; line-height:200%; font-size:16px; padding-top:30px;}

/* effect 12 */

.ehover12 {
	background:none;
}

.ehover12 img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.ehover12:hover img {
	opacity: 0.9;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.ehover12 .overlay {
	padding: 30% 0px;
}

.ehover12 h2 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
	background-color: transparent;
}

.ehover12 h2::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.ehover12:hover h2::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.ehover12 button {
	color:	#FFF;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.ehover12:hover button{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

@media screen and (max-width:800px) {
.top{ width:100%; margin:0px auto; z-index:99999999; background:#ffffff; top:0px; height:58px; padding-top:10px;}
.yuyan{ position:absolute; top:25px; right:17%;}
.xiala{ display:block; position:absolute; top:15px; right:1%;}
.xiala img{ width:50%;}
.logo{ float:none; margin-left:2%; height:58px; text-align:left;}
.nav{ float:none; display:none; width:100%; background:#CCCCCC; height:80px; padding:0px; margin:0px auto;}
.nav ul li{ float:left; width:20%; height:32px; padding:0px; margin:0px auto; padding-top:8px;}
.nav ul li a{ color:#333333; font-size:14px;}
.nav ul li a:hover{ color:#0085C7; text-decoration:none;}
.yewu{ width:100%; background:none; padding:30px 0px;}
.row{ padding:30px 0px; height:auto;}
.about{ width:100%; margin-top:30px;}
.abo_left{ width:100%;overflow: hidden;}
.abo_left img{ width:100%; height:100%;}
.abo_right{ width:90%; background:#0084CE; height:560px; text-align:left; padding:30px 5%;}
.abo_right h2{ color:#FFFFFF; font-size:40px;}
.abo_right b{ color:#FFFFFF; font-size:30px; font-weight:100;}
.abo_right p{ color:#FFFFFF; line-height:180%; width:100%; margin-top:20px; font-size:14px;}
.abo_right a{ display:block; width:120px; height:30px; border:1px solid #FFFFFF; text-align:center; padding-top:10px; font-size:14px; color:#FFFFFF; margin:15px 0px;}
.abo_right img{ width:80%;}

.lay-left{width: 50%;float:left;overflow: hidden;}
.lay-right{ float:right; position: fixed; top:70px; right:0px;width:160px; height:100%;z-index: 500000; overflow:hidden; background: rgba(0, 0, 0, 0.5); }
.asideMenu{width: 160px;position: relative;z-index: 9999;}

.aMenu li{display: block;height: 40px;font-size: 20px;line-height: 30px;color: #fff;margin-top: 10px; font-family:"微软雅黑";}
.aMenu li a{display: block;height: 30px;color: #fff;}

#wrap{
padding:30px 0px;
	width: 90%;
	margin:0px auto;
}

#wrap ul{ margin-bottom:50px;}
#wrap ul li{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
#wrap ul li img{
width:100%;
    display: block;
}
#wrap ul li .cove{
    width:100%;
    height:100%;
    position: absolute;
    top: 0;
    left: 100%;
    background:#5e5e5e;
    padding: 100px 20px 0 20px;
}
#wrap ul li .cove p{

	font-size: 20px;
	font-family: 微软雅黑;
	font-weight:bold;
	line-height:200%;
	color:#fff;
	text-align: center;

}
.n_bot{ width:96%; margin-top:50px; padding:0px 2%;}
.n_bot ul{ width:100%; margin-left:0; margin-right:1%; background:#f5f5f5;}

.foot{ width:96%; margin:0px auto; margin-top:30px; height:auto; padding:20px 2%; background:#343434;}
.f_left{ width:100%; float:none; display:none;}
.f_left ul{ width:100%; float:none; text-align:left; color:#FFFFFF;}
.f_left ul.ul{ width:100%; float:none;}
.f_left ul h2{ float:left; width:100%; font-weight:100; margin-bottom:0px; margin-top:10px; text-align:left;}
.f_left ul li{ float:left; padding-right:15px; line-height:220%; text-align:left; font-size:14px;}
.f_left ul li a{ color:#FFFFFF;}
.f_left ul div.contact h3{ font-size:14px; margin-top:20px; margin-bottom:5px;}
.f_left ul div.contact li{ background:url(../images/you.jpg) no-repeat left center; line-height:180%; padding-left:20px;}

.f_right{ width:100%; float:none; clear:both; padding-top:20px;}
.f_right img{ width:100%;}
.f_right h2{ padding-top:10px; color:#FFFFFF; font-size:18px;}
.footer{ width:100%; margin:0px auto; background:#262626; height:auto;}
.footer h2{ float:none; font-size:12px; padding-top:15px; color:#FFFFFF; font-weight:100; text-align:center;}
.footer p{ color:#FFFFFF; padding-bottom:10px; float:none; font-size:12px;}

.contact{ width:90%; height:auto; margin:0px auto; padding:3% 5%;}
.con_left{ float:none; width:100%;}
.con_right{ float:none; width:100%;}
.con_right img{ width:90%;}

.nabo_bot h3{ width:100%; margin-top:25px;}
.nabo_bot h3 img{ float:none; width:100%; margin-left:1%; margin-right:1%; padding-bottom:20px;}
.nabo_bot h4{ width:100%; margin-top:25px;}
.nabo_bot h4 img{ float:none; width:100%; margin-left:1%; margin-right:1%; padding-bottom:20px;}

.nabo_top{ width:80%; height:40px; margin:0px auto; padding:0px 10%; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.nabo_top h2{ float:left; width:20%; height:32px; font-size:16px; font-weight:100; padding-top:8px; cursor:pointer;}
.nabo_top h2.h2{ background:#0686CF; color:#FFFFFF;}
.njob_top{ width:80%; height:40px; margin:0px auto; padding:0px 10%; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.njob_top h2{ float:left; width:50%; height:32px; font-size:16px; font-weight:100; padding-top:8px; cursor:pointer;}
.njob_top h2.h2{ background:#0686CF; color:#FFFFFF;}

.njob_b_top p{ float:none; width:100%; overflow:hidden;}
.njob_b_top img{ width:100%;}
.njob_b_top h2{ float:right; width:96%; height:370px; background:#EBEBEB; text-align:left; padding:20px 2%; line-height:180%;}
.njob_b_top h2 b{ display:block; padding-bottom:20px; font-size:20px;}
.njob_b_top h2 span{ font-size:18px; font-weight:100;}

.qiye{ width:1200px; height:auto; margin:0px auto; padding-top:30px;}
.qy_li{ width:100%; height:auto; margin-bottom:20px;}
.qy_l_left{ float:none; width:100%; overflow:hidden;}
.qy_l_left img{ width:100%;}
.qy_l_right{ float:none; width:94%; background:#F2F2F2; padding:20px 3%; text-align:left;}
.qy_l_right h2{ font-size:20px;}
.qy_l_right p{ line-height:200%; font-size:16px; margin-top:20px;}
.qy_l_right a{ display:block; width:120px; height:30px; background:#0084CC; font-size:16px; padding-top:10px; color:#FFFFFF; text-align:center; margin-top:20px;}

.nnew_top{ width:80%; height:40px; margin:0px auto; padding:0px 10%; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.nnew_bot ul{ float:none; margin-left:0px; margin-right:0px; width:100%; background:#f5f5f5; margin-bottom:30px;}

.pro_top{ width:80%; height:40px; margin:0px auto; padding:0px 10%; background:#f2f2f2; border-bottom:1px solid #CCCCCC;}
.pro_top h2{ float:left; width:25%; height:32px; font-size:18px; font-weight:100; padding-top:8px; cursor:pointer;}
.pro_top h2.h2{ background:#0686CF; color:#FFFFFF;}

.p_b_t_left{ float:none; width:100%;}
.p_b_t_left img{ width:100%;}
.p_b_t_right{ float:none; width:100%; margin-top:20px;}
}