@charset "utf-8";
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,legend,input,textarea,blockquote,img,i,em,section{padding:0;margin:0;font-family:"Microsoft YaHei";}
*{box-sizing: border-box;margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{background: #fff;color:#000;font-size:14px;font-family: "Microsoft YaHei";line-height: 22px;}
table{border-spacing: 2px;border-collapse: separate;border-color: gray;}
td, th {display: table-cell;vertical-align: inherit;}
tr{display: table-row;vertical-align: inherit;border-color: inherit;}
dl,ul,li{list-style:none;}
a{text-decoration:none;color:#7f7f7f;}
img{border:none; display:block;}
input,textarea,img{outline:none;}
input::-moz-focus-inner{padding:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
select{background: #fff;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;}
input[type="submit"]{border-radius: 0;border: none;-webkit-appearance: none;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom:1;}
h1,h2,h3,h4,h5,h6,i,em{font-weight:normal; font-style:normal;}
.fl{float:  left;}
.warp{width:1000px;margin:0 auto; overflow:hidden;}
/*头部*/
.header {
    background: #fff;
    width: 100%;
    height: 57px;
    line-height: 57px; overflow:hidden;
}
.headerNav {
    float: right;
}
.headerNav a {
    font-size: 18px;
    color: #000;
    padding: 0 0 0 42px;
    position: relative;
}
.headerNav a.on{
    color: #ee0000;
}
.headerNav a.on span{background: #ee0000;}
.headerNav a span{
    position: absolute;
    width: 2px;
    height: 2px;
    background: #000;
    border-radius: 3px;
    top: 11px;
    left: 85px;
}
.logo {
    float: left;
    width: 227px;
    height: 57px;
}
/*index*/
.indexBanner {
    background: url(../img/bg.png) no-repeat center;
    width: 100%;
    height:1088px;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}
.indexBanner0{background: url(../img/bg.jpg) no-repeat center;
    width: 100%;
    height:2259px;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;}
.moreVoice {
    background: url(../img/voice.png) no-repeat center;
    width: 1000px;
    height:576px;
    background-size: 100%;  
    position: absolute;
    top: 456px;
    left: 50%;
    margin-left:-500px;
}
.moreVoice h2{font-size:24px;font-weight: bold;padding: 8px 0 310px 62px;}
.firstH2 {color: #b20a0a;}
.secondH2 {color: #ed1b23;}
.thirdH2 {color: #e15140;}
.moreVoice p {font-size: 18px;color: #fff;width: 258px;margin: 0 auto 52px;line-height: 28px;}
.first {
    float: left;
    width: 287px;
    margin-left: 69px;
}
.second {
    float: left;
    width: 288px;
}
.third {
    float: left;
    width: 300px;
}
.first p {
    margin: 0 auto 79px;
}
.moreVoice a{text-align: center;width: 166px;height: 31px;display:block;margin: 0 auto;line-height: 31px;font-size: 18px;padding: 0 5px 0 0;}
.first a {background: url(../img/first.png) no-repeat;color: #dc0f0f;margin: 0 0 0 25px;}
.second a {background: url(../img/second.png) no-repeat;color: #ff4949;}
.third a {background: url(../img/third.png) no-repeat;color: #e15140;margin: 0 38px 0 0;float: right;}
.witnesses {
    background:#fbf1ef;
    padding: 60px 0;
    margin: -57px auto 0;
}
.employees {
width: 446px;
padding: 0 0 0 30px;
position: relative;
}
.employees img{
    float: left;
}
.employees p{
    float: left;
    width: 168px;
    font-size: 16px;
    color: #333;
    padding: 144px 0 0 8px;
}
.employees a{
    display: block;
    font-size: 16px;
    color: #ee0000;
    float: right;
    margin: 6px 0 0 0;
}
.employees .redBox {
    background: url(../img/redBox1.jpg) no-repeat;
    width: 209px;
    height: 134px;
    background-size:100%;
    position: absolute;
    right: 0;
    top: 0;
}
.redBox span{color: #ed1b23;font-size: 20px;font-weight: bold;padding: 26px 0 0 24px;display: block;line-height: 28px;}
.viewness {
    float: right;
    margin-right: 20px;
}
.viewness p {
    padding: 0 0 0 18px;
}
.viewness .redBox {
    background: url(../img/redBox2.jpg) no-repeat;
    width: 147px;
    height: 134px;
    background-size:100%;
    position: absolute;
    right: 60px;
    bottom: -8px;
    top: auto;
}
.viewness .redBox span{
    padding: 24px 0 0 11px;
    line-height: 27px;
}
.viewness a{
    margin: 6px 16px 0 0;
}
.master {
    width: 760px;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
    padding: 70px 0 0 0;
}
.master .redBox {
    background: url(../img/redBox3.jpg) no-repeat;
    width: 174px;
    height: 98px;
    background-size:100%;
    position: absolute;
    left: 293px;
    bottom: 0;
    top: auto;
}
.master .redBox span {
    padding: 17px 0 0 20px;
    font-size: 17px;
    line-height: 23px;
}
.master p{
    padding: 0 0 0 50px;
    width: 450px;
}
.titleImg {margin:73px auto 31px;}
.swiper-container .swiper-button-prev{background-image: url(../img/prev.png);width: 54px;height: 85px;}
.swiper-container .swiper-button-next{background-image: url(../img/next.png);width: 54px;height: 85px;}
.swiper-container .prevOn{background-image: url(../img/prevon.png);width: 54px;height: 85px;}
.swiper-container .nextOn{background-image: url(../img/nexton.png);width: 54px;height: 85px;} 
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:1 !important;}
.indexBottom{background-color: #fbf1ef;margin-bottom: 350px;}
.indexFirst{background: url(../img/indexBottom1.png);width: 100%;height:636px;background-size: 100%;position: relative;}
.indexFirst p{width: 394px;height: 46px;line-height: 46px;color: #fff;font-size: 22px;position: absolute;text-align: center;}
.indexFirst .p1{
    top: 271px;
    left: 0;
}
.indexFirst .p2{
    top: 271px;
    right: 0;
}
.indexFirst .p3{
    bottom: 0;
    left: 0;
}
.indexFirst .p4{
    right: 0;
    bottom: 0;
}
.indexBottom img{margin: 150px auto 0;display: block;}
.titleImg2{
    position: absolute;
    left: 50%;
    margin-left: -150.5px;
    top: 315px;
}
.index2Banner{background: url(../img/index2.jpg);width:1026px;height:401px;background-size: 100%;margin: 440px auto 20px;position: relative;}
.index2Banner p{font-size: 24px;color: #fffeff;position: absolute;right: 120px;top: 58px;}
.index2Banner div{color: #210c04;font-size: 14px;width: 370px;position: absolute;right: 26px;line-height: 28px;top: 121px;}
.message{background: url(../img/message.png);width: 1049px;height:940px;background-size: 100%;margin:0 auto 0;overflow: hidden;}
.titleMess {
    text-align: center;
    width: 123px;
    margin: 44px auto 0;
    overflow: hidden;
    font-size: 24px;
    color: #1a1a1a;
}
.titleMess .img1{
    float: left;
    margin: 5px 0 0 0;
}
.titleMess .img2{
    float: right;
    margin: 5px 0 0 0;
}
.messBox{background: url(../img/messbox.png);width:810px;height:160px;margin:620px auto 0;overflow: hidden;}
.messBox form a{
    float: right;
    width: 148px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    height: 47px;
    line-height: 47px;
}
.messBox form textarea{
    resize: none;
    width: 800px;
    height: 106px;
    border: none;
    margin: 4px auto 0px;
    display: block;
    padding: 0 10px;
    font-size: 16px;
}
.ending{width:1004px;margin:0px auto 0;overflow: hidden;}
.ending .bottom{background: url(../img/bottom.png);width:1004px;height:240px;margin:24px auto 0;overflow: hidden;}
.ending .bottom .p{
    font-size: 20px;
    color: #fff;
    width: 500px;
    line-height: 42px;
    padding: 36px 0 0 46px;
}
.footer{background:rgb(228,63,11);color: #fff;text-align: center;line-height: 24px;padding: 10px 0;}