/*
* name: Global && Pc StyleSheet
* version: v3.2.0
* update: 加入placeholder颜色设置
* date: 2016-01-21
*/

/* 雪碧图 */


/* 设置 */

.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
a{color: inherit;}
a:hover { color: #00b3dc;}
/*css组件-设置*/






/*下层*/
@media(max-width:1024px){
.nmain{ position: relative;}
}

.nmain{padding:40px 0 50px; background:#fff; z-index:15;}
.nmian-left{ float:left; width:21%; }
.nmian-right{ float:right; width:75%; }
.nchan-lant{ height:90px; background:#082b1f url(../img/nlanbg.gif) no-repeat right top; color:#fff;margin-bottom:20px;}
.nchan-lant ._cn{ padding-left:25px; font-size:26px; font-weight:normal; padding-top:25px; line-height:40px; }
.nchan-lant ._en{ padding-left:25px; color:#f6c3c1; font-size:12px; font-family:arial; }
.nmenu li{ line-height:48px; font-size:15px; border-bottom:1px solid #eaeaea;  }
.nmenu li a{ display:block; padding-left:20px; position:relative; color:#6f6f6f;}
.nmenu li .ion{ position:absolute; right:0; font-size:14px;}
.nmenu li a:hover{ background:#f3f3f3;}
.nmenu li.cur a{ background:#082b1f; color:#fff; }
.nmenu li.cur a .ion{ color:#fff; }
.chr-top{ border-bottom:1px solid #eaeaea; padding-bottom:10px; margin-bottom:30px;}
.chr-top .chr-lant{ font-size:20px; color:#818181;}
.posi{ color:#bdbdbd; margin-top:10px; }
.posi em{ padding:0 5px;}
.posi span{ color:#787878;}




/*产品列表*/
.pro-top{ padding:30px; background:#f9f9f9; margin-bottom:25px; }
.pro-top ._img{ float:left; width:35%; }
.pro-top ._img span { display: block; height: 0; overflow: hidden; padding-bottom: 54%; position: relative; }
.pro-top ._img span img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.pro-top ._nr{ float:right; width:62%; margin-top:30px; line-height:26px;}

.pcat-list{ background-image:url(../img/pcat_xian.gif); background-repeat: repeat-x; background-position: center 51px; width:100%; overflow:hidden; margin-bottom:30px;}
.pcat-list ul{ width:110%;}
.pcat-list li{ float:left; height:140px; margin:0 4px;  }
.pcat-list li a{ display:block;}
.pcat-list li ._dian{ display:block; height:60px; width:90px; background:url(../img/pcat_dian.png) no-repeat center bottom;}
.pcat-list li ._xian{ display:none; border:1px dashed #9e1f62; background:#fff; text-align:center;border-radius:100px;}
.pcat-list li ._img{ display:block; margin:10px; background:#9e1f62; width:81px; height:55px; padding:13px 0; border-radius:100px}
.pcat-list li ._title{ text-align:center; font-size:15px; margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#6f6f6f;}
.pcat-list li.cur ._dian,.pcat-list li.hover ._dian{ display:none;}
.pcat-list li.cur ._xian,.pcat-list li.hover ._xian{ display:block;}

.pro-list li{ margin-bottom:35px; }
.pro-list li a._img { display: block; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; }
.pro-list li a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.pro-list li ._pd{ padding:25px; border:1px solid #ddd; position:relative;}
.pro-list li .pr{ padding-bottom:40px;}
.pro-list li ._nr{ width:94%; position:absolute; bottom:0px; background:#fff; padding-top:10px; padding-left:3%; padding-right:3%; overflow:hidden; }
.pro-list li ._title{ height:30px; line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:13px; font-weight:normal; }
.pro-list li ._sum{ display:none; line-height:24px; color:#555; max-height:168px; overflow:hidden;}
.pro-list li.hover ._pd{ border:1px solid #082b1f; }
.pro-list li.hover ._title{ color:#082b1f; font-size:15px; }

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}



body { font-family: '微软雅黑', 'Helvetica Neue', Helvetica, 'Lucida Grande', Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif;
 overflow-x: hidden;}
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0 ;}
ul { padding-left: 0; list-style-type: none;}
i, em { font-style: normal;}
big { font-size: 1.3em;}
small { font-size: 0.77em;}


article, aside, dialog, footer, header, section, nav, figure, menu, audio, canvas, progress, video { display: block;}
input, select, textarea{outline: 0;font-family: inherit;font-size:100%;}

input[type='checkbox'], input[type='radio'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { height: auto;}
input[type='search'] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield;}
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration { -webkit-appearance: none;}
input[type='file'] { display: block;}
input[type='range'] { display: block; width: 100%;}
select[multiple], select[size] { height: auto;}
input[type='file']:focus, input[type='radio']:focus, input[type='checkbox']:focus { 
  outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
fieldset { min-width: 0; margin: 0; padding: 0; border: 0;}
legend { font-size: 1.3em; line-height: 2.5; display: block; width: 100%; margin-bottom: 20px; 
  padding: 0; color: #333; border: 0; border-bottom: 1px solid #e5e5e5;}
table { border-spacing: 0; border-collapse: collapse;background-color: transparent;}
td, th { padding: 0;}

@-ms-viewport { width: device-width;}


.zzq{width:102%;transition:.2s width ease;*zoom:1}
.zzq:before,
.zzq:after{display:table;clear:both;content:''}
.zzq>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}
.zzq>.span-1{width:6.33333333%}
.zzq>.span-2{width:14.66666667%}
.zzq>.span-3{width:23%}
.zzq>.span-4{width:31.33333333%}
.zzq>.span-5{width:39.66666667%}
.zzq>.span-6{width:48%}

.pdet-top{ background:#f9f9f9; margin-bottom:30px; }
.pdet-top ._img{ float:left; width:50%; }
.pdet-top ._img span { display: block; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; }
.pdet-top ._img span img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.pdet-top ._nr{ width:40%; margin-left:5%; float:left;}
.pdet-top ._title{ font-size:24px; font-weight:bold; color:#000; margin-top:50px; margin-bottom:10px;}
.pdet-top ._sum{ margin-bottom:20px;}
.pdet-top ._down{ display:block; width:267px; height:36px; line-height:36px; background:#082b1f; color:#fff; text-align:center;}
.pdet-top ._down .ico{ margin-left:10px;}
.pdet-top ._down:hover{ opacity:.8;}

/* 产品表格 */
.pro_table { border-collapse: collapse; background-color: #ffffff; line-height:24px; }
.pro_table th {  padding-top: 2px; padding-bottom: 2px;  text-align: left; width:25%; vertical-align:top; color:#082b1f; font-weight:normal; }
.pro_table td {text-align: left; padding-top: 2px; padding-bottom: 2px; width:90%; padding-left:20px;  }


/* 车间首页 */
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin: 0;}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
ul { padding-left: 0; list-style-type: none;}


.row>[class*="span-"]{float:left;margin-right:2%;*margin-right:1.89%}.row>.span-1{width:6.33333333%}.row>.span-2{width:14.66666667%}.row>.span-3{width:23%}

/* 设置 */
body{font-size:13px; line-height: 1.8; color: #555; background: #fff;}
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; width: 1200px;}

.imghover img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghover:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}


/*top*/


/*首页*/


.inews-main{ padding:40px 0 0;}
.ilant{ width:95%; float:left; font-size:24px; color:#000; padding-left:5%; background-repeat:no-repeat; background-position:15px; margin-bottom:10px; font-weight:normal; }
.ilant-news{ background-image:url("../images/ilan_ico02.png");}



.icxin-main{ padding:40px 0 100px;background: #FFFFFF;padding-top:100px;}
.ilant-cxin{ background-image:url("../images/ilan_ico02.png");}
.icxin-list li{}
.icxin-list li a._img { display: block; height: 0; overflow: hidden; padding-bottom: 66%; position: relative; }
.icxin-list li a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.icxin-list li ._pd{ padding:15px 10px 0px;}
.icxin-list li ._title{ font-size:18px; font-weight:normal; color:#000; margin-bottom:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.icxin-list li ._sum{ line-height:22px; height:44px; overflow:hidden; color:#666;}
.icxin-list li ._more{ width:110px; height:28px; line-height:28px; border:1px solid #082b1f; background:#fff; color:#082b1f; text-indent:20px; position:relative; margin-top:20px;}
.icxin-list li ._more .ion{ position:absolute; right:5px;}
.icxin-list li a:hover ._title{ color:#082b1f;}
.icxin-list li a:hover ._more{ color:#fff; border-color:#082b1f; background:#082b1f; }


/*关于我们*/
.about-top{ margin-bottom:30px;}
.about-left{ float:left; width:70%;}
.abchan-title{ font-size:26px; color:#000;}
.abchan-tag{ display:inline-block; background:url(../img/pcat_xian.gif) repeat-x center; padding:0 20px; font-size:16px; color:#6e6e6e;}
.abchan-tag span{ display:block; padding:0 10px; background:#fff;}
.ab-sum{ margin-top:20px;}
.about-video{ float:right; width:25%;}
.about-video a._img { display: block; height: 0; overflow: hidden; padding-bottom: 147%; position: relative; }
.about-video a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.about-video ._iplay{ display:none; width:84px; height:84px; background:url(../img/iplay.png) no-repeat 0 0; position:absolute; top:50%; left:50%; margin-top:-42px; margin-left:-42px; }


/*车间介绍*/
.nadd-content{ margin-top:30px;}
.nadd-lant{ font-size:16px; font-weight:bold;background:url(../img/nadd_dian.png) no-repeat left; padding-left:35px; border-bottom:1px solid #eaeaea; line-height:40px; margin-bottom:20px; }
.pinpai-scroll{ display:none;}
.pinpai-scroll li{ width:20%; float:left;}
.pinpai-scroll li a._img { display: block; height: 0; overflow: hidden; padding-bottom: 72%; position: relative; }
.pinpai-scroll li a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.pinpai-scroll li ._border{ border:1px dotted #eaeaea; position:relative; margin-left:-1px;}
.pinpai-scroll li ._cover{ display:none; width:100%; height:100%; background:rgba(231,70,60,.95); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99e7463c,endcolorstr=#99e7463c); color:#fff; position:absolute; top:0; left:0; text-align:center;}
.pinpai-scroll li ._title{ display:block; font-size:14px; margin-top:55px;}
.pinpai-scroll li:hover ._cover{ display:block;}

/*联系我们*/
.contact-map{ height:375px; border:1px solid #eaeaea; margin-bottom:35px; width:100%}
.contact-map  img{ max-width:none; }
.contact-map label{ max-width:none;}

.contact-list li{ position:relative; margin-bottom:25px;}
.contact-list li ._border{ border:1px solid #f5f3f0; box-shadow:5px 5px 0px #f4f2f2; padding:35px; background:#fdfcfc;}
.contact-list li ._title{ font-size:17px; font-weight:bold; color:#000; margin-bottom:10px; height:30px; line-height:30px; word-break:break-all; overflow:hidden; }
.contact-list li ._sum{ line-height:28px; height:140px; overflow:hidden; }
.contact-list li ._sum dl{ width:50%; float:left;}
.contact-list li ._dian{ display:block; width:40px; height:50px; background:url(../img/map_ico.png) no-repeat 0 0; position:absolute; top:20px; right:0px;}
.contact-list li .first ._border{ background:#fff;}

/**/
.timeline-wrap{ float:left; width: 50%;}
.timeline-detail-right{ float:right;}
.timeline-detail-mobile { padding: 30px 0px 10px 0px; }
.timeline-detail-left, .timeline-detail-right { position: relative; }
.timeline-blow { background-color: #fff; border: 3px solid #e7463c; border-radius: 20px; height: 30px; position: absolute; top: 0px; transition: all 0.35s ease 0s; width: 30px; }
.timeline-active .timeline-blow { background-color: #ffc600; box-shadow: 0 0 0 4px #fff inset; }
.timeline-detail-left .timeline-blow { right: -20px; }
.timeline-detail-right .timeline-blow { left: -20px; }
.border-left, .border-right { min-height: 160px; padding-bottom: 30px; position: relative; }
.border-left { border-left: 3px solid #e7463c; }
.border-right { border-right: 3px solid #e7463c;  }
.timeline-date { font-size: 30px; line-height: 1; padding-top: 2px; padding-bottom: 10px; }
.aboutus-avatar img { border-radius: 50%; border: 7px solid #ffdd00;  }
.blow-fixed { background-color: #ffdd00; border-radius: 10px; height: 20px; left: 60.3%; position: fixed; top: 0px; -webkit-transition: all 0.35s ease 0s; transition: all 0.35s ease 0s; width: 20px; z-index: 1; display: none; }
.timeline-effect { display: none; }
.aboutus_abstract { width: 100%; padding: 50px 35px; background-color: #f2f2f2; color: #464648; }

.timeline-detail-left{ position:relative; margin-left:-3px;}
.timeline-effect-left{ padding-right:30px;}
.timeline-effect-right{ padding-left:30px;}
.timeline-effect-img{ float:left; width:33%;}
.timeline-effect-text{ float:right; width:62%;}
.timeline-effect-text strong{ font-size:15px; display:inline-block; }
.timeline-effect-left .timeline-effect-text{ text-align:right; }
.timeline-effect-right .timeline-effect-img{ float:right;}
.timeline-effect-right .timeline-effect-text{ float:left;}

.last_item .timeline-wrap{ border:none;}