/* 产品中心 */
.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(../image/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:#0677D3; background: none; }
.p_m1 .image { float: right; }
.p_m2 li { float: left; width: calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.p_m2 li:nth-child(3n+0){ margin-right:0;}
.ie7 .p_m2 li { margin-right: -1px; }
.col_more001 { background: url(../image/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 #eee; padding: 20px; }
.pro_box img{ margin:0 auto;}
.pro_box img.pro_imgAfter{ display:none;}
.pro_box img.pro_imgPrev{ display:block;}

.p_m2.marb_20{margin-bottom:20px;}
.p_m2 h2 { font-size:22px; font-weight: blod; }
.p_m2 .image { text-align: center; margin: 20px 0 0; width:100%; }
.p_m2 img { /*width: 380px; height: 285px;*/ width:100%;}
.p_m2 .col_more001 { margin: 20px 0 0; }
.p_m2 a:hover { color: #fff; }
.p_m2 li:hover .inner { border-color: #0677D3; }
.p_m2 li:hover h2{ color:#0677D3;}
.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(../image/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(../image/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: 33.333%; text-align: center; margin: 0 0 4px; }
.ie7 .p_m5 li { margin-right: -1px; }
.p_m5 .content { width: 416px; height: 312px; 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(../image/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(../image/pm_01.png) repeat; }
.p_m5 .content .link { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: url(../image/blank2.png); z-index: 9; }
.p_m5 .content:hover h2 { color: #eee; }
.p_m5 .content > img{width:100%; height:100%;}
.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(../image/nav_active_bg1.png) no-repeat right center #aace3b;    color: #fff;
    display: block;
    height: auto;
	width:85px; height:28px;
    line-height: 28px;
    margin: 11px 0;
    padding: 0 28px;}
	
@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;*/ width:21%;}
	.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;}
}