/* CSS Document */
body{font:12px/24px Microsoft YaHei,tahoma,arial,Simsun;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0;color:#333;}
img{border:none;}
a { color:#333; text-decoration:none;}
a:hover{color: #e4393c;text-decoration:none;}
ul,li{ list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
input::focus-inner{padding:0;border:0;}
input{outline:0;}
.fl{float:left;}
.fr{float:right;}
.clear{ height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}
.hide{display:none;}
.pointer{cursor:pointer;}
.Width{width:1000px;margin:0 auto;}

body{width:100%;overflow-x: hidden;}
/*头部*/
.ht_top {width: 100%;background: #fafafa url(http://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top {width: 1000px;height: 41px;margin: 0 auto;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(http://www.huatu.com/z/topfooter/images/logo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#333; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}
/*banner*/
.banner{width: 100%; overflow: hidden;background:url(../images/banner.jpg) no-repeat top center;height: 668px;}
.banner p{width: 544px;font-size: 24px;line-height: 36px;padding:380px 0 0 136px;}
.banner p a{float:right;color: #0087c3;}
.banner p s{color:#dd5862;}
.searimg{padding:40px 0;overflow:hidden;}
.searimg form{width: 700px;height: 60px;margin:60px auto 80px;position: relative;}
.serinfo{position: absolute;top:60px;left:23px;width: 487px;z-index: 2;overflow: hidden;border:solid 1px #ddd;border-top:none;display: none;}
.serinfo li{line-height: 54px;font-size: 16px;background: #fff;border-top:solid 1px #ddd;padding-left:20px;}
.serinfo li:first-child{border:none;}
.searimg form input[type="text"]{width: 510px;height: 60px;border: solid 1px #ddd;border-right: none;border-radius: 58px 0 0 58px;padding-left: 30px;font-size: 16px;float:left;box-sizing: border-box;}
.searimg form input[type="button"]{width:160px;height: 60px;border:none;background:#ff3346;color:#fff;font-size: 30px;float:left;border-radius:0 58px 58px 0;cursor: pointer;}
.pageimg{width: 1100px;}
.pageimg dl{width: 200px;height: 200px;position: relative;border-radius: 200px;overflow: hidden;float:left;margin:0 46px 50px 12px;}
.pageimg dl dd{position: absolute;left:0;bottom: 0;height: 50px;width: 200px;text-align: center;}
.pageimg dl dd a{line-height: 50px;color:#fff;font-size:24px;position: relative;z-index: 2;}
.pageimg dl dd div{position: absolute;height: 50px;width: 200px;background-color: #000;opacity: .7;top:0;left: 0;}
.pageimg dl:hover{box-shadow: 0 3px 30px #999;}
.pageimg dl:hover dd div{background-color: #ff3346;}

.main1{background:url(../images/pageback1.jpg) no-repeat top center;height: 1078px;}
.main1 h2{font-size: 56px;line-height: 56px;text-align: center;font-weight: normal;padding:76px 0 60px;overflow:hidden;}
.main1 h2 span{display: block;width: 100px;height: 3px;background-color:#333;margin:16px auto 0;}
.m1pageimg dl{width: 170px;height: 170px;text-align: center;cursor: pointer;position: relative;float:left;margin:0 15px 40px;
	transform: perspective(1000);  
    -moz-transform: perspective(1000);  
    -o-transform: perspective(1000);  
    -webkit-transform: perspective(1000);  
}
.m1pageimg dl:hover, .m1pageimg dl.hover{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.m1pageimg dl{position: relative;transition: 0.6s;transform-style: preserve-3d;}
.m1pageimg dl dt{backface-visibility: hidden;position: absolute;top:0;left:0;width: 170px;height: 170px;background-color:#fff;}
.m1pageimg dl dt em{display: block;width:170px;height: 130px;display: table-cell;vertical-align: middle;}
.m1pageimg dl dt p{font-size: 20px;line-height: 20px;}
.m1pageimg dl dd{position: absolute;width:170px;height: 170px;top:0;left: 0;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);backface-visibility: hidden;background:#fff;}
.m1pageimg dl dd img{width: 148px;height: 148px;margin:11px;}
.main2{padding:32px 0 52px;overflow: hidden;}
.m2ewmPage{overflow:hidden;}
.title{width: 490px;margin:30px auto 58px;background:url(../images/titback.png) no-repeat;text-align: center;font-size: 56px;line-height: 87px;font-weight: normal;}
.jobnum{width: 100%;height: 44px;border-radius: 44px;background-color: #f1f2f4;margin-bottom: 40px;}
.jobnum li{float:left;width: 125px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color: #888;cursor: pointer;}
.jobnum li:hover{color: #333;}
.jobnum li.on{background-color: #ff2e5b;border-radius: 44px;color:#fff;}
.jobewm{width:1030px;}
.jobewm>div{width: 176px;height: 230px;background:url(../images/ewmline.jpg) no-repeat;overflow:hidden;float:left;margin:0 30px 30px 0;}
.jobewm>div dl{text-align: center;width: 156px;height: 210px;margin:10px auto 0;cursor: pointer;background:url(../images/dlline.jpg) no-repeat;overflow:hidden;background-size: 100% 100%;}
.jobewm>div dl dt{width: 138px;height: 138px;margin:13px auto 0;}
.jobewm>div dl dt em{display: block;width:138px;height: 138px;display: table-cell;vertical-align: middle;}
.jobewm>div dl dt img{width:130px;height: 130px;/* 138 */transition: all 1s;}
.jobewm>div dl dd{width: 128px;margin:12px auto 0;border-top:solid 2px #d8dfe5;}
.jobewm>div dl dd a{font-size:14px;padding-top:6px;display: inline-block;line-height: 16px;}
.jobewm>div:hover{background:url(../images/ewmlinecur.jpg) no-repeat;background-size: 100% 100%;}
.jobewm>div:hover dl{background:url(../images/dllinecur.jpg) no-repeat;background-size: 100% 100%;}
.jobewm>div:hover dl dt img{transform: scale(1.15);}

.bomewm{width: 100%; overflow: hidden;background:url(../images/bomewm.jpg) no-repeat top center;height: 504px;}
.navright{width: 105px;height: 312px;background:url(../images/nav.png) no-repeat;position: fixed;top:50%;left:50%;margin:-106px 0 0 530px;}
.navright a{display: block;line-height: 36px;width: 96px;text-align: center;margin:2px 0 0 2px;font-size: 16px;}
.navright a:hover{background-color: #ff2e5b;color:#fff;}
.top{color:#fff;}

/*底部*/		
.footer {clear:both;text-align: center;padding:30px 0;position: relative;background: #000;}
.footer p {line-height: 26px; color:#fff; font-size:14px;position: relative;z-index: 2;}
.footer p a {color: #fff; font-size:14px;}
.footer p span {padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px}

.m1Con-m,.footer-m,.m2table2,.m1pageimg-m,.tisinfo{display: none;}
@media screen and  (max-width: 1080px){
	.Width,.m2con{width:100%;}
	.footer,.navright,.m1pageimg{display: none;}
	.m1Con-m,.m2table2,.footer-m,.m1pageimg-m,.tisinfo{display: block;}
	.footer-m{background: #333;padding:1rem 0;text-align: center;color:#fff;font-size: .75rem;}
	.banner{height: 17.45rem;background: url(../images/bar-m.jpg) no-repeat;background-size: 100% 100%;}
	.tisinfo{font-size:.65rem;line-height:.65rem;padding:.75rem 0 2.35rem;text-align:center;}
	.searimg{padding:0 0 1.3rem;}
	.searimg form{width:17.5rem;margin:.75rem auto 2.25rem;height: 1.75rem;}
	.searimg form input[type="text"]{width: 13.15rem;height: 1.75rem;line-height: 1.5rem;padding-left:.8rem;font-size: .7rem;}
	.searimg form input[type="button"]{width:4.35rem;height: 1.75rem;font-size: .9rem;}
	.pageimg{width: 100%;}
	.pageimg dl{width: 3.75rem;height: 3.75rem;margin:0 .4rem 1.2rem .5rem;}
	.pageimg dl dt img{width: 3.75rem;height: 3.75rem;}
	.pageimg dl dd,.pageimg dl dd div{width: 3.75rem;height: 1.4rem;}
	.pageimg dl dd a{line-height: 1.4rem;font-size: .8rem;}
	.main1{height: auto;background:#f2f4f5 url(../images/m1back-m.jpg) no-repeat;background-size: 100% 7.9rem;overflow: hidden;}
	.main1 h2{font-size: 1.35rem;line-height: 1.35rem;padding:2rem 0 1.15rem;}
	.main1 h2 span{width: 2.5rem;margin:.45rem auto 0;}
	.m1pageimg{width: 19.5rem;overflow: hidden;padding-bottom: .75rem;}
	.m1pageimg dl{width:4.75rem;height: 4.75rem;margin:0 1.25rem .95rem .5rem;}
	.m1pageimg dl dt{width:4.75rem;height: 4.75rem;}
	.m1pageimg dl dt em{width:4.75rem;height: 3.35rem;}
	.m1pageimg dl dt p{font-size: .7rem;line-height: .7rem;}
	.m1pageimg dl:nth-child(1) dt em img{width:1.75rem;height: 1.6rem;}
	.m1pageimg dl:nth-child(2) dt em img{width:1.75rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(3) dt em img{width:1.62rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(4) dt em img{width:1.75rem;height: 1.275rem;}
	.m1pageimg dl:nth-child(5) dt em img{width:1.75rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(6) dt em img{width:1.65rem;height: 1.65rem;}
	.m1pageimg dl:nth-child(7) dt em img{width:1.275rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(8) dt em img{width:1.75rem;height: 1.65rem;}
	.m1pageimg dl:nth-child(9) dt em img{width:1.2rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(10) dt em img{width:1.75rem;height: 1.5rem;}
	.m1pageimg dl:nth-child(11) dt em img{width:1.35rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(12) dt em img{width:1.5rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(13) dt em img{width:1.35rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(14) dt em img{width:1.35rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(15) dt em img{width:1.5rem;height: 1.5rem;}
	.m1pageimg dl:nth-child(16) dt em img{width:1.35rem;height: 1.75rem;}
	.m1pageimg dl:nth-child(17) dt em img{    width: 1.5rem;
	    height: 1.5rem;
	}
	
	.m1pageimg dl dd{width:4.75rem;height: 4.75rem;}
	.m1pageimg dl dd img{width:4.1rem;height: 4.1rem;margin:.325rem;}
	.main2{padding:1rem 0;}
	.title{width:12.25rem;height: 2.25rem;background-size: 100% 100%;font-size: 1.35rem;line-height: 2rem;margin:.85rem auto 1.15rem;}
	.jobnum{height: auto;background: none;border-radius: 0;}
	.jobnum li{width: 4.25rem;height: 1.5rem;line-height: 1.5rem;text-align: center;font-size: .75rem;box-shadow: 0 0 .4rem #e8e8e8;border-radius: 1.5rem;margin: 0 .125rem .75rem .25rem;}
	.jobnum li.on{border-radius: 1.5rem;box-shadow: none;}
	.jobewm{width:19.4rem;clear: both;padding-top:.75rem;}
	.jobewm>div{width: 4.9rem;height: 6.25rem;background-size: 100% 100%;margin:0 1rem 1rem .5rem;}
	.jobewm>div dl{width:4.4rem;height: 5.75rem;margin:.25rem auto 0;}
	.jobewm>div dl dt{width:3.75rem;height: 3.75rem;margin:.3rem auto 0;}
	.jobewm>div dl dt em{width:3.75rem;height: 3.75rem;}
	.jobewm>div dl dt img{width: 3.6rem;height: 3.6rem;}
	.jobewm>div dl dd{width: 3.7rem;margin: .3rem auto 0;}
	.jobewm>div dl dd a{font-size: .4rem;line-height: .45rem;padding-top:.3rem;}
	.bomewm{background: url(../images/bomback-m.jpg) no-repeat top center;height: 12.6rem;background-size: 100% 100%;}
}