@charset "utf-8";
/* 产品中心 */
.auto-img { position: relative; overflow: hidden; display: block; }
.auto-img img { position: relative; }
.gn_wrap2 > ul { margin-bottom: 30px; position: relative; z-index: 2000; display: none; }
.gn_wrap2 > ul.active { display: block; }
.gn_wrap2 > ul li { height: 33px; float: left; margin-left: 40px; position:relative; }
.gn_wrap2 > ul li:first-child { margin-left: 0 }
.gn_wrap2 .inp1 input { border: 0; background: #aace39; color: #383842; height: 31px; line-height: 29px; width: 156px; cursor: pointer; font-size: 18px; font-weight: bold; }
.gn_wrap2 .inp { float: left; width: 246px; height: 31px; line-height: 30px; border: 1px solid #ccc; background: url(../images/gn_ico2.jpg) no-repeat right center; }
.gn_wrap2 .inp input { border: 0; height: 31px; line-height: 31px; padding: 0 5px; float: left; width: 96%; background: #fff; }
.gn_wrap2 .select_0 { width: 100%; position: relative; }
.gn_wrap2 .select_0 dt { padding: 0 5px; cursor: pointer; }
.gn_wrap2 .select_0 dd { position: absolute; max-height: 200px; overflow-y: auto; overflow-x: hidden; background: #fff; border: 1px solid #ccc; width: 100%; left: -1px; top: 32px; display: none; }
.gn_wrap2 .select_0 dd a { display: block; line-height: 30px; color: #000; white-space: normal; padding: 0 5px; }
.gn_wrap2 .select_0 dd a:hover, N .input_box .select_0 dd a.on { background: #CCC; }
.gn_wrap2 + .icon_add { right: 10px }
.p_m0 { position: relative; z-index: 1001; }
.p_m_wrap { max-width: 1660px; background: #f4f4f4; margin: 0 auto 30px; }
.p_m_wrap2 { max-width: 1660px; background: #f4f4f4; margin: 0 auto 60px; }
.p_m1 .text { float: left; width: 50%; }
.p_m1 .text .inner { padding: 50px 50px 0 0; }
.p_m1 .text h2 { font-size: 36px; font-weight: blod; }
.p_m1 .text .list { margin: 50px 0 0; }
.p_m1 .list li { float: left;  width:25%; margin-bottom: 20px; }
.p_m1 .list a { display: block; text-align: center; line-height: 42px; color: #383842; padding: 0 10px; }
.p_m1 .list a:hover { color:#aace39; background: none; }
.p_m1 .image { float: right; }
.p_m2 li { float: left; width: 33.333%; }
.ie7 .p_m2 li { margin-right: -1px; }
.col_more001 { background: url(../images/col_more6.png) no-repeat right top; color: #fff; display: inline-block; font-size: 12px; height: 20px; line-height: 19px; padding: 0 10px; min-width: 57px; }
.p_m2 .inner { border: 3px solid #fff; padding: 20px; }
.pro_box img{ margin:0 auto;}
.pro_box img.pro_imgAfter{ display:none;}
.pro_box img.pro_imgPrev{ display:block;}


.p_m2 h2 { font-size: 36px; font-weight: blod; }
.p_m2 .image { text-align: center; margin: 20px 0 0; width:100%; }
.p_m2 img { width: 380px; height: 285px; }
.p_m2 .col_more001 { margin: 20px 0 0; }
.p_m2 a:hover { color: #fff; }
.p_m2 li:hover .inner { border-color: #aace39; }
.p_m3 { margin: 30px 0 60px; background: #f4f4f4; }
.p_m3 > div { float: left; width: 50%; }
.ie7 .p_m3 > div { margin-right: -1px; }
.p_m3 .image { position: relative; }
.p_m3 .image .link { position: absolute; left: 0; top: 0; z-index: 9; background: url(../images/blank2.png); width: 100%; height: 100%; }
.p_m3 img { width: 100%; height: auto; }
.p_m3 .image h2 { position: absolute; left: 50%; top: 50%; margin: -17px 0 0 -80px; background: url(../images/technology_tit_bg2.png) no-repeat right top; border-left: 2px solid #fff; display: inline-block; font-size: 20px; height: 34px; line-height: 33px; padding: 0 40px 0 23px; color: #fff; }
.p_m3 .text { height: 320px; text-align: center; position: relative; }
.p_m3 .text .inner { padding: 50px 30px 0; position: relative; z-index: 9; }
.p_m3 .text h2 { font-size: 36px; font-weight: blod; }
.p_m3 .text .content { margin: 30px 0; line-height: 1.5; }
.p_m3 .text .b { position: absolute; left: 6px; top: 6px; right: 6px; bottom: 6px; border: 3px solid #383842; }
.p_m3 .text a { color: #fff; }
.p_m4 .image { float: left; margin-right: 60px; width:45%; }
.p_m4 .image img{ width:100%; height:auto;}
.p_m4 .text { overflow: hidden; margin-top: 10px; }
.p_m4 .text h2 { font-size: 36px; font-weight: normal; }
.p_m4 .text .content { line-height: 1.5; margin: 10px 0; }
.p_m4 .text .content .col_more001 { color: #fff; }
.p_m5 { margin: 0 0 60px; }
.p_m5 li { float: left; width: 283px; text-align: center; margin: 0 0 50px 0; }
.ie7 .p_m5 li { margin-right: -1px; }
.p_m5 .content { width: 300px; height: 300px; margin: 0 auto; }
.p_m5 .content h2 { width: 100%; position: absolute; left: 0; bottom: 0; height: 46px; line-height: 46px; color: #fff; font-size: 18px; font-weight: normal; background: url(../images/blank.png) repeat; }
.p_m5 .content h2 span { float: left; margin-left: 20px; }
.p_m5 .content h2 em { float: right; padding: 0 20px; background: url(../images/pm_01.png) repeat; font-size:16px; }
.p_m5 .content .link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/blank2.png); z-index: 9; }
.p_m5 .content:hover h2 { color: #eee; }
.p_m5 .content > img{width:99%; height:100%; border:1px solid #ddd}
.p_m6 { margin: 0 0 60px; }
.p_m6 h2 { font-size: 36px; font-weight: normal; }
.p_m6 .list { font-size: 18px; }
.p_m6 .list li { float: left; margin: 48px 22px 0 0; }
.ie7 .p_m6 .list li { margin-right: 20px; }
.p_art { margin: 0 0 60px; }
.p_m4 .col_more001{ background:url(../images/nav_active_bg1.jpg) no-repeat right center #aace3b;    color: #fff;
    display: block;
    height: auto;
	width:85px; height:28px;
    line-height: 28px;
    margin: 11px 0;
    padding: 0 28px;
}
.ppcate{overflow:hidden; width: 1125px; margin: 0 auto 20px; border:1px solid #ddd;}
.ppcate a{background-color:#f2f2f2; color:#333; line-height:35px; width:18%; margin:0.5% 1%;  display:block; float:left; text-align:center; }
.ppcate a.on,.ppcate a:hover{background-color:#0d4a89; color:#fff;}



@media only screen and (min-width: 980px) {
    .p_m1 .list a:hover img.pro_imgPrev{display:none;}
	.p_m1 .list a:hover img.pro_imgAfter{ display:block;}
}
@media only screen and (max-width: 1366px) {
	.p_m3 .text{ height:295px}
	.p_m1 .text .inner{ padding-right:0;}
	.p_m1 .image{width:49%;}
	.p_m1 .image img{width:100%; height:auto;}
	.p_m1 .list li{width:142px;}
	.p_m2 .image a,.p_m2 .image a img{ display:block; width:100%; height:auto;}
	
	.p_m5 .content{width:99%; height:auto;}
}

@media only screen and (max-width: 1060px) {
	.p_m1 .text{width:100%;}
	.p_m_wrap{width:863px; margin:0 auto;}
	.p_m_wrap .main{ width:100%;}
	.p_m1 .list li{width:276px;}
	.p_m1 .list a{ margin:0 auto;}
	.p_m1 .image{width:100%; height:auto;}
	.p_m1 .image a,.p_m1 .image a img{ display:block; width:100%; height:auto;}
	.p_m4 .image{ width:45%; margin-right:0;}
	.p_m4 .image a,.p_m4 .image a img{ width:100%; height:auto;}
	.p_m4 .text{ width:50%; padding:0 2%;}
	.p_m4 .text{ padding-top:20px;}
	.p_m4 .text .content{ margin:20px 0;}
}

@media only screen and (max-width: 980px) {
	.main, .header, .footer, .header_top_wrap, .front_see_wrap, .in_globle, .main_ft, .footer .inner{width:100%;}
	.p_m3 > div{width:100%;}
	.p_m3 .text{width:100%;}
	.p_m2 h2{font-size:20px;}
	.p_m2 li{width:100%;}
	.gn_wrap2 > ul li{ float:none; margin-bottom:10px; margin-left:0;}
	.gn_wrap2 .select_0 dd{ background:#fff;}
	.p_m_wrap{width:100%;}
	.p_m1 .list li{width:49.4%; margin-right:0;}
	.p_m1 .list a{width:100%;}
	.p_m4 .image{ width:100%;}
	.p_m4 .text,.p_m5 li{ width:100%;}
	.p_m4 .text h2{ font-size:18px;}
	
	.gn_wrap2 .inp{ width:50%;}
	
	.p_m1 .text h2,.p_m3 .text h2{ font-size:24px;}
}