/** 清除内外边距 **/
body, h1, h2, h3, h4, h5, h6, hr, p,
blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td, /* table elements 表格元素 */
img/* img elements 图片元素 */{
    border:medium none;
    margin: 0;
    padding: 0;
}
/** 设置默认字体 **/
body,button, input, select, textarea {
    font-family:"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei,tahoma, Srial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%;  font-weight: 500}
em{font-style:normal;}
/** 重置列表元素 **/
ul, ol { list-style: none; }
/** 重置超链接元素 **/
a { text-decoration: none;}
/** 重置图片元素 **/
img{ border:0px;}
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
body,html{max-width: 1920px;min-width: 1200px;margin: 0 auto;}

.banner{width: 100%;height: 680px;overflow: hidden;position: relative;background: url("images/banner.jpg") center no-repeat;}
.treaty{position: absolute;z-index: 10;width: 1100px;height: 630px;top: 25px;left: 50%;margin-left: -550px;
    background: #fff;box-sizing: border-box;padding: 0 30px;display: none;}
.treaty>h4{font-size: 30px;color: #505050;text-align: center;margin-top: 30px;}
.treaty-content{width: 100%;height: 430px;overflow-y: auto;overflow-x: hidden;box-sizing: border-box;padding: 0 35px;font-size: 18px;line-height: 36px;color: #8c8c8c;margin-top: 15px;
    /*scrollbar-arrow-color: #b0b0b0; !*三角箭头的颜色*!*/
    scrollbar-face-color: #b0b0b0; /*立体滚动条的颜色（包括箭头部分的背景色）*/
    scrollbar-3dlight-color: #b0b0b0; /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #b0b0b0; /*滚动条的高亮颜色（左阴影？）*/
    scrollbar-shadow-color: #b0b0b0; /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #fff; /*立体滚动条外阴影的颜色*/
    scrollbar-track-color: #fff; /*立体滚动条背景颜色*/
    scrollbar-base-color:#b0b0b0; /*滚动条的基色*/
}
.treaty-close-a{width: 124px;display: block;line-height: 48px;background: #fe0f36;font-size: 28px;color: #fff;text-align: center;margin: 25px auto 0 auto;
    border-radius:10px;}
.treaty-close{width: 25px;height: 25px;position: absolute;top: 8px;right: 9px;background: url("images/tp-close.jpg") center no-repeat;cursor: pointer;}
.load-form,.load-jg,.load-countdown{width: 1080px;height: 528px;background: #fff;position: absolute;top: 122px;left: 50%;margin-left: -540px;}
.load-form{}
.load-form-head{text-align: center;font-size: 28px;color: #3c3c3c;line-height: 94px;}
.load-form-head>span{color: #f5bd4c;}
.load-form-input{width: 375px;overflow: hidden;margin: 0 auto}
.load-form-inputs{width: 100%;margin-bottom: 10px;overflow: hidden;position: relative}
.load-form-inputs p{line-height: 41px;font-size: 22px;color: #3c3c3c;float: left;text-align: right;width: 140px;}
.load-form-inputs input,.load-form-inputs select{height: 41px;width: 222px;box-sizing: border-box;border: 1px #c8c8c8 solid;
    float: right;line-height: 41px;padding-left: 20px;font-size: 16px;color: #828282;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}
.load-form-inputs select{background: url("images/tp_xiala.png") 180px center no-repeat;}
.load-form-inputs span{font-size: 18px;color: #828282;position: absolute;right: 20px;line-height: 41px;}
.load-form-conf{margin: 0 auto;overflow: hidden;display: table;}
.load-form-conf input{width: 16px;height: 16px;display:block;float: left;background: #fff;}
.load-form-conf span{font-size: 14px;line-height: 16px;color: #646464;display: block;float: left;padding-left: 11px;}
.load-form-conf span a{color: #fd1f40;cursor: pointer;}
.load-form-select{width: 222px;line-height: 41px;display: block;margin: 22px auto 32px auto;background: #eec470;font-size: 22px;color: #fff;text-align: center;border-radius: 7px;}
.hire-zx:hover,.load-jg-zx:hover,.load-form-select:hover{background:#f5bd4c}
.load-form-prompt{font-size: 18px;color: #8c8c8c;text-align: center}
.load-jg{text-align: center;z-index: 3;display: none}
.load-jg-p1{font-size:45px;color: #323232;margin-top: 110px;position: relative;z-index: 2}
.load-jg-p1 span{color: #eec470;}
.load-jg-p2{font-size: 36px;color: #525252;margin-top: 35px;}
.load-jg-zx{width: 376px;line-height: 76px;text-align: center;display: block;margin: 15px auto 50px auto;background:#eec470;font-size: 36px;color: #fff;border-radius: 7px;}
.load-jg-span1{font-size: 18px;color: #939393;}
.load-countdown{display: none;z-index: 100;}
.load-count-djs{width: 399px;height: 133px;padding-left: 58px;background: url("images/jg_gif1.gif") left 22px no-repeat;margin: 65px auto 0 auto;position: relative}
.load-count-djs div{width: 100%;height: 133px;background: url("images/jg_gif2.gif") center no-repeat;}
.load-count-text{font-size: 47px;color: #ffffff;position: absolute;line-height: 58px;top: 29px;right: 93px;letter-spacing: 17px;}
.load-slide{width: 1065px;margin: 22px auto 0 auto;height: 240px;position: relative}
.load-slide-left,.load-slide-right{width: 41px;height: 41px;position: absolute;top: 50%;margin-top: -20.5px;cursor: pointer;z-index: 5}
.load-slide-left{left: -3px;background: url("images/tp_slide_left.png") center no-repeat;}
.load-slide-right{right: -3px;background: url("images/tp_slide_right.png") center no-repeat;}
.load-slide-main li{width: 340px;height: 240px;position: relative;margin: 0 7.5px;}
.load-slide-main li img{width: 340px;height: 240px;}
.load-slide-main li p{width: 100%;position: absolute;bottom: 0;line-height: 32px;font-size: 18px;color: #fff;text-align: center;background: rgba(0,0,0,0.5);}


.hire{padding-top: 160px;background: url("images/fq-head.jpg") center top no-repeat ;margin-top: 40px;overflow: hidden}
.hire-input{overflow: hidden;display: table;margin: 0 auto;}
.hire-input>p{font-size: 28px;color: #353535;line-height: 58px;float: left;}
.hire-input input{display: block;box-sizing: border-box;height: 58px;line-height: 58px;float: left;width: 404px;border: 1px #c8c8c8 solid;margin:0 35px;
padding-left: 20px;font-size: 20px;color: #333}
.hire-hcon{width: 920px;height: 78px;margin: 47px auto 0 auto;position: relative;color: #353535;}
.hire-hcon>span{font-size: 28px;position: absolute;left: 0;bottom: 0;}
.hire-hconmain{width: 746px;float: right;height: 78px;}
.hire-hconmain.bg1{background: url("images/tp-tiao-1.png") center 39px no-repeat;}
.hire-hconmain.bg2{background: url("images/tp-tiao-2.png") center 39px no-repeat;}
.hire-hconmain.bg3{background: url("images/tp-tiao-3.png") center 39px no-repeat;}
.hire-hconmain>p{font-size: 28px;text-align: center;padding-bottom: 70px;float: left;margin-left: 320px;cursor: pointer;}
.hire-hconmain>p:first-child{margin-left: 0!important;}
.hire-jg{width: 920px;line-height: 89px;margin: 37px auto 0 auto;background: #eeeeee;font-size: 28px;color: #323232;text-align: right;box-sizing: border-box;padding: 0 20px;}
.hire-jg span{font-size: 38px;}
.hire-jg span a{font-size: 53px;}
.hire-zx{width: 357px;line-height: 61px;font-size: 30px;color: #fff;text-align: center;display: block;background: #eec470;border-radius: 7px;margin: 47px auto 76px auto}
.img1{width: 100%;height: 664px;overflow: hidden;position: relative;cursor: pointer;}
.img1>img{width: 1920px;display: block;position: relative;margin-left: -960px;left: 50%;z-index: 1;
    -webkit-transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;}
.img1>div{width: 1200px;height: 306px;position: absolute;top: 180px;left: 50%;margin-left: -600px;z-index: 2}
.img1>div img{width: 1221px;height: 306px;position: absolute;left:-350px;}
.img1:hover>img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);}


.super{width: 100%;background: #f5f5f5;padding:80px 0 44px 0;overflow: hidden;}
.super-head{font-size: 36px;color: #3f3f3f;text-align: center;margin-bottom: 20px;}
.super-ul{width: 1200px;overflow: hidden;margin: 0 auto}
.super-ul li,.super-main-head,.super-ul li>h5,.super-ul li>p{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.super-ul li{width: 300px;float: left;height: 363px;cursor: pointer;}
.super-ul li>h5{text-align: center;font-size: 30px;color: #3f3f3f;margin: 30px 0 22px 0}
.super-ul li>p{font-size: 22px;line-height: 27px;color: #636363;text-align: center}
.super-ul li:hover>h5,.super-ul li:hover>p{color: #fff;}
.super-main-head{width: 117px;height:117px;margin: 53px auto 0 auto;border-radius: 50%;}
.super-li1:hover{background-color: #7ad9f4}
.super-li1 .super-main-head{background:#7ad9f4 url("images/tp_super1.png") center no-repeat;}
.super-li1:hover>.super-main-head{background:#fff url("images/tp_super1_on.png") center no-repeat;}
.super-li2:hover{background-color: #eec470}
.super-li2 .super-main-head{background:#eec470 url("images/tp_super2.png") center no-repeat;}
.super-li2:hover>.super-main-head{background:#fff url("images/tp_super2_on.png") center no-repeat;}
.super-li3:hover{background-color: #6dcab5}
.super-li3 .super-main-head{background:#6dcab5 url("images/tp_super3.png") center no-repeat;}
.super-li3:hover>.super-main-head{background:#fff url("images/tp_super3_on.png") center no-repeat;}
.super-li4:hover{background-color: #fac1bd}
.super-li4 .super-main-head{background:#fac1bd url("images/tp_super4.png") center no-repeat;}
.super-li4:hover>.super-main-head{background:#fff url("images/tp_super4_on.png") center no-repeat;}

.odds{width: 1200px;margin: 0 auto;overflow: hidden;padding: 100px 0;}
.odds-head{text-align: center;font-size: 36px;color: #3f3f3f;margin-bottom: 50px;}
.odds-ul{width: 100%;overflow: hidden}
.odds-ul>li{width: 33.33%;float: left;height: 178px;cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.odds-li1{background:url("images/tp_odds1.png") center 50px no-repeat;}
.odds-li2{background:url("images/tp_odds2.png") center 50px no-repeat;}
.odds-li3{background:url("images/tp_odds3.png") center 50px no-repeat;}
.odds-ul>li:hover{background-color: #f5f5f5;}
.odds-ul>li p{font-size: 24px;color: #5a5a5a;text-align: center;margin-top: 116px;}