/* reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

header, footer, nav, section, article { display:block; }

img{display: block;}

.fl{float: left;}
.fr{float: right;}
.m7{margin-top: 7px;}

/* tivicloud */
.siteContainer{width: 1200px;height: auto;margin: 0 auto;overflow: hidden;}

header,section{width: 100%;background-color: #eae9e5;overflow: hidden;}

header{width:100%;height: 100px;}
header .logoBox,footer .logoBox{float: left;margin-top: 25px;padding-left: 50px;}

header nav{float: right;width: 350px;margin-top: 41px;color: #595959;}

header nav a{
	float: left;
	display: block;
	margin: 0 15px;
	font-size: 1em;
	color: #373737;
	line-height: 24px;
	text-decoration: none;
}
header nav a:hover,header nav a.selected{color: #868686;}

.banner{width:100%;height:auto;}

section{height:auto;}
section .proItems{width:783px;height: 121px;margin: 0 auto;}
section .proItems .pro-item{float: left;;margin:50px 80px;width: 101px;height: auto;cursor: pointer;}
section .proItems .pro-item span{display: block;width: 101px;height: 101px;}
section .proItems .pro-item span.first{background:url(../images/icon1.png) 0 0 no-repeat scroll;}
section .proItems .pro-item span.second{background:url(../images/icon2.png) 0 0 no-repeat scroll;}
section .proItems .pro-item span.third{background:url(../images/icon3.png) 0 0 no-repeat scroll;}

section .proItems .pro-item h1{text-align: center;margin-top: 10px}
section .proItems .pro-item a:link,section .proItems .pro-item a:visited{text-decoration: none;color: #000;}
section .proItems .pro-item a:hover{color: #444;}


.proImgItems{width: 1000px;height: 100%;margin: 20px auto 0 auto;overflow: hidden;}
.proImgItems .imgsGroup li{overflow: hidden;}

.imgsGroup{}
.imgsGroup .con{width:1000px;
height: 534px;
overflow: hidden;
margin: 0 auto;
position: relative;}
.imgsGroup .con ul {
width: 3000px;
height: 534px;
position: absolute;
top: 0;
}
.imgsGroup .con ul li{width: 1000px;
height: 534px;
float: left;
overflow: hidden;
}



.about-content{width: 800px;height: 571px;position: absolute;top:0;left: 50%;margin-left: -400px;margin-top: 10px}
.about-content h1{width: 250px;height: 30px;line-height: 30px;background: url(../images/about-title-bg.png);padding-left: 10px;margin: 20px 0 10px 0;}
.about-content p{color: #fff;line-height: 200%;font-size: 13px;padding-left: 50px}

.resume-btn{}
.about-content .resume-btn button{position: absolute;display: block;width: 150px;height: 30px;bottom: 54px;border: none;cursor: pointer;}
.about-content .liepin button{left:50px;background: url(../images/liepin.png);}
.about-content .lagou button{left: 280px;background: url(../images/lagou.png);}
.about-content .resume-btn span{display: none;}

.bx-wrapper{margin: 0;}
.bx-wrapper .bx-viewport{border: none !important;-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;left:0;}
.bx-wrapper .bx-pager{position: absolute;bottom: 20px;}

.article-title{width: 1000px;margin: 0 auto;height: 30px;line-height: 30px;margin-top: 30px;font-size: 22px;}


.about-detail{padding: 30px 100px;overflow: hidden;background-color: #f2f2f2;font-size: 14px;border-bottom: 1px solid #eee;}
.about-detail .list-item{margin:50px 0 20px 0;overflow:hidden;}
.about-detail .list-item h2{font-size: 18px;}
.about-detail .list-item h3{padding:15px 0;font-weight: normal;border-bottom: 1px dashed #ccc;margin-bottom:10px;}
.about-detail .list-item .list-li{margin:20px 0;overflow: hidden;}
.about-detail .list-item .list-li table{border-collapse: separate;border-spacing:0 10px;}
.about-detail .list-item .list-li th{width:100px;}
.about-detail .list-item .list-li td{line-height: 220%;}
.about-points{padding-left:60px}
.about-points li{float: left;margin:10px 40px;}
.about-points li a:link,.about-points li a:visited{text-decoration: none;color: #ffe401;padding: 2px;}
.about-points li a:hover{font-weight: 700px;background-color: #7cc0d9}

.webView{display: block;}
.mobileView{display: none;}

footer{width:100%;height:auto;background-color: #f2f2f2;padding: 25px 0;overflow: hidden;}
footer .site-info{float: right;width:600px;}
footer .site-info p{line-height:180%;font-size: .8em;color: #5c5c5c;text-align: right;padding-right: 20px;}

@media only screen and (max-width: 640px){
	.siteContainer{width: 100%;}
	section .proItems{width:171px; }
	section .proItems .pro-item{margin:20px 0;width:171px;position: relative;}
	section .proItems .pro-item h1{width: 70px;position: absolute;top:28px;right: 0}

	header .logoBox{padding-left:20px;margin-top: 15px;}

	header .logoBox img{width: 100px;height: auto;}
	header nav{margin-top: 18px;clear: left;width: 300px;}
	header nav a{margin: 0 10px;}

	.menuBox{width: 100% !important;height: 30px;line-height: 30px;cursor: pointer;}

	.proImgItems .imgsGroup{}

	footer .logoBox{display: none;}
	footer .site-info{width:100%;}

	.proImgItems{width: 100%;}
	.webView{display: none;}
	.mobileView{display: block;}

	.about-content{width: 100%;position: absolute;top:0;left:0;margin-left:0;}
	.about-content p{padding-left: 10px;}
	.about-points{padding-left:10px}

	.about-points li{float: left;margin:10px 10px;}
	.about-detail{padding: 0}
}