@charset "UTF-8";

/* reset */
body,
blockquote,
div,
dd,
dl,
dt,
form,
footer,
h1,
h2,
h3,
h4,
h5,
h6,
header,
input,
li,
ol,
p,
pre,
section,
textarea,
ul {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: "微软雅黑";
}

cite {
    font-style: normal;
}
/* 清除浮动 cl 、clearfix  */
.cl:after,.clearfix:after{content:"\20";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
/* 清除li默认样式*/
li {
    list-style: none;
}

/* 清除input框样式 */
input{ outline: none; }
input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

i {
    font-style: normal;
}

/* 清除a标签默认样式 */
a {
    text-decoration: none;
    color: #000;
    outline: none;

}

/* 解决ie9-下图片边框 */
img {
    border: 0;
}

span:focus {
    outline: 0;
}
.disnone{
    display: none;
}
/* 解决ie下不定高盒子坍缩 */
.dh-overflow {
    overflow: hidden;
}

/* 元素显示隐藏 */
.dh-show {
    display: block;
}

.dh-hide {
    display: none;
}

/* 定义页面字体 */
.dh-font-bold {
    font-weight: bold;
}

/* 浮动与清除浮动 */
.dh-fl, .fl {
    float: left;
}

.dh-fr, .fr {
    float: right;
}

.dh-clear, .clear {
    zoom: 1;
}

.dh-clear:after, .clear::after {
    content: "";
    display: block;
    clear: both;
}

/* 清除两侧浮动 */
.dh-cl-both {
    clear: both;
}

/* 盒子居中 */
.dh-box-c {
    display: block;
    margin: auto;
}

/* 元素定位 */
.dh-position-rel {
    position: relative;
}

.dh-position-abs {
    position: absolute;
}

.dh-position-fix {
    position: fixed;
}

/* 文本定位 */
.dh-text-c {
    text-align: center;
}

.dh-text-l {
    text-align: left;
}

.dh-text-r {
    text-align: right;
}

/* 单行文本超出省略 */
.dh-text-elli {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mg-0 {
    margin: 0 !important;
}

.mg-10-auto {
    margin: 10px auto
}

.mg-auto {
    margin: 0 auto
}

.mg-3 {
    margin: 3px;
}

.mg-5 {
    margin: 5px;
}

.mg-10 {
    margin: 10px;
}

.mg-15 {
    margin: 15px;
}

.mg-20 {
    margin: 20px;
}

.mg-25 {
    margin: 25px;
}

.mg-30 {
    margin: 30px;
}

.mg-35 {
    margin: 35px;
}

.mg-40 {
    margin: 40px;
}

.mg-50 {
    margin: 50px;
}

.mg-80 {
    margin: 80px;
}

.mt-0 {
    margin-top: 0
}

.mt-5 {
    margin-top: 5px
}

.mt-7 {
    margin-top: 7px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px!important
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-80 {
    margin-top: 80px;
}

.mb-0 {
    margin-bottom: 0
}

.mb-5 {
    margin-bottom: 5px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-120 {
    margin-bottom: 120px
}

.ml-0 {
    margin-left: 0
}

.ml-5 {
    margin-left: 5px
}

.ml-8 {
    margin-left: 8px
}

.ml-10 {
    margin-left: 10px
}

.ml-15 {
    margin-left: 15px
}

.ml-20 {
    margin-left: 20px
}

.ml-25 {
    margin-left: 25px
}

.ml-30 {
    margin-left: 30px
}

.ml-40 {
    margin-left: 40px
}

.ml-50 {
    margin-left: 50px
}

.ml-80 {
    margin-left: 80px
}

.ml-230 {
    margin-left: 230px
}

.ml-80-im {
    margin-left: 80px !important
}

.mr-0 {
    margin-right: 0
}

.mr-5 {
    margin-right: 5px
}

.mr-8 {
    margin-right: 8px
}

.mr-10 {
    margin-right: 10px
}

.mr-15 {
    margin-right: 15px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.ml-5-im {
    margin-left: 5px !important;
}

/*-----内填充--------*/
.pd-0 {
    padding-top: 0px
}

.pd-5 {
    padding: 5px
}

.pd-10 {
    padding: 10px
}

.pd-15 {
    padding: 15px
}

.pd-20 {
    padding: 20px
}

.pd-30 {
    padding: 30px
}

.pd-40 {
    padding: 40px
}

.pt-0 {
    padding-top: 0px
}

.pt-5 {
    padding-top: 5px
}

.pt-8 {
    padding-top: 8px
}

.pt-10 {
    padding-top: 10px
}

.pt-15 {
    padding-top: 15px
}

.pt-20 {
    padding-top: 20px
}

.pt-30 {
    padding-top: 30px
}

.pb-0 {
    padding-bottom: 0px
}

.pb-5 {
    padding-bottom: 5px
}

.pb-10 {
    padding-bottom: 10px
}

.pb-15 {
    padding-bottom: 15px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px
}

.pl-0 {
    padding-left: 0px
}

.pl-3 {
    padding-left: 3px
}

.pl-5 {
    padding-left: 5px
}

.pl-10 {
    padding-left: 10px
}

.pl-15 {
    padding-left: 15px
}

.pl-20 {
    padding-left: 20px
}

.pl-30 {
    padding-left: 30px
}

.pr-0 {
    padding-right: 0px
}

.pr-10 {
    padding-right: 10px
}

.pr-15 {
    padding-right: 15px
}

.pr-20 {
    padding-right: 20px
}

.pr-30 {
    padding-right: 30px
}

/*字体颜色*/
.c-red {
    color: #F00!important;
}

.c-danger {
    color: #F00;
}

.c-waring {
    color: #FEA34B;
}

.c-green {
    color: #5FB878;
}

.c-blue,
.modblue,
.c-primary {
    color: #4B96FE;
}

.c-success,
.c-green {
    color: #2CB711 !important;
}

.c-grey {
    color: #8D8D8D;
}

.c-purple {
    color: #C474D5;
}

.c-white {
    color: white
}

.f-12 {
    font-size: 12px;
}

.f-13 {
    font-size: 13px;
}

.f-14 {
    font-size: 14px;
}

.f-15 {
    font-size: 15px;
}

.f-16 {
    font-size: 16px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.f-22 {
    font-size: 22px;
}

.f-24 {
    font-size: 24px;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

/* 盒子居中 */
.mid-box {
    padding-top: 15%;
}
.w-20{
    width: 20px;
}
.w-60{
    width: 60px;
}
.w-80{
    width: 80px;
}
.w-100{
    width: 100px;
}
.w-120{
    width: 120px;
}
.w-140{
    width: 140px;
}
.w-160{
    width: 160px;
}
.w-180{
    width: 180px;
}
.w-200{
    width: 200px;
}
.big-btn{
    padding: 12px 50px;
}
.no-border input{
    border: none;
    background: none;
}

@font-face {
    font-family: 'PuHuiTi';
    src: url('font/Alibaba-PuHuiTi-Medium.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 公共底部 */
.footer {
    width: 100%;
    /* height: 288px; */
    background: #656a75;
    box-sizing: border-box;
    padding: 50px 0;
}
.f-box{
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.f-box ul li{
    float: left;
    width: 216px;
    height: 36px;
    margin-right: 30px;
    margin-bottom: 35px;
}
.f-box ul li:last-child{
    margin-right: 0;
    float: right;
}
.f-address{
    width: 430px;
    height: 80px;
    margin: 0 auto;
    
}
.f-address img{
    display: block;
    float: left;
}
.f-address p{
    padding-top: 5px;
    float: left;
    font-size: 14px;
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    margin-left: 30px;
    margin-bottom: 7px;
}

.f-box .layui-input, .layui-select, .layui-textarea{
    background: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(255, 255, 255, 0.21);
    color: #fff;
}
.f-box .layui-form-select .layui-edge{
    color: #fff;
}
.f-box .layui-form-select dl dd.layui-this{
    background: #D50002;
}
.f-box input::-webkit-input-placeholder {
    color: #fff;
}
/* 公共头部 */
.navs {
    width: 100%;
    height: 74px;
    margin: 0 auto;
    background: #BF0401;
}
.guohui{
    float: left;
    margin-top: 20px;
    margin-right: 100px;
}
.guohui img{
    float: left;
    width: 42px;
    height: 42px;
    margin-right: 10px;
}
.guohui p{
    float: left;
    font-size: 25px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 36px;
    letter-spacing: 1px;
}
.n-contents {
    width: 1200px;
    height: 74px;
    margin: 0 auto;
    line-height: 74px;
    position: relative;
}

.ll-boxs {
    position: absolute;
    width: 100%;
    height: 64px;
    background: #fff;
    color: #333;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.08);
    top: 74PX;
    text-align: center;
    left: 0;
    z-index: 99;
}

.ll-boxs span {
    margin: 0 50px;
    cursor: pointer;
    font-size: 14px;
}

.ll-boxs .stive {
    color: #BF0401;
}

.n-contents ul {
    float: left;
}

.n-contents ul .active {
    font-weight: bold;
    background: url(../img/bd.png) no-repeat center bottom 10px;
}

.n-contents ul li {
    float: left;
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 39px;
    cursor: pointer;
}
.n-contents ul li a{
    color: #fff;
}
.n-contents input {
    float: right;
    font-size: 18px;
    color: #FFFFFF;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 24px;
    border-radius: 24px;
    width: 180px;
    height: 48px;
    margin-top: 16px;
    outline: none;
    background: url(../img/ss.png)no-repeat right 20px center, rgba(255, 255, 255, 0.23);
    color: #fff;
    border: none;
    padding-left: 25px;
    background-size: 18px;
    cursor: pointer;
}

.n-contents input::-webkit-input-placeholder {
    color: #fff;
}
.xz{
    width: 18px;
    height: 18px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background: #BF0401;
}



/* 新版头部 */
.top {
    width: 100%;
    height: 456px;
    min-width: 1200px;
}
.bannerBox{
    width: 100%;
    height: 333px;
    background: url('../img/banner.jpg') no-repeat center center;
    background-size: cover;
    text-align: center;
    padding-top: 98px;
}
.bannerBox .bannerName {
    margin-top: 22px;
    color: #e20000;
    font-size: 44px;
    font-weight: bold;
} 
.navBox {
    width: 100%;
    height: 122px;
    background: #B81B1A;
    padding: 20px 0;
}
.navList {
    width: 1200px;
    margin: 0 auto;
}
.navList li {
    float: left;
    padding: 0 34px;
    border-right: 1px solid #8D1012;
    margin: 8px 0;
}
.navList li:first-child {
    padding-left: 0;
}
.navList li:last-child {
    border-right: none;
}
.navList li a {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
}
.navList li.on a {
    color: #ffffff;
}



/*crumb*/
.crumb{width: 100%;height: 56px;background: #fff;}
.crumb .crumbBox{width: 1200px;margin: 0 auto;line-height: 56px;font-size: 15px;color: #999;text-indent: 15px;}
.crumb .crumbBox a{color: #999;}
.crumb .crumbBox a:hover{color: #BF0401;}
.crumb .crumbBox .formbox {
    position: relative;
}
.crumb .crumbBox .search {
    width: 232px;
    height: 40px;
    border: 1px solid #DB391D;
    font-size: 14px;
    border-radius: 20px;
    /* background: url(../img/ss.png)no-repeat right 20px center; */
    padding: 0 45px 0 15px;
    background-size: 18px;
    cursor: pointer;
    line-height: 40px;
}
.crumb .crumbBox .submitbtn {
    width: 40px;
    height: 40px;
    font-size: 0;
    background: url(../img/ss.png)no-repeat center center;
    position: absolute;
    right: 0;
    top: 9px;
    cursor: pointer;
    border: none;
}


input:-moz-placeholder,   
textarea:-moz-placeholder {   
    color: #999999;   
    font-size: 14px;
}   
  
input:-ms-input-placeholder,   
textarea:-ms-input-placeholder {   
    color: #999999;   
    font-size: 14px;
}   
  
input::-webkit-input-placeholder,   
textarea::-webkit-input-placeholder {   
    color: #999999;   
    font-size: 14px;
}