@charset "utf-8";
/* CSS Document */
html{font-size:20px;}
/*@media screen and (max-width: 992px) {
	html{font-size:26px;}
}
@media screen and (max-width: 768px) {
	html{font-size:36px;}
}*/
body{font-size:.8rem;/*0.8 × 20px = 16px*/color:#333; font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif;}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%;}
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;/*color:inherit;*/text-decoration:none;color:#000;}
a:hover,
a:focus{text-decoration:none; color:#0E3F88; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
/*textarea,input{-webkit-appearance:none;}*/
select,input,textarea,button{font-family:inherit; font-size:inherit;}
.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;}
.tbl-cell{display:table-cell;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.valign *{ display:inline-block;vertical-align:middle; }
.ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }

.form-control{ display: inline-block; width: 100%; padding: 8px 10px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; }
select.form-control{ width:auto; /*-webkit-appearance: none;*/ }


.btn { display: inline-block; padding: 10px 15px; border: 1px solid transparent;
    -webkit-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -o-transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    transition: border .2s linear,color .2s linear,width .2s linear,background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased;
	
	text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
}
.btn-default { color: #ffffff; background-color: #0d9847; }

body{ background-color: #ffffff; }
.wrap{ width:1200px; margin:auto; padding:0; }

.header{ display: block; background-color: #fff; width: 100%; position: relative; zoom: 1; z-index: 110; }
.header .bgi{ display: block; width: 100%; height: 50px; position: absolute; left: 0; top: 110px; background-color: #b41414; z-index: 198; display: none; }
.header .logo{ float: left; width: auto; margin: 15px 0 15px 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.header .logo img{ display: block; float: left; }
.header .logo span{ display: block; float: left; font-size: 1rem; line-height: 80px; }

.header .nav{ width: auto; float: right;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.header .nav ul li{ float: left; width:100px; display:block; height: 110px; line-height: 110px; position: relative; text-align: center; margin-right:1px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.header .nav ul li:last-child{ margin-right: 0}
.header .nav ul li .tit{ font-size: .8rem; color: #333; display: block; width: 100%; height: 100%; overflow: hidden; position: relative;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.header .nav ul li .tit span{ display: block; background: #fff;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.header .nav ul li .tit::before{ position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; background: #b41414; color: #fff; content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateX(-101%);
	transform: translateX(-101%);
	box-sizing:border-box;
}
.header .nav ul li:hover .tit span,
.header .nav ul li:focus .tit span,
.header .nav ul li.on .tit span{
	-webkit-transform: translateX(101%);
	-moz-transform: translateX(101%);
	transform: translateX(101%);
}

.header .nav ul li:hover .tit::before,
.header .nav ul li:focus .tit::before,
.header .nav ul li.on .tit::before{
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	transform: translateX(0%);
}
.header .nav ul li .child{ display: none; position: absolute; top: 109px; left: 0; height: 50px; width: 360px; text-align: left; line-height: 50px; z-index: 199; padding-left:10px; }
.header .nav ul li:nth-of-type(n+4) .child{ text-align: right; left: auto; right: 0; }
.header .nav ul li .child a{ color: #fff; display: inline-block;/* float: left;*/ width: auto; margin-right: 15px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.header .nav ul li .child a:hover{ color: rgba(255,255,255,0.7); }

.smart-nav{ display: none; }
.menu-button { display: none; }

.section{ padding:50px 0; }
.graybg{ background-color:#f6f6f6; }

.title-s1{ text-align:center; padding:5px 0; margin-bottom:30px; }
.title-s1 h2{ font-size:1.5rem; display:block; position:relative; padding-bottom:15px; margin-bottom:15px; font-weight: 700; }
.title-s1 h2 em{ color: #dd030d; }
.title-s1 h2:after{ content:' '; display:block; font-size:1.5rem; width: 5em; border-bottom:#989898 1px solid; position:absolute; bottom:0; left:50%; margin-left:-2.5em; z-index: 8; }
.title-s1 h2 i{ display:block; font-size:1.5rem; width: 1.5em; border-bottom:#dd030d 3px solid; position:absolute; bottom:-1px; left:50%; margin-left:-0.525em; z-index: 9; }
.title-s1 span{ color: #333333; font-family:Arial, Helvetica, sans-serif; font-size:.6rem; text-transform: uppercase; }

.n-product .n-list,
.ind-product .lists{ overflow:hidden; }
.n-product .n-list ul,
.ind-product .lists ul{ margin-left:-15px; }
.n-product .n-list ul li,
.ind-product .lists ul li{ width:20%; float:left; padding-left:30px; margin-bottom:20px; }
.n-product .n-list ul li .img-box,
.ind-product .lists ul li .img-box{ display:block; border:1px solid #e6e7e7; background-color: #ffffff; position: relative; overflow: hidden; text-align:center; font-size:0; }
.n-product .n-list ul li em,
.ind-product .lists ul li em{ display: block; text-align: center; line-height: 46px; height: 46px; }
.n-product .n-list img,
.ind-product .lists img{ display:inline-block;
	-webkit-transform: rotate(0deg) scale(1) translate(0px, 0px);
    -ms-transform: rotate(0deg) scale(1) translate(0px, 0px);
    transform: rotate(0deg) scale(1) translate(0px, 0px);
    transition: all 0.5s ease;
}
.n-product .n-list ul li .img-box div,
.ind-product .lists ul li .img-box div{ content:' '; display:block; background-color:rgba(0,0,0,.5); position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; color:#ffffff; transition:1s ease; opacity:0; }
.n-product .n-list ul li .img-box span,
.ind-product .lists ul li .img-box span{ display: block; width: auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; }
.n-product .n-list ul li .img-box span i,
.ind-product .lists ul li .img-box span i{ display:inline-block; text-align:center; border-top:1px solid #ffffff; padding-top:10px; margin-top: 10px; }
.n-product .n-list ul li a:hover .img-box div,
.ind-product .lists ul li a:hover .img-box div{ opacity:1; }
.n-product .n-list ul li a:hover em,
.ind-product .lists ul li a:hover em{ background-color:#dd030d; color:#ffffff; }
.n-product .n-list ul li a:hover img,
.ind-product .lists ul li a:hover img{ -webkit-transform:  rotate(0deg) scale(1.15) translate(0px, 0px);-ms-transform:  rotate(0deg) scale(1.15) translate(0px, 0px);transform:  rotate(0deg) scale(1.15) translate(0px, 0px); transition:  all 0.5s ease; }

.ind-about .content{ text-align:center; line-height:2; margin-bottom:50px; }
.about-data{ background-color: #52556f; padding: 40px 0; }
.about-data .item{ width:33.33%; float: left; padding: 30px; border-left: #9b9cab 2px solid; color: #ffffff; line-height: 1.75; }
.about-data .item:first-child{ border-left: none; }
.about-data-num{ font-size: 2.6rem; }
.about-data-unit{ font-size: 1.1rem; }
.about-data .item .fl{ float: none;}
.about-data-info{ float: none; margin-left: 0; }
.about-data-info p{ color: #cdcdcd; padding-top: 15px; }
.about-data-info em{ font-size: 1.3rem; padding-bottom: 15px; position: relative; }
.about-data-info em:after{ content:' '; display: block; position: absolute; left: 0; bottom: 0; font-size: 1.3rem; width: 1.5em; border-bottom: 3px solid #cdcdcd; }

.ind-advantage .lists ul{ margin-left:-30px; }
.ind-advantage .lists ul li{ width:25%; float: left; padding-left: 30px; }
.ind-advantage .lists ul li h3{ color: #ffffff; text-align: center; font-size: 1.3rem; background-color: #52556f; padding: 30px 20px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.ind-advantage .lists ul li h3 span{ font-size:.7rem; display: block; margin-top: 10px; color:#d4d4d4; }
.ind-advantage .lists ul li a:hover h3{ background-color: #dd030d; }
.ind-advantage .lists ul li .notes{ padding: 30px 20px; background-color: #858585; text-align: center; color: #ffffff; height: 230px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.ind-advantage .lists ul li .notes i{ font-size: 3.5rem; }
.ind-advantage .lists ul li .notes p{ font-size:.7rem; line-height: 1.75; padding-top: 10px; }
.ind-advantage .lists ul li a:hover .notes{ background-color: #333333; }


.footer .foot-box{ border-top:2px solid #ccc; padding: 30px 0; margin-top: 40px; font-size: .7rem; }
.foot-box .bot-logo{ display: block; height:65px; }
.foot-box .copyright{ line-height: 1.5; color: #999; }
.foot-box .copyright a{ color: #999; }
.bot-contact{ float:right; line-height: 1.5; position: relative; padding-right: 100px; }
.bot-contact em{ font-size: .8rem; font-weight: 700; }
.bot-contact p{ color: #666; padding-top: 10px; }
.bot-contact img{ position: absolute; top: 0; right: 0; }

.subnav{ text-align:center; background-color:#f5f5f5; }
.subnav li{ display:inline-block; padding:8px 15px; line-height: normal; }
.subnav li a{ display: block; font-size:.8rem; color:#444444; padding:7px 20px; }
.subnav li:hover a,
.subnav li.on a{ color:#ffffff; background-color:#dd030d; }

.n-main{ padding-top: 50px; }
.n-content{ line-height:2; }
.n-content p{ margin-bottom:15px; }

.n-message,
.n-news{ max-width: 1000px; margin: auto; }
.n-news .n-list li { margin-top: 30px; position:relative; }
.n-news .n-list li a { display: block; overflow: hidden; position: relative; padding: 20px 30px; background:#f5f5f5; padding-left: 230px;
	transition: 320ms 0ms ease-in-out;
}
.n-news .n-list li a:before { content: ""; width: 100%; height: 100%; background:#adadad; position: absolute; left: 0; top: 0; overflow: hidden; transform-origin: center;
	transition: 320ms ease-in-out;
	transform: scaleY(0);
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
}
.n-news .n-list time { position: absolute; top: 20px; left: 20px; width: 150px; padding-bottom: 16px; border-bottom: 1px solid #bfa490; }
.n-news .n-list time:before { content: ""; width: 0%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -1px; transition: 300ms ease-in-out; }
.n-news .n-list time strong { display: block; color: #81756e; font-size: 1.8rem; font-weight: normal; line-height: 1; transition: 288ms; text-align: right; }
.n-news .n-list time b { display: block; text-align: right; color: #81756e; font-size: .8rem; line-height: 1; font-weight: normal; margin-top: 10px; transition: 288ms; }
.n-news .n-list .desc { position: relative; z-index: 9; }
.n-news .n-list .desc h4 { font-size: 1.2rem; color: #4e4b49; margin-bottom: 10px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.n-news .n-list .desc p { color: #666; line-height: 1.75;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.n-news .n-list li:hover a:before { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.n-news .n-list li:hover time:before { width: 100%; visibility: visible; }
.n-news .n-list li:hover .desc { border-color:#adadad; background:#adadad; transition: 320ms 100ms ease-in-out; }

.pager{ text-align: center; margin-bottom:0; margin-top:50px; }
.pager a,.pager strong{ border: 1px solid #ddd; background-color:#ffffff; padding:5px 12px; margin-left: 6px; }
.pager strong{ border: 1px solid #dcdcdc; background: #666666; color: #fff; }
.pager a:hover{ border: 1px solid #999; background:#f5f5f5; color:#444; }

.detail-box{ padding:20px 0 30px 0; }
	.view-title{ margin-top:10px; font-size: 30px; text-align:center; color:#12372b;}
	.view-element{ text-align:center;color:#999999;border-bottom:1px solid #E0E0E0;margin: 0 0 20px;padding-top:15px; }
	.view-element a{color:#333;}
	.view-element #bdshare,.view-element #bdshare .bdshare-button-style1-24{display:inline; padding-left:5px;}
	.view-element #bdshare .bdshare-button-style1-24 a,.view-element #bdshare .bdshare-button-style1-24 .bds_more {float:none;margin:0;background: url(../images/share_icons.png) no-repeat; font-size:.9rem; padding-left:25px; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_tsina {background-position: 0 -98px;}
	.view-element #bdshare .bdshare-button-style1-24 .bds_weixin{background-position:0 -162px;}
	.view-element #bdshare .bdshare-button-style1-24 .bds_qzone {background-position: 0 -47px;}
	.view-element #bdshare .bdshare-button-style1-24 .bds_sqq{background-position: 0 -260px;}
	.view-content{line-height:1.75;color:#414141;}
	.view-content p{ margin-bottom:15px; }
	.view-assoc{margin-top:20px;border-top:1px solid #E4E4E4;padding-top:10px;}
	.view-assoc div{margin:12px 5px;}
	.view-assoc a{color:#333;letter-spacing:1px;}
	

.detail-box .img-box{ width: 35%; border:#e4e4e4 1px solid; }
.detail-box .img-box .flexslider{ margin: 0; border: none; padding: 0; border-radius:0; box-shadow:none; -webkit-box-shadow:none; background-color: transparent; }
.detail-box .img-box>img,
.detail-box .img-box .flexslider .slides img { width: auto; height:400px; display:inline-block; border-radius:10px; }
.detail-box .img-box .flex-control-thumbs{ margin-top: 18px; width: 100%; }
.detail-box .img-box .flex-control-thumbs li{ padding-left: 7px; padding-right: 7px; }
.detail-box .img-box .flex-control-thumbs li img{ border-radius:4px; }
.detail-box .img-box .flex-control-thumbs .flex-active{ border:#dd030d 2px solid; }

.detail-box .txt-box{ padding-left: 35px; vertical-align: top; line-height:2; }
.detail-box .txt-box h3{ display: block; border-bottom:#e4e4e4 1px solid; padding-bottom: 15px; font-size: 1.2rem; }

.summary{ color: #414141; }
.summary p{ margin: 10px 0; line-height: 2; }


.n-picture .n-list{ overflow: hidden; }
.n-picture .n-list ul{ margin-left: -20px; }
.n-picture .n-list li { float: left; width: 33.33%; margin-bottom: 20px; padding-left: 20px; }
.n-picture .n-list li a{ display: block; overflow: hidden; position: relative; }
.n-picture .n-list li p{ width: 100%; margin: 0; height: 45px; position: absolute; bottom: 0; left: 0; color: #fff; line-height: 45px; text-align: center; background: rgba(0,0,0,0.7);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.n-picture .n-list li a:hover p { height: 100%; }
.n-picture .n-list li a:hover p span { display: block; width: 100%; text-align: center; position: absolute; top:50%; transform:translateY(-50%); }

.n-talentidea .n-list{ background-color: #f7f7f7; }
.n-talentidea .n-list ul li .desc-box{ float: left; width: 50%; overflow: hidden; position: relative; padding: 40px; line-height: 1.75; }
.n-talentidea .n-list ul li .img-box{ float: right; width: 50%; }
.n-talentidea .n-list ul li:nth-child(even) .desc-box{ float: right; }
.n-talentidea .n-list ul li:nth-child(even) .img-box{ float: left; }
.n-talentidea .n-list ul li .desc-box h4 { font-size: 2rem; }
.n-talentidea .n-list ul li .desc-box p { font-size: 1rem; }

.n-jobs .table { width: 100% }
.n-jobs .table td,.n-jobs .table th { text-align: center }
.n-jobs .table th { font-size: 1.1rem; color: #525252; background: #f5f5f5; font-weight: bold; line-height: 3 }
.n-jobs .table td { font-size: .8rem; color: #525252; line-height: 3; border-bottom: 1px solid #e0e0e0 }
.button,
.btn-apply { display: inline-block;; width: 180px; line-height: 2; color: #ffffff; text-align: center; margin: 0 auto; font-size: 1rem; background-color: #52556f; margin-top: 50px; cursor:pointer; }
.btn-apply:hover{ color:#ffffff; }
.button { margin: 0; }

.formbox dl{ margin-left: -1em; }
.formbox dl dt,
.formbox dl dd{ position:relative; padding-left:6em; min-height:40px; line-height:40px; margin-bottom:15px; width:50%; float: left; }
.formbox dl dt{ border: 1px solid #eaeaea; background-color:#f2f2f2; padding-top: 5px; padding-bottom: 5px; }
.formbox dl dt span,
.formbox dl dd span{ display:block; position:absolute; left:1em; }
.formbox dl dd .radio, .formbox dl dd .checkbox,
.formbox dl dd label{ display:inline; margin:0; min-height:auto; }
.formbox dl dt.ignore,
.formbox dl dd.ignore{ width: 100%; }

.address{padding:30px 15px 20px;text-align:center;}
.address p {color: #000000; font-size:1rem;line-height:2; margin: 0;}
.address span { display: block; text-align: center; color: #b8b8b8;}

.applyform{ max-width: 1200px; margin: auto; }

.subnav.fixed { position: fixed; top: 0; width: 100%; z-index: 30; opacity: .8; }

/*大屏幕   w >= 1440*/
@media screen and (min-width: 1440px) {
	.wrap{ width:1200px; }
	
	.about-data .item .fl{ float: left;}
	.about-data-info{ float: left; margin-left: 15px; }
}
/*超大屏幕   w >= 1680*/
@media screen and (min-width: 1680px) {
	.wrap{ width:1400px; }
}


/*中等屏幕   w<1200*/
@media screen and (max-width: 1200px) {
	.wrap{ width:1000px; }
	.header .nav ul li{ width:85px; }
	
	.about-data .item{ padding: 20px 20px; }
	
	.detail-box .img-box{ width: 40%; }
}
/*pad: w< 992*/
@media screen and (max-width: 992px) {
	.wrap{ width:100%; padding-left:15px; padding-right:15px; }
	.header .logo{ margin-left: 0; height: 70px; }
	.header .logo span{ display:none; }
	
	.menu-button { display: block; float: right; margin-top: 35px; margin-right: 0; }
	.menu-button .lines{ width: 45px; float: right; height: 45px; position: relative; cursor: pointer; }
	.menu-button .lines p { width:45px; height:4px; background-color: #b41414; border-radius: 3px; position: absolute; left: 0;
		-webkit-transition: all 0.8s;
		transition: all 0.8s;
	}
	.menu-button .lines p:nth-child(1){ top: 0px;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
		-webkit-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;
	}
	.menu-button .lines.cur p:nth-child(1) {
		-webkit-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
	}
	.menu-button .lines p:nth-child(2) {
		top: 16px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
	.menu-button .lines.cur p:nth-child(2) {
		opacity: 0;
	}
	.menu-button .lines p:nth-child(3) {
		top: 32px;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
		-webkit-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;
	}

	.menu-button .lines.cur p:nth-child(3) {
		-webkit-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
	}
	
	
	.header .nav{display: none;}
	
	.smart-nav{ position: absolute; top:100px; width: 100%; box-sizing: border-box; left: 0; z-index: 120; padding: 20px; background-color: #fff; display: none; }
	.smart-nav ul li { border-bottom: 1px solid rgba(206,206,206,0.5);}
	.smart-nav ul li .tit { font-size: .9rem; display: block; padding: 10px 0; line-height: 2; color: #333; background: url(../images/nav-jia.png) 98% center/1rem no-repeat; }
	.smart-nav ul li.cur .tit {color: #b41414}
	.smart-nav ul li.on .tit { background: url(../images/nav-jian.png) 98% center/1rem no-repeat;}
	.smart-nav ul li .box { border-top: 1px solid rgba(206,206,206,0.5); display: none; padding: 10px 0; }
	.smart-nav ul li .box a{ display: block; font-size: .8rem; line-height: 2; color: #666; }
	.smart-nav ul li:last-child{ border-bottom: 0;}
	.smart-nav-bg-mask{ width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.7); top: 0; left: 0; z-index: 105; display: none; }
	
	.n-product .n-list ul li,
	.ind-product .lists ul li{ width: 50%; }
	
	.ind-advantage .lists ul{ margin-left: -15px; }
	.ind-advantage .lists ul li{ width:50%; padding-left: 15px; margin-bottom: 15px; }
	
	.bot-contact{ float:none; padding-right: 100px; margin-bottom: 15px; display: none; }
	.foot-box .bot-logo{ display: none; }
	.footer .foot-box { padding: 15px; }
	
	.detail-box .img-box{ width: 50%; }
}
/*mobile: w < 768*/
@media screen and (max-width: 768px) {
	.n-jobs .table thead,.n-jobs .table tbody,.n-jobs .table th,.n-jobs .table td,.n-jobs .table tr { display: block }
    .n-jobs .table thead tr { position: absolute; top: -9999px; left: -9999px }
    .n-jobs .table tr { border: 1px solid #eee; border-bottom: 0; margin-bottom: 20px }
    .n-jobs .table td { border: 0; border-bottom: 1px solid #eee; position: relative; padding: 0; padding-left: 6em; white-space: normal; text-align: left； }
    .n-jobs .table td:before { position: absolute; top: 0; left: 0; padding: 0; width: 140px; text-indent: 10px; white-space: nowrap; text-align: left }
    .n-jobs .table td:before { content: attr(data-title) }
    .n-jobs .table td:nth-child(odd) { background: #f7f7f7 }
    .n-jobs .table table { border: 0 }
    .n-jobs .table tr td { width: auto; text-align: left; vertical-align: middle; height: auto; border-bottom: 1px solid #eee; box-sizing: border-box }
    .n-jobs .table tr td:first-child { font-weight: 700 }
	
	.n-picture .n-list li { width: 50%; }
	.formbox dl dd{ width:100%; }
	
	.detail-box .img-box{ display:block; width: 100%; }
	.detail-box .txt-box{ display:block; padding-left: 0; }
}
/*mobile: w < 640*/
@media screen and (max-width: 640px) {
	.about-data .item{ width: 100%; }
	.ind-advantage .lists ul li{ width:100%; }
}