﻿@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.s-img{position: absolute;opacity: 0;}
.index-bg{position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.p101{width: 17.1%;left: 12.6%;top:5.2%;
    -webkit-animation: fadeInDown 1.8s forwards;
    animation: fadeInDown 1.8s forwards;
}
.p102{width: 32%;left: 12.6%;top:29.5%;
    -webkit-animation: bounceIn 1.8s forwards .6s;
    animation: bounceIn 1.8s forwards .6s;
}
.p103{width: 28.17%;left: 14.68%;top:54.2%;
    -webkit-animation: rotateIn 1s forwards .8s;
    animation: rotateIn 1s forwards .8s,flash 3s infinite linear 1.2s;
}
.p103 img{position: relative;width: 100%;}
.p104{width: 44.68%;left: 46%;top:12.6%;
    -webkit-animation: bounceIn .8s forwards .8s;
    animation: bounceIn .8s forwards .8s;
}
.p105{width: 6.8%;left: 17.6%;top:76.2%;
    -webkit-animation: smallbig 1.8s forwards;
}
@media all and (min-width: 320px) and (max-width: 980px) {
    .index-bg{position: absolute;width: 100%;height: auto;left: 0;top:0;}
    .p101{width: 17.1%;left: 12.6%;top: 3.2%;}
    .p102{width: 32%;left: 12.6%;top: 6.5%;}
    .p103{width: 28.17%;left: 14.68%;top: 15.2%;}
    .p103 img{position: relative;width: 100%;}
    .p104{width: 44.68%;left: 46%;top: 2.6%;}
    .p105{width: 6.8%;left: 17.6%;top: 22.2%;}
}
body{min-width: 1200px;}
.banner{width: 100%;}
.banner img{width: 100%;}
.s-img{position: absolute;}
/*棣栭〉*/
.index-top{height: 56px;background: #f15922;}
.main-width{width: 1000px;margin: 0 auto;}
.main-width2{width: 1200px;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;height: 56px;line-height: 56px;}
.nav-list li.one-li{text-align: center;display: block;position: relative;/* margin-right: 50px; */width: 152px;}
.nav-list li.one-li a.one-a{font-size: 18px;text-decoration: none;display: inline;text-align: center;color: #fff;font-weight: normal;padding-left: 10px;text-align: center;}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #fff;background: none;font-weight: bold;border-left: 2px solid #fff;}
.nav-list li.one-li a.one-a:hover{text-decoration: none;color: #fff;background: none;font-weight: bold;}
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }
.nav-list li.one-li div{width: 100%;top: 56px;height: 0px;overflow: hidden;position: absolute;left: 0;}
.nav-list li.one-li div span{display: block;width: 100%;}
.nav-list li.one-li div span a{color: #fff;display: block;font-size: 14px;text-decoration:none;background: url("images/nav-bg.png") repeat;line-height: 30px;}
.nav-list li.one-li div span a.on{text-decoration: none;color: #fff;background:#f15922;}
.nav-list li.one-li div span a:hover{  text-decoration: none;  color: #fff;background:#f15922;}
.nav-list li.one-li div span a:active{ text-decoration: none; }
.nav-list li.one-li div span a:visited{text-decoration: none; }
.nav-list li.one-li:hover div{ transition: 1s;height: 500px; }
.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%;}
.content-main{padding-top: 68px;}
.content-main .title-bg{background: url("images/title-bg.png") no-repeat center center;font-size: 28px;color: #f15922;text-align: center;margin-bottom: 20px;}
.content-main .text-main{}
.content-main .text-main p{font-size: 14px;line-height: 35px;margin-top: 10px;}
.content-main .text-main .title-h1{font-size: 22px;color: #2ea5de;margin-top: 30px;}
.content-main .text-main .text-wrap{margin-top: 30px;}
.content-main .text-main .text-wrap span{display:block;background: url("images/li-icon.png") no-repeat left;padding-left: 20px;font-size: 14px;line-height: 47px;}
.img{width: 100%;}
.img img{margin: 0 auto;}
.bottom-img{margin:  110px auto 0  auto;}
.footer{background: #f15922;color: #fff;padding: 15px 0;text-align: center;}
.job-bg{background: #effaff;width: 778px;margin: 0 auto;padding: 20px 35px;position: relative;}
.job-bg .job-title{background: url("images/job-title-img.png") no-repeat left ;padding-left: 67px;font-size: 22px;line-height: 67px;}
.job-bg .job-detail{}
.job-bg .apply{position: absolute;right: 30px;top:30px;}
.job-bg .job-detail ul { }
.job-bg .job-detail ul  li{ padding-left: 66px;}
.job-bg .job-detail ul  li h1{font-size: 14px;line-height: 35px;font-weight: bold; }
.job-bg .job-detail ul  li p{ padding-left:23px;font-size: 14px;line-height: 35px;font-weight: normal;}
.xc-table{}
.xc-table table{}
.xc-table table tr{}
.xc-table table tr th{background: #e75504;color: #fff;padding: 5px;text-align: center;}
.xc-table table tr td{color: #515151;font-size: 14px;text-align: center;border: 1px solid  #e75504;padding: 8px  0;}
.email-btn{line-height: 45px;margin: 20px auto;}
.email-btn a{color: #3e3a39;font-size: 20px;margin-left: 20px;}
/* 鏈緥瀛恈ss */
.foucebox {position:relative;width:935px;height:468px;overflow:hidden;}
.foucebox .bd { position:relative; float:left; width:820px;height:468px;overflow:hidden;}
.foucebox .bd img {width:820px;height:468px;}
.foucebox .hd {position:relative; width:110px; float:right; padding-right:4px; z-index:1; }
.foucebox .hd ul { position:relative; width:110px; overflow:hidden;   }
.foucebox .hd li {height: 63px;/* padding:5px; */overflow:hidden;}
.foucebox .hd img {width: 100%;height: auto;display:block;}
.foucebox .hoverBg {
    position:absolute;
    top: 0;
    left:0px;
    z-index:100;
    /*border: 2px solid #e75504;*/
    width: 100%;
    height: 63px;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/hover.png);
    _background:none;
}
.title-h2{color: #e85514;font-size: 22px;}
.p-row{position: relative;width: 100%;margin-top: 40px;}
.p-row .photo-img{float: left;width: 900px;}
.p-row .photo-text{position: absolute;bottom:0;right: 0;width: 500px;font-size: 17px;line-height: 35px;color: #fff;background: url("images/text-bg.png") repeat;padding: 40px;text-align: justify;}
.p-row .photo-text-left{position: absolute;bottom:0;left: 0;width: 500px;font-size: 17px;line-height: 35px;color: #fff;background: url("images/text-bg.png") repeat;padding: 40px;text-align: justify;}
.p-row .photo-text p{position: relative;text-align: justify;}
.p-row .photo-text-left p{position: relative;text-align: justify;}
.photo-wrow{}
.photo-wrow .photo{width: 400px;}
.photo-wrow .photo img{width: 100%;}
.photo-wrow .text-wrap{background: #ef885a;font-size: 17px;line-height: 35px;color: #fff;padding: 40px ;width: 563px;margin-top: 66px;}
.contact-wrap{padding-left: 300px;}
.contact-wrap table{width: 400px;}
.contact-wrap table tr{}
.contact-wrap table tr td{text-align: center;padding: 0px;}
.contact-wrap table tr td p{font-size: 14px;color: #515151;line-height: 35px;font-size: 14px;}