@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.cover {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00305b;
    z-index: 1000000;
    font-size: 16px;
    display: none;
}
.cover .iphone {
    position: relative;
    margin: 0 auto;
    margin-top: 55%;
    width: 147px;
    height: 219px;
    background: url(images/phone.png) no-repeat;
    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;
}
.cover p {
    position: relative;
    position: relative;
    margin: 0 auto;
    margin-top: 10%;
    font-size: 32px;
    line-height: 45px;
    text-align: center;
    width: 90%;
    color: #fff;
}
@-webkit-keyframes zhuan {
    0% {
        transform: rotate(-90deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}
@keyframes zhuan {
    0% {
        transform: rotate(-90deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-90deg);
    }
}
@media screen and (orientation: portrait) {
    .cover {
        display: block;
    }
}
.index-bg{width: 100%;height: 100%;position: relative;}
.s-img{position: absolute;opacity: 0;}
.p101{width: 34.79%;left: 50%;margin-left: -17.39%;top: 18.8%;
    -webkit-animation: bounceIn 1.5s forwards linear;
    -moz-animation: bounceIn 1.5s forwards linear;
    animation: bounceIn 1.5s forwards linear;}
.p102{width: 20.58%;left: 50%;margin-left: -10.29%;top: 8%;
    -webkit-animation:smallbig 1.5s forwards linear;
    -moz-animation:smallbig 1.5s forwards linear;
    animation:smallbig 1.5s forwards linear;}
.p103{width: 9.5%;left: 5%;top: 7.8%;
    -webkit-animation: fadeIn 1.5s forwards linear;
    -moz-animation: fadeIn 1.5s forwards linear;
    animation: fadeIn 1.5s forwards linear;}
.p104{
    width: 31.97%;
    left: 50%;
    margin-left: -15.985%;
    bottom: 2%;
    -webkit-animation: fadeInUp 1.5s forwards linear;
    -moz-animation: fadeInUp 1.5s forwards linear;
    animation: fadeInUp 1.5s forwards linear;
}
.p105{
    width: 22.65%;
    right: 7.2%;
    bottom: 1%;
    display: block;
    -webkit-animation: fadeInLeft2 1.5s infinite linear ;
    -moz-animation: fadeInLeft2 1.5s infinite linear ;
    animation: fadeInLeft2 1.5s infinite linear ;
}
.p105 img{position: relative;width: 100%;}
.p106{
    position: absolute;
    width: 100%;
    bottom:0;
    left: 0;
    opacity: 1;
}
@-webkit-keyframes fadeInLeft2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@media all and (min-width: 1201px)  and (max-width: 1367px) {
    .p101{width: 30%;left: 50%;margin-left: -15%;top: 22.8%;}
    .p102{width: 20.58%;left: 50%;margin-left: -10.29%;top: 8%;  }
    .p103{width: 9.5%;left: 5%;top: 7.8%;  }
    .p104{width: 20%;left: 50%;margin-left: -10%;bottom: 8%;}
    .p105{width: 16.65%;right: 7.2%;bottom: 8%;display: block;}
    .p106{  position: absolute;  width: 100%;  bottom:0;  left: 0;  }
}
@media all and (min-width: 1367px)  and (max-width: 1601px) {
}
@media all and (min-width: 1601px)  and (max-width: 1921px) and (max-height: 1081px) {
}
@media all and (min-width: 1601px)  and (max-width: 1921px) and (max-height: 1201px) {
}
.m-index{}
.m-index .indexbanner{}
.m-index .indexbanner a{display: block;}
.m-index .indexbanner a img{display: block;width: 100%;}
.footer{padding: 5px 3px;text-align: center;color: #666;min-width: 1320px;}
body{min-width: 1200px;}
/*首页*/
.index-top{background: url("images/nav-bg.jpg") repeat-x;height: 100px;width: 100%;}
.main-width{width: 1200px;margin: 0 auto;}
.main-width2{width: 1000px;margin: 0 auto;}
.logo{display: block;float: left;}
.index-nav{  position: absolute;  top: 0;  width: 100%;  left: 0;  height: 86px;  background: #fff;  }
.nav-list{float: right;/* width: 60%; */position: relative;/* background: #f7f7f7; *//* margin-top: 30px; */}
.nav-list li{float: left;}
.nav-list li.one-li{text-align: center;display: block;position: relative;}
.nav-list li.one-li a.one-a{font-size: 18px;text-decoration: none;display: block;height: 100px;line-height: 100px;text-align: center;color: #4b4948;font-weight: bold;padding: 0 34px;}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #fff;background: #ae2226;}
.nav-list li.one-li a.one-a:hover{text-decoration: none;color: #fff;background: #ae2226;}
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }
.btn_gotop{ display: none; position:fixed; bottom:100px; right: 25px; width: 40px; height: 40px; background: url(images/top.png) no-repeat;}
.btn_gotop a{display: block; width: 100%; height: 100%;}
.banner{width: 100%;height: auto;}
.banner img{width: 100%;height: auto;}
.bg{background: url("images/bg.png") repeat;}
.content-main{padding: 70px 0;}
.content-main  .title-h1{background: url("images/title-bg.png") no-repeat;line-height: 56px;height: 56px;text-align: center;color: #fff;font-size: 28px;font-weight: bold;margin: 40px auto 30px auto;}
.text-content .text-p{font-size: 14px;line-height: 26px;margin: 10px auto;}
.text-content .text-h{font-size: 20px;color: #b52328;font-weight: bold;}
.text-content .text-h1{color: #434343;font-size: 16px;font-weight: bold;}
.img{width: 100%;margin: 20px auto;}
.img img{margin: 0 auto;}
.fzlc-wrap{background: url("images/lc-bg.png") no-repeat center center;width: 100%;height: 706px;position: relative;margin: 70px auto;}
.fzlc-wrap ul{position: relative;width: 100%;height: 100%}
.fzlc-wrap ul li{width: 277px;position: absolute;}
.fzlc-wrap ul li h1{text-align: center;font-size: 18px;font-weight: bold;}
.fzlc-wrap ul li.num1{left: 68px;}
.fzlc-wrap ul li.num2{top: 480px;left: 333px;}
.fzlc-wrap ul li.num3{left: 593px;top: 0;}
.fzlc-wrap ul li.num4{left: 858px;top: 480px;}
.fzlc-wrap ul li.num1 h1{color: #e7541e;margin-bottom: 10px;}
.fzlc-wrap ul li.num2 h1{color: #169e98;margin-bottom: 10px;}
.fzlc-wrap ul li.num3 h1{color: #ed9027;margin-bottom: 10px;}
.fzlc-wrap ul li.num4 h1{color: #0399dd;margin-bottom: 10px;}
.fzlc-wrap ul li p{font-size: 14px;line-height: 26px;color: #000000;text-indent: 0em;text-align: justify;}
.ln-wrap{width: 860px;margin: 0 auto;}
.ln-wrap span{font-size: 22px;font-weight: bold;color: #fff;/* padding: 5px 15px; */text-align: left;background: url("images/ln-bg.png") no-repeat;border-radius: 10px;width: 262px;height: 50px;line-height: 50px;display: block;padding-left: 30px;}
.ln-wrap p{font-size: 16px;line-height: 26px;color: #000;margin-top: 26px;margin-bottom: 35px;padding-left: 20px;}
/*轮播*/
#scroll{width:100%;position:relative;padding-bottom: 90px;}
#scroll ul{list-style:none;}
#scroll ul li{width:100%;margin:0px; padding:0px; display:none;}
#scroll ul li img{width: 100%;}
.subl{position:absolute;top:260px;left: 0;z-index:99;cursor:pointer;}
.subr{position:absolute;top:260px;right: 0;cursor:pointer;}
.fl{float: left;}
.fr{float: right;}
.footer{background: url("images/footer.png") no-repeat center;line-height:117px;height: 117px; font-size: 12px;color: #fff;text-align: center;}
.job-wrap{width:1000px; margin:0 auto; padding:104px 0 200px 0;}
.job-wrap .leftCont{width:169px; height:auto; overflow: hidden;}
.job-wrap .leftCont li{ position: relative; width:100%; height:42px; margin-bottom:12px; background: url("images/li.png") no-repeat; border-radius:5px;}
.job-wrap .leftCont li.on{background:url("images/li-active.png") no-repeat;}
.job-wrap .leftCont li:hover{background:#cb363c;}
.job-wrap .leftCont li a{display: block; width:100%; height:100%; line-height:42px; font-size:18px; text-align: center; color:#fff;}
.job-wrap .rightCont{ display: none; float: right; width:800px;}
.job-wrap .rightCont.on{display: block;}
.job-wrap .rightCont table{width:100%;}
.job-wrap .rightCont table.top-bar{border-radius:5px;background: url("images/th-bg.png") no-repeat center top;}
.job-wrap .rightCont table.top-bar tr td{line-height: 42px; font-size:18px; color:#fff;}
.job-wrap .rightCont table.top-bar tr td.first{padding-left:42px;}
.job-wrap .rightCont table.dept tr span{ margin-left:25px; padding-left:12px; font-size:20px; border-left:4px solid #e62129;}
.job-wrap .rightCont table.dept .btn-open{display: block; width:18px; height:20px; margin:0 auto; background: url("images/arr.png") no-repeat;}
.job-wrap .rightCont table.dept tr td{padding:20px 0 8px 0;border-bottom:1px dashed #3e3a39;}
.job-wrap .rightCont table.dept.on .btn-open{background: url("images/arrr-on.png");}
.job-wrap .rightCont table.zw-box{ margin-top:10px; display: none;}
.job-wrap .rightCont table.zw-box tr td{ padding:8px 0; border-bottom:1px dashed #3e3a39; font-size:16px; color:#3e3a39;}
.job-wrap .rightCont table.zw-box tr td.indent{padding-left:40px;}
.job-wrap .rightCont table.zw-box tr td .btn-apply{ display: block; width:112px; height:30px; margin:0 auto; line-height:30px; font-size:16px; color:#fff; text-align: center; border-radius:20px; background:url("images/li-active.png") no-repeat;}
.contact-wrap{font-size: 18px;font-weight: bold;padding-left: 100px;color: #5e5e5e;}
.contact-wrap ul{}
.contact-wrap ul li{background: url("images/contact-bg.png")no-repeat bottom center;padding-bottom: 10px;margin-top: 20px;padding-left: 120px;}
.contact-wrap ul li h1{font-size: 20px;color: #b52328;font-weight: bold;line-height: 40px;}
.contact-wrap ul li p{font-size: 18px;color: #4f4f4f;font-weight: bold;line-height: 30px;}