@charset "utf-8";
/* CSS Document */

.fl { float: left; }
.fr { float: right; }
.mr0 { margin-right: 0 !important; }
.bd0 { border-width: 0 !important; }
.rps { display: block; max-width: 100%; }
.clearfix:after { content: ""; display: block; clear: both; }
.container { width: 1200px; margin: 0 auto; }
.container-h { width: 1200px; margin: 0 auto; overflow: hidden; }
.container-f { width: 100%; }
.container, .container-h, .container-f, .wrapper, .box { position: relative; padding: .1px 0; }
.index-case .list .es-arrow a, .about .culture ul li:before, .about .honour a, .about .news-list .es-grouped a, .list-img-text-l a .info:after, .list-img-text-l a .info em:before, .detail-page .jump .back:before, .contact li .top a:after { background-image: url(../images/icon.png); background-repeat: no-repeat; }
.searHeight{font-style:normal; color:#DA252C;}
/* 页面模块标题 */
.module-title { display: block; margin: 0 auto; padding: 50px 0; }
.module-title + .tab { margin-top: -50px; }
/* 顶部banner */
.banner-top { width: 100%; overflow: hidden; }
.banner-top img { position: relative; left: 50%; display: block; margin-left: -960px; }
/****************************** 关于我们 ******************************/
.about h2 { position: relative; width: 350px; line-height: 125px; margin: 0 auto; font-size: 18px; text-align: center; }
.about h2:before, .about h2:after { position: absolute; top: 62px; content: ""; width: 108px; border-bottom: 1px solid #808080; }
.about h2:before { left: 0; }
.about h2:after { right: 0; }
.about .intro { padding-bottom:30px; }
.about .intro .text { float: right; width: 710px; margin-bottom: 30px; }
.about .intro .text span { font-weight: bold; font-size: 16px; }
.about .intro .text p { line-height: 22px; margin-top: 14px; }
.about .culture { height: 650px; overflow: hidden; background: url(../images/bg-about-culture.jpg) no-repeat center top; }
.about .culture h2 { margin-top: 35px; }
.about .culture p { font-size: 14px; text-align: center; }
.about .culture ul { margin-top: 130px; overflow: hidden; }
.about .culture ul li { float: left; width: 180px; margin-right: 70px; text-align: center; }
.about .culture ul li:before { content: ""; display: inline-block; width: 100px; height: 100px; }
.about .culture ul li.item-1:before { background-position: 0 -50px; }
.about .culture ul li.item-2:before { background-position: -100px -50px; }
.about .culture ul li.item-3:before { background-position: -200px -50px; }
.about .culture ul li.item-4:before { background-position: -300px -50px; }
.about .culture ul li.item-5:before { background-position: -400px -50px; }
.about .culture ul li span { display: block; margin-top: 20px; font-weight: bold; font-size: 16px; letter-spacing: 1px; }
.about .culture ul li p { line-height: 22px; margin-top: 15px; font-size: 14px; }
.about .honour { height: 750px; overflow: hidden; background: #f8f8f8 url(../images/bg-about-honour.png) no-repeat center bottom; }
.about .honour h2 { margin-top: 25px; margin-bottom: 25px; }
.about .honour a.a { position: absolute; top: 144px; width: 25px; height: 42px; cursor: pointer; cursor: pointer; }
.about .honour a.prev { left: 0; background-position: -362px -4px; }
.about .honour a.next { right: 0; background-position: -412px -4px; }
.about .honour ul { height: 330px; margin: 0 300px; }
.about .honour ul li { min-width:170px; padding: 8px; background: #fff; border: 1px solid #ccc; border-radius: 5px; text-align:center; line-height:30px; }
.about .honour ul li img { display: block; max-width: 100%; height: 246px; margin-bottom:5px; }
.about .news-list { margin-bottom: 150px; }
.about .news-list .es-grouped { bottom: -60px; }
.about .news-list .es-grouped a { width: 8px; height: 8px; margin: 0 4px; background-position: -21px -21px; cursor: pointer; }
.about .news-list .es-grouped a.active { background-position: -73px -21px; }
/****************************** 反馈信息 ******************************/
.feedback { width: 720px; height: 1000px; }
.feedback ul li { position: relative; float: left; width: 345px; margin: 0 30px 26px 0; overflow: hidden; }
.feedback ul li.wide { width: 100%; margin-right: 0; }
.feedback ul li.border { padding-bottom: 16px; border-bottom: 1px solid #4c4c4c; }
.feedback ul li label { float: left; width: 40px; line-height: 18px; font-size: 14px; }
.feedback ul li input { float: left; width: 300px; height: 18px; line-height: 18px; border: none; font-size: 14px; }
.feedback ul li select { width: 100%; height: 50px; line-height: 50px; border: 1px solid #4c4c4c; font-size: 14px; color: #4c4c4c; }
.feedback ul li textarea { width: 100%; height: 140px; line-height: 24px; padding: 10px 8px; box-sizing: border-box; border: 1px solid #4c4c4c; font-size: 14px; }
.feedback .submit { position: relative; display: block; width: 205px; line-height: 50px; margin: 0 auto; background: #888; font-size: 14px; color: #fff; text-align: center; }
.feedback .submit:after { position: absolute; top: 3px; left: 3px; content: ""; width: 197px; height: 42px; border: 1px solid #a7a7a7; }
/***************CONTACT*****************/
.mapbox { position:relative; margin-top:20px; }
.mapbox .add { width:450px; height:370px; position:absolute; right:0px; top:0px; z-index:99; background-color:#fff; opacity:.8; font-size:16px; padding:30px 0 0 30px; line-height:3em; border-left:3px solid #ddd; }
/****************************** 新闻 ******************************/
.news { padding-bottom:50px; width:100%; }
.news ul li { display:block; width:100%; float:left; border-bottom: 2px solid #fff; height:52px; background-color:#f1f1f1; font-size:16px; padding-left: 30px; }
.news ul li i { float:left; background: url(../images/icon.png) no-repeat -21px 1px; width:20px; height:52px; }
.news ul li a { float:left; line-height:52px; }
.news ul li span { float:right; color:#999; line-height:52px; margin-right:20px; font-size:14px; }
/****************************** 详情页 ******************************/
.detail-page { width: 100%; margin: 0 auto; }
.detail-page h1 { line-height: 80px; font-weight: bold; font-size: 18px; color: #000; text-align: center; letter-spacing: 1px; border-bottom: 1px solid #e5e5e5; }
.detail-page img { display: block; max-width: 100%; }
.detail-page .jump { position: relative; margin: 30px 0; padding-top: 20px; border-top: 1px dotted #ccc; }
.detail-page .jump .back { position: absolute; top: 20px; right: 0; }
.detail-page .jump .back:before { content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background:url(../images/icon.png) no-repeat -469px -19px; }
.detail-page .xq { text-align: center; margin: 10px 0 20px }
.detail-page .xq b { font-weight: normal; font-size: 12px; font-family: "SimSun"; color: #CCC; margin: 0 13px; font-family: "Arial" }
.bout { padding: 20px 0; line-height: 25px; margin: 0 auto; }
.bout p { padding-bottom: 10px; }
.bout * { line-height: 25px; }
.bout td { border: 1px #DDDDDD solid; padding:0 5px; }
.marketing { padding: 0px 15px; text-align: left; line-height: 18px; color: #999; }
.marketing h2 { color: #DD0101; }
.marketing h5 { display: block; padding: 5px 0px; color: #555; font-family: Arial, Helvetica, sans-serif; }
/*
	产品
*/
.wrapper { width: 1200px; text-align: center; padding-bottom: 30px; margin: 0 auto; }
.wrapper a { display: inline-block; line-height: 30px; margin: 0 5px; background: #f3f3f3; cursor: pointer; padding: 0 30px; font-size: 14px; margin-bottom:15px; }
.wrapper a { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; z-index: 0; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.wrapper a:before { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); -webkit-transition: -webkit-transform 0.3; transition: transform 0.3s; }
.wrapper a:hover { color: #fff; }
.wrapper a:hover:before { background: #EF1A21; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
.wrapper a.active { background: #EF1A21; color: #FFF; }
/* 图文列表 */
.list-img-text li:nth-child(4n) { margin-right: 0;}
.list-img-text { width: 1200px; margin: 0 auto; }
.list-img-text li, .list-img-text li:before, .list-img-text li .bottom, .list-img-text li em, .list-img-text li span, .list-img-text li a { -webkit-transition: all .3s; transition: all .3s; }
.list-img-text, .list-img-text-l { overflow: hidden; }
.list-img-text li { position: relative; float: left; width: 283px; height: 272px; margin: 0 20px 50px 0; overflow: hidden; border: 1px solid #e6e6e6; }
.list-img-text li:before { position: absolute; top: 0; left: 0; content: ""; width: 283px; overflow: hidden; border: 1px solid transparent; }
.list-img-text li img { display: block; width: 100%; height: 190px; -webkit-transition: all 2s; transition: all 2s; -webkit-transform: scale(1.2); transform: scale(1.2); }
.list-img-text li:hover img { -webkit-transform: scale(1.7); transform: scale(1.7); }
.list-img-text li .bottom { position: relative; height: 82px; background: #ffffff; }
.list-img-text li em { display: block; width: 16px; margin: 0 auto; padding-top: 20px; border-bottom: 1px solid #EF1A21; }
.list-img-text li span { display: block; height: 20px; line-height: 20px; margin: 18px 20px 0; overflow: hidden; font-size: 14px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
.list-img-text li span em { display:inline; width:inherit; padding-top: 0px; border-bottom: 0px none; }
.list-img-text li:hover { border: 1px solid #EF1A21; }
.list-img-text li:hover:before { border-color: #EF1A21; }
.list-img-text li:hover .bottom { background: #EF1A21; }
.list-img-text li:hover em { border-color: #fff; color:#FFF; }
.list-img-text li:hover span { color: #fff; }
/* 详情页 */
.detail-page { width: 840px; margin: 0 auto; line-height: 25px; }
.detail-page h1 { line-height: 50px; font-weight: bold; font-size: 18px; color: #000; text-align: left; letter-spacing: 1px; border-bottom: 1px dotted #ccc; }
.detail-page img { max-width: 100%; }
.detail-page .jump { position: relative; margin: 30px 0; padding-top: 20px; border-top: 1px dotted #ccc; }
.detail-page .jump span { display: block; line-height: 28px; font-size: 14px; color: #333; }
.detail-page .jump span a { color: #666; }
.detail-page .jump span a:hover { color: #0078b8; }
.detail-page .jump .back { position: absolute; top: 20px; right: 0; }
.detail-page .jump .back:before { content: ""; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-image: url(../images/icon.png); background-repeat: no-repeat; background-position: -469px -19px; }
/* zoombox */
.zoombox { width:840px; margin:10px auto 30px auto; }
.zoompic { width:840px; text-align:center; padding:20px 0; }
.zoompic img { max-width:1000px; max-height:400px; }
.sliderbox { width:855px; height:86px; overflow:hidden; margin:6px auto 0; }
.sliderbox .arrow-btn { width:38px; height:86px; background:url(../images/arrow-btn1.png) no-repeat; cursor:pointer; }
.sliderbox #btn-left { float:left; background-position:0 10px; }
.sliderbox #btn-left.dasabled { background-position:0 -66px; }
.sliderbox #btn-right { float:right; background-position:-38px 10px; }
.sliderbox #btn-right.dasabled { background-position:-38px -66px; }
.sliderbox .slider { float:left; height:86px; width:770px; position:relative; overflow:hidden; display:inline; }
.sliderbox .slider ul { position:absolute; left:0; width:999em; }
.sliderbox .slider li { float:left; width:154px; height:86px; text-align:center; }
.sliderbox .slider li img { border:solid 2px #dfdfdf; width:127px; height:76px; padding:3px; }
.sliderbox .slider li.current img { border:solid 2px #C5040C; }
/*
	分页
*/
.pageshow { width:100%; padding-bottom:30px; text-align:center; }
.pagepn { display: inline-block; border: 1px solid #DDD; padding: 5px 10px; margin-top: 10px; background: #FFF; font-size: 14px; }
.pagepn:hover, .pagepn:active { border: 1px solid #DDD; background: #FFF; font-size: 14px; }
.thispage { display: inline-block; border: 1px solid #DDD; padding: 5px 10px; margin-left: -1px; background: #FFF; font-size: 14px; }