body{
    font-size: 14px;
    font-family: 微软雅黑;
}
.top{
    width: 100%;
    min-width: 1145px;
    height: 333px;
    background: url("../newimages/head-bg.png") repeat;
}
.head-nav{
    background: url("../newimages/opcity-black.png") repeat;
    width: 100%;
    height: 86px;
}
.w1100{
    width: 1100px;
    margin:0 auto;
    margin-bottom: 80px;
    padding-top: 60px;
    position: relative;
}
.top-focus{
    background: url("../newimages/btn1.png") no-repeat;
}
.top-index-focus{
    background: url("../newimages/btn4.png") no-repeat;
    width: 116px;
    height: 29px;
}
.top-index-right{
    width: 69px;
    height: 29px;
    line-height: 29px;
    padding-left: 47px;
    margin-top: 28.5px;
}
.top-right{
    width: 89px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    margin-top: 29.5px;
}
.top-right-focus{
    background-color: #30b2e0;
    border-radius: 50px;

}
.font-3c3c3c{
    color: #3c3c3c;
}
.font-b6b7bf{
    color: #b6b7bf;
}
.mr30{
    margin-right: 30px;
}
.nav-list{
    width: 183px;
    height: 247px;
    position: relative;
}
.technology-icon{
    background: url("../newimages/diannao.png") no-repeat;
    width: 94px;
    height: 92px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -47px;
    margin-top: -30px;
}
.classify-name{
    position: absolute;
    width: 100%;
    font-size: 20.03px;
    height: 26px;
    color: #ffffff;
    text-align: center;
    bottom: 40px;
}
.focus-bottom{
    width: 100%;
    height: 12px;
    background-color: #1db7ee;
    position: absolute;
    bottom: 0;
}
.font-afafaf{
    color: #afafaf;
}
.product-icon{
    background: url("../newimages/chanpin.png") no-repeat;
}
.design-icon{
    background: url("../newimages/chuangyi.png") no-repeat;
}
.mall-icon{
    background: url("../newimages/shichang.png") no-repeat;
}
.manage-icon{
    background: url("../newimages/guanli.png") no-repeat;
}
.senior-icon{
    background: url("../newimages/position.png") no-repeat;
}
.zmit-icon{
    background: url("../newimages/about-zmit.png") no-repeat;
}
.arrow-icon{
    background: url("../newimages/jiantou.png") no-repeat;
}
.index-top{
    width: 100%;
    height: 86px;
    background: url("../newimages/opcity-white.png") repeat;
    position: relative;
}
.header-bg{
    width: 100%;
    height: 86px;
    background: url("../newimages/bg2.png") repeat-x;
}
.index-top-bg{
    background: url("../newimages/bg2.png") repeat-x;
    width: 100%;
    height: 535px;
    position: relative;
}
.people-img{
    background: url("../newimages/people.png");
    width: 490px;
    height: 472px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.text-img{
    background: url("../newimages/text.png");
    width: 430px;
    height: 267px;
    position: absolute;
    top: 83px;
    right: 90px;
}
.resume-btn{
    background: url("../newimages/btn.png");
    width: 209px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    right: 219px;
    bottom: 86px;
    color: #f3f3f3;
}
.resume-btn-focus{
    background: url("../newimages/btn-focus.png");
}
.classify-part{
    width: 350px;
    height: 294px;
    background-color: #ffffff;
}
.technology-title{
    background: url("../newimages/title1.png") no-repeat;
    width: 210px;
    height: 93px;
}
.product-title{
    background: url("../newimages/title2.png") no-repeat;
    width: 210px;
    height: 93px;
}
.design-title{
    background: url("../newimages/title3.png") no-repeat;
    width: 210px;
    height: 93px;
}
.mall-title{
    background: url("../newimages/title4.png") no-repeat;
    width: 210px;
    height: 92px;
}
.manage-title{
    background: url("../newimages/title5.png") no-repeat;
    width: 210px;
    height: 92px;
}
.senior-title{
    background: url("../newimages/title6.png") no-repeat;
    width: 265px;
    height: 92px;
}
.type{
    background: url("../newimages/btn3.png") no-repeat;
    width: 39px;
    height: 20px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 20px;
    font-family: 宋体;
}
.classify-left{
    width: 145px;
    height: 100%;
    color: #848484;
    line-height: 25px;
}
.classify-left a{
    color: #848484;
}
.classify-left a:hover{
    color: #1db7ee;
}
.recruit-title{
    font-size: 26px;
    color: #333333;
    width: 100%;
    text-align: center;
}
.recruit-step{
    width: 260px;
    height: 100%;
    background-color: #e6e8ec;
    font-size: 18px;
    color: #333333;
    position: relative;
}
.num1{
    background: url("../newimages/01.png") no-repeat;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 50%;
    margin-left: -12.5px;
    margin-top: 32px;
}
.num2{
    background: url("../newimages/02.png") no-repeat;
    width: 28px;
    margin-left: -14px;
}
.num3{
    background: url("../newimages/03.png") no-repeat;
    width: 28px;
    margin-left: -14px;
}
.num4{
    background: url("../newimages/04.png") no-repeat;
    width: 29px;
    margin-left: -14.5px;
}
.step-name{
    position: absolute;
    left: 50%;
    margin-left: -36px;
    margin-top: 68px;
}
.recruit-step img{
    position: absolute;
    bottom: 0px;
}
.recruit-num{
    color: #888;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: 70px;
}
.intro{
    color: #7d7d7d;
    width: 100%;
    text-align: center;
    margin-top: 7px;
}

.pic-wrap{
    width: 868px;
    margin: 0 auto;
    height: 568px;
    background-color: aliceblue;
    margin-top: 70px;
}
.ml12{
    margin-left: 12px;
}
.mt9{
    margin-top: 9px;
}
.small-pic-wrap{
    width: 210px;
    height: 270px;
    position: relative;
}
.big-pic-wrap{
    width: 428px;
    height: 279px;
    position: relative;
}
.play1{
    background: url("../newimages/play1.png") no-repeat;
    width: 76px;
    height: 67px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -33.5px;
}
.play2{
    background: url("../newimages/play2.png") no-repeat;
    width: 49px;
    height: 43px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -24.5px;
    margin-top: -21.3px;
}
.footer-wrap{
    width: 100%;
    min-width: 1145px;
    height: 210px;
    background-color: #3d3d3d;
    clear: both;
}
.left-info{
    height: 85px;
    width: 250px;
    border-left: 1px solid #b6b7bf;
    padding-left: 22px;
    margin-top: 62.5px;
    margin-left: 49px;
}
.footer-wrap p{
    line-height: 12px;
    font-size: 12px;
    color: #b6b7bf;
}
.footer-wrap a{
    line-height: 12px;
    font-size: 12px;
}
.mt50{
    margin-top: 50px;
}
.links{
    height: 60px;
    padding: 25px 0;
    width: 500px;
    text-align: right;
}
.links ul li{
    display: inline-block;
    margin-left: 32px;
    *zoom: 1;
    *display:inline;
}
.btn-blue{
    background: url("../newimages/btn-blue.png") no-repeat;
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #ffffff;
}
.index-type{
    width: 100%;
    height: 30px;
    position: relative;
    margin-top: 25px;
}
.index-default{
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #666666;
}
.recruit-list{
    margin-top: 25px;
    width: 100%;
    min-height: 370px;
    height: auto;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #ececec;
}
.mark-shezhao{
    background: url("../newimages/shezhao.png") no-repeat;
    width: 56px;
    height: 56px;
    position: absolute;
    top: 0;
    right: 0;
}
.mark-xiaozhao{
    background: url("../newimages/xiaozhao.png") no-repeat;
    height: 56px;
    width: 56px;
    position: absolute;
    top: 0;
    right: 0;;
}
.position-title{
    font-size: 22px;
    color: #333333;
    width: 100%;
    height: 29px;
    line-height: 29px;
}
.recruit-detail{
    padding: 35px 30px 22px 30px;
    width: 1040px;
    min-height: 343px;
    height: auto;
}
.recruit-date{
    font-size: 14px;
    color: #666666;
}
.position-info{
    width: 100%;
    font-size: 16px;
    color: #333333;
    height: 21px;
    line-height: 21px;
}
.position-duty{
    color: #404040;
    margin-top: 10px;
    width: 460px;
    line-height: 25px;
    min-height: 140px;
}
.position-duty p{
    line-height: 12px;
}
.ml85{
    margin-left: 85px;
}
.employ-btn{
    background: url("../newimages/submit-btn.png");
    width: 161px;
    height: 54px;
    margin-right: 35px;
    font-size: 21.26px;
    color: #ffffff;
    line-height: 54px;
}
.tips{
    width: 100%;
    height: 54px;
    margin-top: 10px;
}
.top-btn{
    background: url("../newimages/top.jpg") no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -45px;
    bottom: 0px;
}
.zmit-bg{
    width: 100%;
    background: url("../newimages/about_us/banner.png") no-repeat center;
    height: 400px;
}
.hope-wrap{
    width: 100%;
    height: 200px;
    margin-top: 31px;
    padding-bottom: 20px;
}
.hope-font{
    height: 25px;
    border-left: 4px solid #2d66c9;
    padding-left: 10px;
    width: 280px;
}
.hope-small-font{
    height: 25px;
    padding-left: 14px;
    width: 280px;
    font-size: 12px;
    color: #808080;
}
.hope-list{
    width: 294px;
    height: 50px;
    margin-left: 72.5px;
}
.train-list{
    padding-left: 150px;
    padding-right: 130px;
    width: 820px;
    height: 190px;
}
.train-info{
    width: 610px;
    height: 100%;
}
.train-title{
    width: 100%;
    font-size: 18px;
    height: 24px;
    margin-top: 30px;
}
.train-content{
    width: 100%;
    height: 100px;
    margin-top: 20px;
    overflow: hidden;
    font-size: 14px;
    line-height: 23px;
    color: #808080;
}
.position-development{
	display: block;
}
.culture-introduction{
	background-color: #f4f4f4;
}
.about-main{
	width: 1100px;
	height: 300px;
	margin: 0 auto;
}
.money-title{
	display: block;
	float: left;
	margin-left: 40px;
	margin-top: 80px;
}
.about-main-fl{
	width:360px;
	height: 100%;
	float: left;
	overflow: hidden;
}
.about-main-fr{
	float: left;
	overflow: hidden;
}
.about-num-frist{
	width: 50px;	
	height: 50px;
	background: url("../newimages/about_us/about_icon.png") no-repeat;
	background-position:0 -667px;
	display: block;
	float: left;
}
.about-num-sec{
	width: 50px;	
	height: 50px;
	background: url("../newimages/about_us/about_icon.png") no-repeat;
	background-position:-85px -667px;
	display: block;
	float: left;
}
.about-num-thr{
	width: 50px;	
	height: 50px;
	background: url("../newimages/about_us/about_icon.png") no-repeat;
	background-position:0 -728px;
	display: block;
	float: left;
}
.about-num-fourth{
	width: 50px;	
	height: 50px;
	background: url("../newimages/about_us/about_icon.png") no-repeat;
	background-position:-85px -728px;
	display: block;
	float: left;
}
.about-main-list{
	margin-top: 55px;
	overflow: hidden;
	float: left;
}
.about-main-title{
	font-size: 20px;
	color: #3b3c46;
	display: block;
	margin-left: 15px;
	margin-bottom: 3px;
}
.about-main-text{
	float: left;
	overflow: hidden;
	width: 230px;
}
.about-text{
	display: block;
	font-size: 14px;
	color: #3b3c46;
	overflow: hidden;
	margin-top: 6px;
	margin-left: 15px;
	float: left; 
}
.list-fl{
	margin-left: 104px;
}
.clear{
	clear: both;
}
.list-top{
	margin-top: 43px;
}
.about-we{
	width: 100%;
	background: #fff;
}
.about-we-top{
	width: 1200px;
	height: 387px;
	margin: 0 auto;
}
.about-top-lf{
	width:431px;
	height: 125px;
	margin-top: 131px;
	margin-left: 84px;
	float: left;
	background: url("../newimages/about_us/about_icon.png") no-repeat center center;
	background-position:-3px -9px;
}
.about-top-rg{
	float: left;
	width: 50%;
	margin-top: 50px;
	margin-left: 80px;
}
.about-head-title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 30px;
    color: #03aefd;
}
.about-lf-icon {
    display: inline-block;
    width: 34px;
    height: 48px;
    background: url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-473px -10px;
}
.about-rg-intro{
	width: 100%;
	font-family: "microsoft yahei";
	font-size: 16px;
	color: #333;
	text-indent: 2em;
	text-align: justify;
}
.about-we-done{
	width: 100%;
}
.we-done-out{
	width: 1200px;
	height: 425px;
	padding-top: 30px;
	margin: 0 auto;
}
.we-done-top{
	width: 100%;
}
.we-done-icon{
	width: 180px;
    height: 79px;
    margin: 0 auto;
    font-size: 35px;
	color: #03aefd;
	text-align: center;
    background: url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-507px -11px;
}

