.page_wrap { background-color: #fff }
section { padding: 20px 10px; overflow: hidden; zoom: 1; background-color: #fff }

a.return { position: absolute; top: 0; left: 6px; display: block; height: 56px; line-height: 56px; z-index: 2; font-size: 22px; color: #d6050a }
a.return:hover { color: #f90 }

/* title */
.tit { width: 100%; padding-top: 20px; text-align: center }
.tit h2 { display: block; padding: 0 10px 0 10px; font-size: 18px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s ease-out 0s }
.tit p { display: block; margin-top: 5px; font-size: 12px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

/* category */
.category { min-height: 40px; padding-bottom: 20px; position: relative; background-color: #fff }
.category .transform { transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99) }
.category .label { height: 40px; padding: 0 20px; line-height: 40px; color: #fff; font-size: 16px; background: #d6050a }
.category .label i { float: right; font-size: 16px }
.category ul { overflow-y: auto; position: absolute; width: 100%; height: 0; z-index: 3 }
.category ul li { width: 100%; height: 40px; border-bottom: #2F2E35 1px solid }
.category ul li a { line-height: 40px; height: 40px; padding: 0 50px; color: #bbb; display: block; background: rgba(17, 17, 17, 0.9); font-size: 14px }
.category ul li a.on { color: #fff; background: #ab0206 }
.category .open i { -webkit-transform: rotate(180deg); transform: rotate(180deg) }

/* news */
.list { background-color: #fff }
.list ul { padding: 0 10px; overflow: hidden; clear: both }
.list ul.news li { height: 96px; margin-top: 15px; padding: 10px; background: #f0f0f0 }
.list ul.news li a { display: block; width: 100% height:96px }
.list ul.news li:nth-child(1) { margin-top: 0 }
.list ul.news li.last { border-top: none }
.list ul.news li a img { float: left; display: block; width: 160px; height: 96px; margin-right: 10px }
.list ul.news li h3 { height: 26px; font-size: 14px; color: #333; line-height: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.list ul.news li p { height: 44px; font: 12px/22px 'SimSun'; color: #999; text-indent: 2em; display: -webkit-box; -webkit-box-orient; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.list ul.news li .tips { height: 16px; margin-top: 10px; font: 12px/16px Arial; color: #666 }
.list ul.news li .tips span { display: block; height: 16px }
.list ul.news li .tips > span { margin-right: 10px }
.list ul.news li .tips i { margin-right: 5px; vertical-align: middle }
.list ul.news li .tips i.icon-view { font-size: 10px }
.list ul.news li .tips i.icon-time { font-size: 13px }

.list ul.pro li { float: left; width: 48.5%; margin-bottom: 15px }
.list ul.pro li:nth-child(2n) { margin-left: 3% }
.list ul.pro li a { display: block; overflow: hidden }
.list ul.pro li a img { display: block; width: 100% }
.list ul.pro li a h3 { display: block; height: 24px; padding-top: 10px; line-height: 21px; font-size: 14px; color: #333; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.list ul.pro li a p { color: #999; text-align: left; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.title { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; font-size: 12px; text-align: left; border-bottom: 1px dashed #ddd }
.title h1 { font: 20px/26px 'Microsoft YaHei', Arial; color: #000 }
.title img { float: left; width: 120px; margin-right: 12px }
.title p { margin-top: 10px; overflow: hidden }
.title p i { margin-right: 5px; vertical-align: middle }
.title p .icon-view { font-size: 10px }
.title p .icon-time { font-size: 13px }

.info { width: 100%; margin-bottom: 5px; text-align: left; overflow: hidden; font: 16px/24px 'Microsoft YaHei' }
.info img { max-width: 100% !important; height: auto !important }

.fanye { height: 25px; margin-top: 15px }
.fanye a { display: block; width: 80px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; color: #333; background-color: #ddd }
.fanye a.you { background-color: #d6050a; color: #fff }

.related { margin-top: 20px; overflow: hidden; zoom: 1 }
.related h3 { position: relative; font-size: 16px; margin-bottom: 10px; overflow: hidden; line-height: 32px; padding-left: 2%; color: #d6050a; border-left: 5px solid #d6050a; background: #f6f6f6 }

@-webkit-keyframes scale {
	0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1 }
	45% {-webkit-transform: scale(0.1);transform: scale(0.1);opacity: 0.7 }
	80% {-webkit-transform: scale(1);transform: scale(1);opacity: 1 }
}

@keyframes scale {
	0% {-webkit-transform: scale(1);transform: scale(1);opacity: 1 }
	45% {-webkit-transform: scale(0.1);transform: scale(0.1);opacity: 0.7 }
	80% {-webkit-transform: scale(1);transform: scale(1);opacity: 1 }
}

.more { position: absolute; top: 15px; right: 10px }
.more i { display: block; float: left; width: 5px; height: 5px; margin-left: 2px; border-radius: 50%; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.more i:nth-child(1) { background-color: #317ee7; -webkit-animation: scale 0.75s 1.18s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s 0.18s infinite cubic-bezier(.2, .68, .18, 1.08) }
.more i:nth-child(2) { background-color: #f39800; -webkit-animation: scale 0.75s 1.30s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s 0.30s infinite cubic-bezier(.2, .68, .18, 1.08) }
.more i:nth-child(3) { background-color: #ff6e3f; -webkit-animation: scale 0.75s 1.42s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s 0.42s infinite cubic-bezier(.2, .68, .18, 1.08) }
.more i:nth-child(4) { background-color: #1abc9c; -webkit-animation: scale 0.75s 1.54s infinite cubic-bezier(.2, .68, .18, 1.08); animation: scale 0.75s 0.54s infinite cubic-bezier(.2, .68, .18, 1.08) }

.gslist { width: 100%; overflow: hidden }
.gslist li { height: 35px; margin-top: 8px; padding-left: 5%; background: url(../images/newsjt.png) no-repeat left center; border-bottom: 1px dashed #e7e7e7; line-height: 32px; font-size: 12px }
.gslist li:hover { background-image: url(../images/newsjt_on.png) }
.gslist li:nth-child(1) { margin-top: 0 }
.gslist li span { float: right }
.gslist li a { display: inline-block; width: 80%; height: 32px; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }
.gslist li a:hover { color: #d6050a }

.relpro { width: 100%; overflow: hidden }
.relpro li { float: left; width: 48.5%; text-align: center }
.relpro li:nth-child(2n) { margin-left: 3% }
.relpro li img { display: block; width: 100% }
.relpro li h4 { display: block; width: 100%; height: 30px; line-height: 35px; text-align: center; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }

/* download */
.download { overflow: hidden; }
.download li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; margin-bottom: 20px; }
.download li em { float: left; width: 50px; height: 50px; color: #fff; background: #d6050a; text-align: center; }
.download li em i { line-height: 50px; }
.download li span { -webkit-box-flex: 1; -webkit-flex-grow: 1; flex-grow: 1; display: block; height: 48px; font-size: 14px; color: #666; line-height: 48px; padding-left: 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #f2f2f2; overflow: hidden }
.download li a { display: block; height: 48px; padding: 0 10px; font-size: 14px; color: #333; line-height: 48px; border: 1px solid #e6e6e6; }
.download li a i { padding-right: 10px }
.download li a:hover { color: #d6050a }

/* pro */
.goods { position: relative; overflow: hidden; margin: 0px auto }
.goods .pageState { position: absolute; bottom: 10px; right: 10px; z-index: 1; width: 40px; font: 12px/40px Arial; height: 40px; background: rgba(0, 0, 0, .3); color: #fff; text-align: center; border-radius: 50% }
.goods .pageState span { font-size: 18px }
.goods .bd { position: relative; z-index: 0 }
.goods .bd li { position: relative; text-align: center }
.goods .bd li img { background: url(../images/loading.gif) center center no-repeat; vertical-align: top; width: 100% }
.goods .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) }

.gall { width: 100% }
.gall h1 { font: 20px/30px 'Microsoft YaHei', Arial; color: #000 }
.gall ul { padding: 10px 0 15px }
.gall ul li { line-height: 30px }
.gall ul li.xian { border-bottom: 1px dashed #ccc; margin: 1.0rem 0 }
.gall ul li span { font-size: 14px; color: #d6050a }

.msg{width: 100%}

.gall .btn { position: relative; display: block; float: left; height: 40px; text-align: center; line-height: 40px; font-size: 13px; color: #fff; border-radius: 20px; box-sizing: border-box }
.gall a.btn:hover { text-decoration: underline }
.gall .btn01 { width: 45%; padding-right: 5%; background: #ff9900 url(../images/zixun.gif) no-repeat; background-position: 85% top; z-index: 10 }
.gall .btn02 { width: 65%; padding-left: 5%; margin-left: -10%; background-color: #d6050a }

.proinfo { margin-top: 10px }
.proinfo .hd { height: 40px; margin-bottom: 15px; line-height: 40px; border-bottom: 1px solid #e7e7e7 }
.proinfo .hd h3 { float: left; padding: 0 15px; font-size: 16px; border-bottom: 1px solid #d6050a; color: #d6050a }
.proinfo .bd { width: 100%; line-height: 32px; overflow: hidden }
.proinfo .bd img { max-width: 100%; vertical-align: top }
.proinfo .bd a { color: #f90 }
.proinfo .bd a:hover { color: #d6050a; text-decoration: underline }
.proinfo .bd strong, .content .info th { font-weight: bold }

/* page */
.page-wrapper { height: 34px; padding: 20px 0; text-align: center; clear: both }
.page { display: inline-block; *display: inline; *zoom: 1; font-size: 12px }
.page li { float: left; margin-right: 8px; line-height: 1em; text-decoration: none; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) }
.page li a { display: block; padding: .7em .8em; border: 1px solid #ddd; background: #f9f9f9 }
.page li a:hover { text-decoration: none; background: #d6050a; border-color: #d6050a; color: #fff }
.page li.thisclass a { background-color: #d6050a; border-color: #d6050a; color: #fff }
.page li.wu a { background-color: #fff; border-color: #ddd; color: #999 }
.page li.wu a:hover { background-color: #fff; color: #999 }
.page li:first-child a { border-radius: 3px 0 0 3px }
.page li:last-child { margin-right: 0 }
.page li:last-child a { border-radius: 0 3px 3px 0 }
.page .pageinfo { display: block; padding: .7em .8em; border: 1px solid #ddd; background: #fff }

/* about */
.about { padding: 20px 10px; line-height: 32px; overflow: hidden }
.about img { max-width: 100% !important; height: auto !important }

/* contact */
.message { padding: 20px 10px }
.message .subtitle { color: #656565; font-weight: normal; font-size: 15px; line-height: 30px }

#contact-form { width: 100%; margin-top: 10px }
#contact-form label { color: #656565; font-size: 13px; display: block; margin-bottom: 10px; font-weight: normal }
#contact-form input[type="text"] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px; background-color: #f7f9fc; border: solid 1px #d3d3d3; color: #656565; font-size: 14px; width: 100%; text-indent: 15px; padding: 10px 0; margin-bottom: 15px }
#contact-form textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px; background-color: #f7f9fc; border: solid 1px #d3d3d3; color: #656565; font-size: 14px; width: 100%; text-indent: 15px; padding: 10px 0; margin-bottom: 20px; height: 80px }
#contact-form input[type="submit"] { font-size: 12px; color: #fff; font-weight: 400; text-transform: uppercase; display: block; text-align: center; padding: 10px 0; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #d6050a; border: 0 }
#contact-form input[type="submit"]:hover { background: #F90; color: #fff }

.map { width: 100%; margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden }

/* Validform */
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999') }
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1 }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #d6050a }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none }
#Validform_msg a.Validform_close:hover { color: #cc0 }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #d6050a; border-top: none; text-align: left }

.key { font-weight: bold; color: rgb(255, 0, 0) }

/* media */
@media screen and (max-width:320px) {
	.list ul.news li a img { width: 138px; height: 96px }
}