@charset "utf-8";
/*
Copyright ibw.cn
Created by Clearfix
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; }
ul, ol { list-style: none; }
a { text-decoration: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: top; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }
table { border-collapse: collapse; border-spacing: 0 }
.clear { display: block; height: 0; overflow: hidden; clear: both }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: none; }
a { blr:expression_r(this.onFocus=this.blur());}
a { outline: none; transition-duration: 0.3s, 0.3s; transition-property: background-color, color; transition-timing-function: ease, ease;}
table { border-collapse: collapse; border-spacing: 0; }
.hide { display: none; }
.invisible { visibility: hidden; }
.noBg { background: none !important; }
.noBd { border: none !important; }
.noMr{margin-right:0 !important; float:right !important;}
.i{text-align: justify; text-justify: inter-ideograph;}

/*Body*/
body { color: #444; }
a { color: #444; }
a:hover { color: #e5000e; }
.wrapper{position:relative;overflow:hidden;}
.wrap{width:1200px;margin:0 auto;background:#fff;}

.header{width:100%; background:#fff;}
.header .wrap{height:119px;}
.logo{float:left;margin-top:11px;}
.nav{float:left;margin-left:144px;}
.nav li{float:left;display:inline;font-size:16px;margin-right:30px;}
.nav li a{display:block;height:119px;line-height:119px;color:#000;}
.nav li a:hover,.nav li a.current{color: #e5000e;background:url(on.png) bottom 32px center no-repeat;}
.lan{float:right;font-size:20px;font-family:Arial;line-height:119px;}
.search{float:right;margin:48px 18px 0 0;}
.search form{width:139px;height:22px;background:url(search.png);}
.search .text{width:107px;height:22px;line-height:22px;float:left;}
.search .ibtn{width:23px;height:22px;float:right;cursor:pointer;}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}

.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }

.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; }
.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }
.m-nav li a { display:block; }
.m-nav li a:hover,.m-nav .current a { color:#e5000e; }
.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #e5000e; content:"" }

.mheader{padding:1% 2%;width:100%;box-sizing:border-box;z-index:10;background:#fff;display:none;}
.mlogo{width:100%;text-align:center;}
.mlogo img{max-height:60px;}
.ico{width:25px;height:25px;background:url(ico.png);background-size:contain;background-repeat:no-repeat;cursor:pointer;position:absolute;top:calc(23px + 1%);right:2%;}

.msearch { position: absolute; top:calc(23px + 1%); left:2%; width:25px; height:25px; overflow:hidden; }
.search-o { position: absolute; top:0; left: 0; width:25px; height:25px;  background:url(msearch.png) no-repeat center; background-size:contain; cursor:pointer; }
.search-x { position: absolute; top:0; left: -50px; width:25px; height:25px; background:url(search_btn_x.png) no-repeat center; background-size:contain; opacity:1;}

.form-search{ position: absolute; top:-140px; left: 0; width:90%; padding:3% 5%; border-top:1px solid #ddd; box-shadow:0 0 10px #bbb; background:#fff; z-index:20; opacity:0; transition:all .2s ease-out;}
.form-search input{ border:1px solid #eee;}
.form-search input[type="text"] { width:70%; height:38px; float:left; padding:0 5%; border-right:0px; }
.form-search input[type="submit"]{ width:19%; height:40px; float:left; border:0; background:#e5000e; color:#fff;}


@media all and (max-width:1200px){
	.wrapper{background:#fff; margin:0 auto; overflow:hidden; position:relative; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); padding-bottom:0.9rem;}
	.header{display:none;}
	.mheader{display:block;}
}


.container{background:url(product.jpg) top center repeat-y;padding:34px 0;background-attachment: fixed !important;}

@media all and (max-width:1200px){
	.container{background:none;padding:5% 0 0;}
}

.footer { position:relative; /*background:url(p6.jpg) center no-repeat;*/background-size:cover !important;background:#2e2e2e;}
.footer .con{/*padding:50px 0;*/width:1200px;margin:0 auto;color:#aaa;padding:30px 0;}
.footer .con a{color:#aaa;}
.footer .con a:hover{color:#e5000e;}
.footer .con-z{float:left;}
.footer .con-z .fttxt{font-size:14px;margin-top:72px;}
.footer .con-z .fttxt em{display:block;font-family:Arial;}
.footer .con-y{float:right;width:818px;}
.footer .con-y h2{font-size:18px;font-weight:normal;}
.footer .con-y .add{padding:6px 0 16px;}
.footer .con-y .add p{float:left;font-size:16px;}
.footer .con-y .add p:nth-child(2){margin-left:100px;}
.footer .con-y .add p:last-child{float:right;}
.footer .con-y .ftnav{border-top:2px solid #aaa;border-bottom:2px solid #aaa;padding:40px 0;}
.footer .con-y .ftnav dl{float:left;display:inline;margin-right:78px;}
.footer .con-y .ftnav dt{font-size:18px;font-family:Arial;text-transform:uppercase;padding-bottom:20px;}
.footer .con-y .ftnav dd{padding-bottom:4px;}
.footer .con-y .ftnav dd a{font-size:14px;}
.footer .con-y .copyright{padding-top:14px;font-size:12px;}

.backTop{display:block;width:57px;position:absolute;bottom:50px;right:50px;background:url(top.png) top center no-repeat;font-size:14px;color:#aaa;padding-top:50px;display:none;}

.bg6{padding:5% 2%;box-sizing:border-box;background:url(bg6.jpg);color:#fff;text-align:center;font-size:14px;display:none;}
.bg6 a{color:#fff;}
.bg6 .pic{margin-bottom:4%;}
.bg6 .pic img{width:70px;margin-bottom:4px;}
.bg6 .mnav{padding:4% 0;line-height:26px;}


@media all and (max-width:1200px){
	.footer{display:none;}
	.bg6{display:block;}
}


/* 二级、三级菜单 */
.menu{padding-top:30px;}
.menu dl { zoom:1; padding-bottom:30px; border-bottom:1px solid #ddd; text-align:center; }
.menu dl:after{content:'\20';display:block;height:0;clear:both}
.menu dl dt { display:inline-block; *display:inline; zoom:1; margin:0 4px; vertical-align:top; }
.menu dl dt a { display:inline-block; padding:10px 20px; border-bottom:1px solid #cfcfcf; background:#eee; color:#666; font-size:14px; }
.menu dl dt a:hover,.menu dl dt .current { border-bottom:1px solid #e5000e; background:#e5000e; color:#fff; text-decoration:none; }

/* 内容模式 */
.article { padding:30px 25px; line-height:1.8; font-size:14px; word-wrap:break-word; text-align:justify; }
.article .hd { padding:0 0 0.2rem; text-align:center; }
.article .hd h1 { color:#444; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:13px; }
.article .bd { text-align:justify; padding-bottom:4%; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

@media all and (max-width:1200px){
	.wrap{width:100%;box-sizing:border-box;}
	.menu{padding-top:0;}
	.menu dl{padding-bottom:4%;}
	.menu dl dt a { padding:6px 20px; }
	.article{padding:4% 2% 5%; }
}

/* 新闻列表 */
.list { padding:30px 25px; }
.list li { padding:10px 0; border-bottom:1px dashed #e0e0e0; font-size:14px; background:url(ico11.png) no-repeat left center; }
.list li a { float:left; padding-left:12px; }
.list li span { float:right; color:#999; }

@media all and (max-width:1200px){
	.list { padding:4% 2% 5%; }
	.list li{ background:url(ico11.png) no-repeat left top 18px; }
	.list li a{display:block;float:none;}
	.list li span{float:none;display:block;padding:5px 0 0 12px;}
}

/* 图文新闻 */
.pothoItem { margin:30px 25px 30px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; margin-right:20px; }
.pothoItem .item .pic img { width:200px; height:150px; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d {font-size:14px;font-family:Arial;padding-top:4px;}
.pothoItem .item dl .m a{display:block; width:120px; height:30px; line-height:30px; background:#ddd; text-align:center;}
.pothoItem .item dl .m a:hover{background:#f23030;color:#fff;}
.pothoItem .item dl .i { padding:4px 0 14px; color:#999; font-size:14px; line-height:23px; }

@media all and (max-width:1200px){
	.pothoItem{margin:4% 2% 5%; }
	.pothoItem .item { margin-bottom:4%; padding:0 0 4%; }
	.pothoItem .item .pic{float:none;margin-right:0; }
	.pothoItem .item .pic a{width:100%;height:100%;}
	.pothoItem .item .pic img{width:100%;height:auto;}
	.pothoItem .item dl dt { line-height:22px; font-size:15px; padding-top:3%; text-align:justify;}
	.pothoItem .item dl .i{padding-bottom:3%;line-height:20px;font-size:12px;}
	.pothoItem .item dl .m a{width:100%; background:#ddd; font-size:14px; }
}

/* 图片列表 */
.piList { padding:30px 25px 20px; overflow:hidden; }
.piList .pic-item { position:relative; width:276px; margin:0 15px 20px 0; float:left; display:inline;}
.piList .pic-item:nth-child(4n){float:right;margin-right:0;}
.piList .list-pic img { width:276px; height:165px; }
.piList dl { padding-top:8px; }
.piList dl dt { font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; }

@media all and (max-width:1200px){
	.piList { padding:5% 2% 2%; overflow:hidden; }
	.piList .pic-item{width:49%;margin:0 0 3% 0;}
	.piList .pic-item img{width:100%;height:auto;}
	.piList .pic-item:nth-child(2n){float:right;}
	.piList dl { padding-top:2.5%; overflow:hidden;}
	.piList dl dt {font-size:13px}
}

/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 3px; padding:3px 10px; background:#dedede; color:#333; vertical-align:top; font-size:13px;}
.page a:hover,.page .current { background:#e5000e; color:#fff; }


@media all and (max-width:1200px){
	.apply-3 .tit{height:36px;line-height:36px;}
	.apply-3 .tit h2{font-size:14px;}
	.apply-3 .tit h2:nth-child(1){padding-left:2%;width:40%;}
	.apply-3 .tit h2:nth-child(2){width:30%;}
	.apply-3 .tit h2:nth-child(3){width:30%;}

	.apply-3 ul{margin-bottom:6%;}
	.apply-3 li{height:36px;line-height:36px;font-size:12px;border-bottom:1px solid #a0a0a0;}
	.apply-3 li:last-child{border-bottom:1px solid #a0a0a0;}
	.apply-3 li p:nth-child(1){padding-left:2%;width:40%;}
	.apply-3 li p:nth-child(2){width:30%;}
	.apply-3 li p:nth-child(3){width:30%;}
	
	.page { padding:0 0 5%; }
	.page a { font-size:12px; }
}

.dl{font-size:14px;line-height:24px;padding-left:35px;background:url(dl.png) no-repeat left center;position: absolute;top:3px;right:0;}
.dl a{margin-right:5px;}
.header .wrap{position: relative;}