.we-done-menu {
    width: 1100px;
    margin: 0 auto;
    margin-top: 75px;
}
.done-service-nav {
    float: left;
    width: 275px;
}
.done-type-span {
    display: block;
    width: 100%;
    font-size: 20px;
    color: #626262;
    line-height: 50px;
    text-align: center;
}
.done-bg {
    display: block;
    margin: 0 auto;
}
.done-app {
    width: 146px;
    height: 133px;
    background:url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-3px -175px;
}
.done-web{
    width: 146px;
    height: 133px;
    background:url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-165px -175px;
}
.done-chat{
    width: 146px;
    height: 133px;
    background:url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-337px -175px;
}
.done-design{
    width: 146px;
    height: 144px;
    background:url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-507px -175px;
}
/*全通网络文化*/
.culture-we-top{
	width: 1200px;
	height: 515px;
    margin: 0 auto;
}
.function-head {
    width: 100%;
    height: 45px;
    padding-top: 40px;
}
.we-inform-lf {
    float: left;
    font-size: 30px;
    font-weight: bold;
    color: #252525;
}
.news-inform-center {
    float: left;
    height: 32px;
    width: 3px;
    margin: 8px 5px 0;
    background: #0072bb;
}
.honor-title-rg {
	float: left;
    margin-top: 21px;
    font-size: 15px;
    color: #a3a3a3;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.culture-we-center{
	width: 100%;
}
.culture-we-lf{
	float: left;
    width: 310px;
    height: 295px;
    margin-top: 70px;
    margin-left: 145px;
    background:url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-4px -348px;
}
.culture-we-rg{
	float: left;
	width: 580px;
	margin-left: 145px;
	padding-left: 20px;
	padding-top: 50px;
}
.culture-we-title{
	width: 100%;
	margin-top: 15px;
	font-size: 28px;
}
.title-orange{
	color: #f58855;
}
.title-green{
	color: #00aeaf;
}
.title-blue{
	color: #0081a2;
}
.title-black{
	color: #404041;
}
.culture-we-intro{
	width: 100%;
	font-size: 16px;
	color:#333333;
	line-height: 18px;
}
.dream-we{
	width: 100%;
	height: 432px;
    background:url("../newimages/about_us/dream_bg.png") no-repeat center center;
}
.dream-we-box{
	width: 1200px;
	margin: 0 auto;
}
.dream-we-lf{
	float: left;
	width: 480px;
	padding-left: 35px;
	padding-right: 85px;
}
.dream-wetitle{
	width: 100%;
	margin-top: 70px;
	margin-bottom: 20px;
	font-size: 16px;
	color: #333333;
}
.dream-wetitle-head{
	font-weight: bold;
	font-size: 24px;
	color: #2c9efa;
}
.dream-we-cont{
	font-family: "microsoft yahei";
	font-size: 16px;
	color: #333333;
	line-height: 20px;
}
.dream-we-rg{
	float: left;
	width: 324px;
    height: 359px;
    margin-top: 35px;
    margin-left: 138px;
    background:url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-328px -332px;
}
.work-milieu{
	width: 100%;
	height: 400px;
	background: #dbe2f1;
}
.work-milieu img{
	display: block;
	width: 1100px;
	height: 400px;
	margin: 0 auto;
}
.work-happy{
	background: #f8f8f8;
}
.work-milieu-title{
	width: 100%;
	background: #fff;
}
.work-milieu-box{
	width: 1200px;
	height: 215px;
	margin: 0  auto;
	padding-top:10px;
}
.recruit-icon{
	display: block;
	width: 22px;
	height: 23px;
	margin:0 auto;
	background:url("../newimages/about_us/about_icon.png") no-repeat center center;
    background-position:-469px -88px;
}
/*公司薪资部分*/
.conpany-pay-out{
	width: 100%;
	height: 300px;
	background:url("../newimages/about_us/pay_bg.png") no-repeat center center;
}