@charset "utf-8";
/* CSS Document */

html,body{width:100%; height:100%;}
body{ margin: 0; padding: 0;  background: #fff; color:#000;position: absolute;left: 0;top: 0;right: 0;bottom: 0;min-height: 724px}
table{ margin:0 auto;border-spacing: 0}
table tr,table tr td{margin:0; padding:0;}
ul,ul li{list-style: none;margin: 0;padding: 0}
*{font-family: Microsoft YaHei}
/*table tr td img{display:block;}*/

/*内容*/
.content{position: absolute;left: 0;top: 0;right: 0;bottom: 0;min-height:700px;min-width: 1200px;margin:0 auto;overflow: hidden;}

.nav-wrap{width: 1200px;margin: 0 auto;box-sizing: border-box;background: url(../images/navbg.jpg);height: 51px}
.nav-wrap ul{width: 800px;margin: 0 auto;height: 51px;box-sizing: border-box;}
.nav-wrap ul li{height: 51px;line-height: 51px;color: #fff;padding: 0 55px;font-size: 20px;float: left;box-sizing:border-box;}
.nav-wrap ul li a{text-decoration: none;color: #fff;padding:0 5px;padding-bottom: 4px}
/*.nav-wrap ul li:hover,.nav-wrap ul li.act{background:url(../images/navbg.png) 10px center no-repeat;}*/
.nav-wrap ul li:hover,.nav-wrap ul li.act{}
.nav-wrap ul li:hover a,.nav-wrap ul li.act a{border-bottom: 3px solid #fff;}

.left-container{float: left;width: 288px;position: relative;overflow: hidden;height: 640px;margin-left: 116px}
.left-container .title{text-align: center;margin-top: 12px;}
#marquee1{position:absolute;top:90px;width:267px;height:540px;overflow:hidden;}
#marquee1 ul li{float:left; padding:0 1px;margin-top: 20px}
#marquee1 ul li img{display:block;}
.hot-detail{overflow: hidden;width: 1200px;margin: 0 auto}
.h-title{color: #51769f;text-align: center;margin-top:20px;margin-bottom: 30px}
.mode-icon>ul{margin: 10px auto;width: 960px}
.mode-icon>ul li{float: left;margin: 0 10px;cursor: pointer;text-align: center;width: 220px;position: relative;height: 188px}
.mode-con{clear: both;overflow: hidden;padding: 32px 50px;min-height:76px; width: 100%;position: relative;display: none}
.mode-con .ceng{background: #d6d6d7;position: absolute;left: 0;right: 0;top:0;bottom: 0;z-index: -1}
.mode-con ul li{line-height: 45px;background: url(../images/list-bg.png) no-repeat;width: 357px;height: 51px;margin-top:10px;float: left;margin-right: 5px;text-indent: 12px;color: white;cursor: pointer}
.cur{position: absolute;background: url(../images/up.png) no-repeat;bottom: 0;width: 45px;height: 24px;left: 0;right: 0;margin: 0 auto;display: none}

.bg{text-align: center;max-width: 1500px;background-size: cover;behavior: url(css/backgroundsize.min.htc);max-height:1000px }
.container-bg{
    overflow: hidden;
    background: url(../images/bg1.png) top no-repeat,url(../images/bg3.png) bottom no-repeat;
    min-height: 500px;
    width: 1200px;
    margin: 0 auto;
}
.container{width: 1200px;margin: 0 auto}
.wid1200{width: 1200px;margin: 0 auto}
.career-container{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.career-title{overflow: hidden}
.career-title li{float: left;width: 226px;box-sizing: border-box;border-left: 2px solid white;height: 45px;line-height: 45px;text-align: center;color: white;background: #e20407;font-size: 18px;cursor: pointer}

.right-container{margin-top: 10px;margin-left: 20px;margin-right: 80px;float: left}
.career-con{margin: 0 20px;margin-bottom: 30px}
.info-title{font-size: 20px;color: #e20407;margin: 10px 0}
.info-txt{font-size: 18px;color: #000;line-height: 32px}
.info-txt p{text-indent: 36px}
.show{display: block}

.content-con .text1,.content-con .text2{margin:0 15px;color: white;font-size: 14px;margin-bottom: 30px;line-height: 28px;position: relative;display: none}
.content-con .title{
    font-size: 20px;
    margin-bottom: 10px;
}
p{margin: 0;padding: 0}
.show{display: block}

.copyright{position: absolute;width: 1023px;text-align: center;left: 0;right: 0;bottom: 0;height: 33px;color:#e9e8e4;line-height: 33px;margin: 0 auto;}

.footer{position: relative;width: 1200px;text-align: center;font-size:12px;line-height: 72px;height:72px;background: #4a4a4b;color:#fff;margin: 0 auto}

.landscape-prompt {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #d35e5d;z-index: 205;font-size: 16px;}
.landscape-prompt .iphone {width: 292px;height: 436px;position: absolute;left: 50%;top: 40%;margin-top: -218px;margin-left: -146px;
    background: url(../images/phone.png) no-repeat;
    background-size: 100% 100%;
    animation: zhuan 1.5s 0.3s infinite;
    -ms-animation: zhuan 1.5s 0.3s infinite;
    -moz-animation: zhuan 1.5s 0.3s infinite;
    -webkit-animation: zhuan 1.5s 0.3s infinite;
}

.landscape-prompt p {position: absolute;top: 65%;left: 0;text-align: center;width: 100%;color: #fff;font-size: 50px;}
@-webkit-keyframes zhuan {
    0% { -webkit-transform: rotate(-90deg); }
    50% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-90deg); }
}
@-ms-keyframes zhuan {
    0% { -ms-transform: rotate(-90deg); }
    50% { -ms-transform: rotate(0deg); }
    100% { -ms-transform: rotate(-90deg); }
}
@-moz-keyframes zhuan {
    0% { -moz-transform: rotate(-90deg); }
    50% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(-90deg); }
}
@keyframes zhuan {
    0% { transform: rotate(-90deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(-90deg); }
}
@media screen and (orientation:landscape) {
    .landscape-prompt{display:none;}
}
@media screen and (orientation:portrait) {
    .landscape-prompt{display:block !important;}
}

.career-l{margin-left: 0;height: auto;width: 300px}
.leftnav{margin-top: 30px;margin-left: 15px}
.left-container .menu li{margin-top:10px;width: 293px}
.left-container .menu li a{font-size:14px;line-height:36px;display:block;width:281px;height:36px;margin-left:0;padding-left:12px;cursor:pointer;background:url(../images/leftbt01.png) left center no-repeat;box-sizing: border-box;padding-right: 19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left-container .menu li a:hover,.left-container .menu li.on a{color:#ddd;background-image:url(../images/leftbt02.png);height: 36px}

.career-r{width: 860px;margin-right: 0}
.right h3{font-size:16px;position:relative;min-height:25px;padding-top:4px;padding-right:4px;border-top:1px solid #ddd;border-right:1px solid #ddd; padding-bottom:10px;}
.right h3 .more{font-size:12px;float:right;padding-top:4px;padding-right:4px;cursor: pointer;color:#014DA1;}
a{ text-decoration: none;color: #5a5a5a;}

.job_list,.job_list1{width: 100%;margin: 0 auto;font-size: 14px;table-layout: fixed;}
.job_list .dept-name td,.job_list1 .dept-name td{background: #4d946c;color: #FFFFFF;font-weight: bold;  height: 30px;line-height: 30px;padding-left: 10px;}
.job_list .job-item td,.job_list1 .job-item td{color: #333333;  border-bottom: 1px dashed #ccc;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.job_list .job-item td a,.job_list1 .job-item td a{text-decoration: none;color: #4d946c;}
.intro-dept{display: none}
.career .title{    font-size: 16px;position: relative;}
.mode-con ul{display: none}

.left-container,.right-container{margin-top: 50px}

.company-name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}