@charset "gb2312";
@font-face { font-family: twcenmt; src: url(../font/twcenmt.ttf); }
* { margin: 0; padding: 0; font-family: "黑体"; }
body { padding: 0; margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; background-color: #fff; }
ul, ol { margin: 0; padding: 0; }
a { color: #333; }
.clearfix:after { content: "."; display: block; visibility: hidden; height: 0; clear: both; }
.clearfix { zoom: 1; }
ul, li { list-style: none; }
dl { margin-bottom: 0; }
a { text-decoration: none; }
img { width: auto; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
.row-fluid { width: 100%; }
.row-fluid:before, .row-fluid:after { display: table; line-height: 0; content: ""; }
.row-fluid:after { clear: both; }
.row-fluid [class*="span"]:first-child { margin-left: 0; }
.row-fluid [class*="span"] { display: block; float: left; width: 100%; min-height: 30px; margin-left: 2.127659574468085%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-fluid .span4 { width: 31.914893617021278%; }
.row-fluid .span6 { width: 48.93617021276595%; }
.body { padding: 0 20px; }
.top { padding-bottom: 3px; padding-top: 20px; }
.logo { display: inline-block; width: 52px; height: 45px; background-image: url(../images/logo1.gif); background-size: contain; background-repeat: no-repeat; }
.top-info { font-size: 16px; float: right; width: 127px; text-align: right; font-family: "twcenmt"; border-right: 4px solid #838281; padding-right: 5px; line-height: 20px; }
.top-info img { width: 100%; }
.top-info span { color: #da251d; font-size: 18px; }
h1 { font-family: "黑体"; font-size: 13px; color: #da251d; font-weight: bold; height: 32px; line-height: 44px; margin: 0; border-top: 1px solid #b3b2b2; }
.intro-en { font-family: "twcenmt"; font-size: 12px; padding-bottom: 10px; line-height: 16px; color: #999; }
.intro-en span { color: #da251d; }
.section-header { border-top: 1px solid #b3b2b2; border-bottom: 1px solid #b3b2b2; }
.section-header li.span3 { width: 25%; margin-left: 0; }
.section-header li a, .section-header li span { display: block; line-height: 18px; color: #333; border-left: 2px solid #da251d; border-right: 2px solid #da251d; text-align: center; margin: 6px 0; font-size: 14px; font-family: "黑体"; font-weight: bold; }
.section-header li a.red, .section-header li span.red { color: #da251d; }
.section-header li:first-child a, .section-header li:first-child span { border-left: 4px solid #da251d; }
.section-header li:last-child a, .section-header li:last-child span { border-right: 4px solid #da251d; }
.section-header li.span12 a, .section-header li.span12 span { text-align: left; padding-left: 6px; }
.section-header li.span12 span { color: #333; }
.section-header li.span12 span.red { color: #da251d; }
.section-header li.span12 span.blue { color: #0071b6; }
.section-header li.article-tt strong { display:inline-block; padding-bottom:10px; font-size:16px;}
.section-header li.article-tt a { display:inline-block; border:none; margin:0; padding-top:5px;}
.case-body img { margin:0 auto; display:block;}
.service-list .span4, .case-list .span6 { margin-top: 2.127659574468085%; text-align:center; }
.service-list .span4:last-child, .case-list .span6:last-child { margin-bottom: 2.127659574468085%; }
.service-list .span4 a, .case-list .span6 a { display: block; text-align: center; }
.case-list dd a span:before { display: inline-block; width: 4px; height: 4px; background-color: #c2c1c1; border: 2px solid #da251d; margin-right: 7px; content: " "; }

.row-fluid [class*="span4"]:nth-child(3n+1) { margin-left: 0; }
.row-fluid [class*="span6"]:nth-child(2n+1) { margin-left: 0; }
.arc-list { padding: 5px 10px; }
.arc-list dd { line-height: 24px; }
.arc-list dd:before { display: inline-block; width: 4px; height: 4px; background-color: #c2c1c1; border: 2px solid #da251d; margin-right: 3px; content: " "; }
.arc-list dd a { font-size: 13px; }
.bottom { text-align: center; padding: 20px 0 10px 0; font-size: 13px; border-bottom: 1px solid #b3b2b2; }
.bottom img { width: 100%; }
.bottom span { color: #da251d; }
.copyright { font-size: 12px; padding: 10px; color: #999; }
.copyright strong { color: #000; }
.footer { background-color: #1f1a17; padding: 10px; }
.footer img { width: 100%; }
article { padding: 6px 0; }
article img { margin-bottom: 0; }
.relative { position: relative; }
.industry { right: 6px; top: 0; height: 100%; position: absolute; text-align: right; padding: 0 5px; background-color: #dededd; border: 1px solid #c2c1c1; cursor: pointer; }
.cover { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 100; display: none; }
.industry-win { position: fixed; width: 100%; background: #fff; z-index: 200; display: none; }
.industry-win .section { padding: 20px; }
.hangye dd { float: left; padding-right:7px; }
.row-fluid .contact-tt { min-height: inherit; }
.section-header li.contact-tt span { font-weight: normal; font-family: "twcenmt", "黑体"; color:#999;}
.section-header li.contact-tt span strong { color:#333;}
.contact-list { padding: 0 20px 0 20px; }
.contact-list li { padding: 5px 0; }
.address { font-size: 16px; }
.hot-line { font-weight: bold; }
.other { font-family: "twcenmt", "黑体"; }
.other span, .other span a { color: #da251d; }
.bigimg { padding: 6px 0; }
.bigimg img { width: 100%; }
.bb0 { border-bottom: 0; }
article span.red { color: #da251d; }
.youshi article { padding:5px 10px; }
.arc-pager { padding:0 21px 10px 21px; text-align:center;}
.arc-pager li { display:inline-block;}
.arc-pager li.thisclass { display:inline-block; padding: 0 5px; height:20px; line-height:20px; border-bottom:2px solid #da251d;}
.arc-pager li a { display:inline-block; height:20px; line-height:20px; padding: 0 5px;}

.swipe li { text-align:center;}
.swipe li img { width:100%; max-width:950px;}
#pagenavi { text-align:center; width:100%;}
.a-box { text-align:center; padding:7px 0; font-size:0; line-height:0;}
.a-box a { display:inline-block; width:16px; height:16px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background:#ccc; margin-right:3px; margin-bottom:3px;}
.a-box a.active { background:#da251d;}
.txt-box { height:24px; line-height:24px; font-size:18px; color:#fff; position:absolute; left:0; top:50%; margin-top:-12px; padding-left:5px; text-align:left;}

.case-list .span6 a { line-height:0;}
.case-list .span6 a i { display:block; width:100%; height:30vw; margin-bottom:10px; background-size:cover; background-position:top center; background-repeat:no-repeat;}
.case-list .span6 a span { line-height:1.5;}

@media only screen and (max-width: 639px) {
	.txt-box { font-size:12px;}
}

@media (min-width: 640px) {
	.logo { width: 105px; height: 91px; }
	.top-info { width: 257px; font-size: 20px; line-height: 24px; }
	.top-info span { font-size: 24px; }
	h1 { font-size: 28px; height: 56px; line-height: 56px; }
	.intro-en { font-size: 20px; line-height: 28px; }
	.section-header li.span3, .section-header li.span12 { min-height: 40px; }
	.section-header li.contact-tt { min-height: inherit; }
	.section-header li a, .section-header li span { font-size: 16px; line-height: 24px; margin-top: 8px; }
	.arc-list dd { line-height: 30px; }
	.arc-list dd a { font-size: 14px; }
	.bottom { font-size: 28px; }
	.copyright { font-size: 16px; }
}