@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;}*/
/*头部*/
/*.header{height: 80px;background: #ffffff;position: absolute;top:0;left: 0;right: 0;width: 100%}*/
/*.hd-content{width: 1200px;margin: 0 auto;height: 80px;}*/
/*.logo{float: left;width:163px;height: 80px;line-height:80px}*/
/*.nav{float: left;width:1037px;line-height: 80px;position: relative;height: 53px;margin-top: 16px }*/
/*.login-container{width: 148px;height: 28px;border: 1px solid #338580;position: absolute;right: 12px;top: 0px;line-height: 28px}*/
/*.login-container a{color:#006760 ;font-size: 18px;display:block;width: 73px;float: left;text-align: center;box-sizing: border-box;}*/
/*.login-container .vertical{float: left;width: 2px;line-height:32px;font-size: 18px;color:#006760}*/
/*@media screen and (max-width: 750px) and (max-height: 750px){
    .hd-content{width: 100%;margin: 0 auto;height: 80px;}
}*/
/*内容*/
.content{position: absolute;left: 0;top: 0;right: 0;bottom: 0;min-height:600px;min-width: 1200px;margin:0 auto;overflow: hidden;}

.nav-wrap{max-width: 1440px;margin: 0 auto;box-sizing: border-box;background: #e20407;min-width: 1200px}
.nav-wrap ul{width: 648px;;margin: 0 auto;height: 68px;box-sizing: border-box;}
.nav-wrap ul li{height: 68px;line-height: 68px;color: #fff;padding: 0 55px;font-size: 24px;float: left;box-sizing:border-box;}
.nav-wrap ul li a{text-decoration: none;color: #fff;padding:0 5px;padding-bottom: 6px}
/*.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;}
.container-bg{position: relative;max-width: 1440px;min-width: 1200px;margin: 0 auto;overflow: auto;background: url(../images/bg.jpg) repeat;min-height: 604px!important;background-size: cover;padding-bottom: 90px}


.bg{background: url(../images/bg.png) no-repeat center top;text-align: center;max-width: 1440px;background-size: cover;behavior: url(css/backgroundsize.min.htc);height:600px;}

.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;max-width: 1440px;min-width: 1200px;text-align: center;font-size:12px;line-height: 72px;height:72px;color:#000;margin: 0 auto;margin-top: -72px;}

.career-container{
    position: relative;
    width: 1130px;
    margin: 0 auto;
    margin-top: 26px;
}
.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}
.career-content{width: 1130px;min-height: 460px;background: white;color: #e20407;overflow: hidden}
.company-info{margin: 30px 20px  }
.career-con{margin: 0 20px;margin-bottom: 30px}
.info-title{font-size: 20px;color: #e20407;margin: 10px 0}
.info-txt{font-size: 16px;color: #e20407;line-height: 30px}
.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}


.contact-text{position: absolute;left:0;right: 0;margin: 0 auto;width: 1200px;bottom: 0}
.contact-text img{position: absolute;opacity: 0}

.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;}
}