body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, dl, dt, dd, ul, li, ol, th, td, img, form, fieldset, legend, button, select, input, textarea {
    margin: 0;
    padding: 0;
    list-style: none
}


input, button, select, a {
    display: inline-block;
    box-shadow: none;
    outline: none;
    border: none
}




* {
    box-sizing: border-box
}

@font-face {
    font-family: "sourcehansans"; /* 这个名字可以自己定义 */
    src: url("../fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
    src: url("../fonts/sourcehansans.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */ url("../fonts/sourcehansans.woff") format("woff"),
        /* Modern Browsers */ url("../fonts/sourcehansans.ttf") format("truetype"),
        /* Safari, Android, iOS */ url("../fonts/sourcehansans.svg#YourWebFontName")
    format("svg"); /* Legacy iOS */
    font-weight: bold;
    font-style: normal;
}
.font {
    font-family: "sourcehansans";
}
body {
    font: 12px "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", "▲▲▲▲", STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
    /*letter-spacing: 0.01rem;*/
    /*font-family: "Open Sans", Arial, sans-serif;*/
    font-family: "sourcehansans";
    color: #333;

}

.w70 {
    width: 70%;
}
.w50 {
    width: 50%;
}
.greyccc{color: #cccccc}
.re{position: relative}
.ab{position: absolute}
.i-ico{top:15px;left: 20px}
.w-ico{top:1px;left: 95px}
.q-ico{top:1px;left: 145px}
.visible{    visibility: visible;}
.hidden{  display: none}

.flex {
    display: inherit;
}
.fl {
    float: left;
}

.fr {
    float: right;
}
.clear{clear: both}
/* login */
a, a:hover {
    text-decoration: none;
    color: #333;
    cursor: pointer
}
.eb_color{color: #eb6100}
.hui_color{color: #595959}
.logintop {
    width: 100%;
    background:  url(/../../skin/new/images/bg.png) no-repeat center;
}

.logintop .logintopmid {
    height: 900px;
    color: #fff;
}

.loginmid {
    width: 272px;
    padding-bottom: 80px;
    background: #FFFFFF;
    border-radius: 5px;
    padding-top: 50px;
    margin:5% 0 0 60%;
}

@media screen and (max-width:1280px) {
    .logintop {
        width: 100%;
        background:  #ffffff;
    }
    .loginmid {
        width: 224px;
        padding-bottom: 80px;
        background: #FFFFFF;
        border-radius: 5px;
        padding-top: 50px;
        margin: 0 auto;
    }
}
.loginmid .logintitle{
    width: 200px;
    color:#eb6100 ;
    font-size: 16px;
    font-weight: bold;
}


.loginmid .loginlabel {
    width: 60px;
    line-height: 50px;
    color: #546b8f;
    font-weight: initial;
}

.loginmid .form-group {
    width: 355px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.loginmid .form-group_zc {
    width: 355px;
    margin: 0 auto;
    margin-bottom: 24px;
}

.loginmid .loginmidinput {
    border: none;
    border: 1px solid #DCDFE6;
    width: 100%;
    line-height: 48px;
    height: 48px;
    text-align: left;
    margin: 2px auto;
    padding-left: 49px;
    padding-right: 24px;
}

.loginmid .loginmidinput_zc {
    border: none;
    border: 1px solid #EEEEEE;
    width: 100%;
    line-height: 38px;
    height: 38px;
    padding-left: 6px;
    padding-right: 24px;
}

.loginmid .loginmidinput:focus {
    box-shadow: 0 0px 0px rgba(255, 225, 225, 0) inset, 0 0 0px rgba(255, 225, 225, 0.9);
    outline: 0 none;
    border: 1px solid #EEEEEE;
    border-color: #eb6100;
}

.loginmid .loginmidinput:focus + [class*="icon-"] {
    color: #eb6100;
}

.loginmid .loginbtn {
    height: 45px;
    background: #eb6100;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

 .loginbtn {
    height: 45px;
    background: #eb6100;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
     width: 100px;
}

.loginbtn_samll {
    height: 35px;
    background: #eb6100;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    width: 70px;
}
.loginbtn_gd {
    height: 35px;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    color: #eb6100;
    cursor: pointer;
    width: 100px;
    border:1px solid #eb6100;
}
.loginbtn_cs {
    height: 35px;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px;
    color: #eb6100;
    cursor: pointer;
    width: 70px;
    border:1px solid #eb6100;
}
.btn_lan {
    height: 45px;
    background: #eb6100;
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    line-height: 45px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    width: 95px;
    margin-right: 20%;
    margin-top:20px
}

.loginbottem {
    text-align: center;
    color: #777794;
    position: fixed;
    bottom: 100px;
    width: 100%;
    text-align: center;
}

.yzm{ margin-top: 3px;margin-left: 10px !important; height: 45px;width: 50%}


input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}




.flexbox {
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.select--code-type {
    border: 1px #ccc solid;
    margin: 0 5px;
}
.button--code-style {
    padding: 0 10px;
    background: #ff0000;
    color: #fff;
}
.form-group__yes {
    margin-top: 10px;
}
.form-group__yes label {
    padding-left: 10px;
    color: #000;
    font-weight: normal;
}
.form-group__yes span {
    color: #ff0000;
}

.w_top{width: 100%; height: 95px; border-top: 2px solid #f0f2f5;}
.top_part1{}
.block{display: block}
.part1_title{font-size: 22px; font-weight: bold;padding: 10px}
.part2_title{ padding: 3px 10px; letter-spacing: 1px;color: #a4acb5}
.mr30{margin-right: 130px}
.top_part2 span label{font-weight: normal;color:#a4acb5;margin-left: 5px; }
.w_content{ width:100%; background: #f0f2f5;min-height: 1000px;overflow: hidden; }
.part1{display: flex;flex-direction: row;margin-top:20px}
@media screen and (max-width:1280px) {
    .part1{flex-wrap: wrap}
}
.content_1{height: 215px; background: #fff; overflow: hidden; margin-left: calc(20px / 1);margin-right: calc(20px / 1);width: calc(33.33% - 20px);}
@media screen and (max-width:1280px) {
    .content_1{width: calc(100% - 20px);margin-bottom: 20px;}
}
.c_top{ height: 40px;border-bottom: 1px solid #e8e8e8; width: 100%;display: flex;align-items: center;justify-content: space-between;}
.c_top span{padding: 10px; font-size: 18px; font-weight: bold;display: inline-block;}
.c_bottom span{padding: 10px;font-size: 18px;font-weight: bold; display: inline-block}
.c_bottom span img{margin: 10px}
.cz_list{margin:10px 20px 20px 20px;}
.cz_list span{display: block;margin-top:10px}



.c_left span{padding: 10px;font-size: 18px;font-weight: bold; display: inline-block}
.tg_btn{margin:10px}
.tg_btn div{ font-size: 14px;color: #eb6100;cursor: pointer; }
.tg_btn div:hover{ text-decoration: underline; }
.wx_title{margin: -5px 20px;font-size: 20px;font-weight: bold}
.wx_desc{ margin:10px}
.c_right{ margin-left:80px}
@media screen and (max-width:1280px) {
    .c_right{ margin-left:0px}
}
.icon-QQ-circle-fill{margin:0px 0}
.qq{font-size: 12px !important;margin-left: 12px}
.qq_text{font-size: 12px;margin-left: 6px;color: #eb6100}
.icon-weixin-copy{margin:0px 0}
.gg_list a{color: #eb6100}

.content_2{min-height: 188px;height: auto;background: #fff;margin:20px 20px}
.part2_top{height: 55px;border-bottom: 1px solid #e9e9e9}
.content_2 .part2_top .title{font-size: 18px;font-weight: bold;margin:20px}
.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.part2_bottom{  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin-top:30px;padding-bottom: 20px;}
.section__item {
    margin-left: calc(20px / 2);
    margin-right: calc(20px / 2);
    width: calc(33.33% - 20px);
    text-align: center;
}
.section__item a{color:#eb6100}
.content_3{background: #fff; min-height:775px;margin:20px;padding-bottom: 1px; }
.part3_top{ height: 70px; border-bottom: 1px solid #eeeeee}
.p_l{margin:20px;font-size: 20px}
.p_l span{color: #eb6100}
.p_r{margin:20px}
.p_r input{
    border: none;
    border: 1px solid #EEEEEE;
    width: 390px;
    line-height: 28px;
    height: 28px;
    padding-left: 6px;
    padding-right: 24px;
}
.icon-sousuo{ top: 5px;right: 10px; background: none}
.part3_bottom{width:100%;display: flex;  display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap;}
.p_c{margin-left: calc(20px / 1);margin-right: calc(20px / 1);width: calc(25% - 40px);height: 120px;border:1px solid #e9e9e9;margin-top: 30px;justify-content:flex-start;}
@media screen and (max-width:1280px) {
    .p_c{margin-left: calc(20px / 1);margin-right: calc(20px / 1);width: calc(33.3% - 40px);height: 120px;border:1px solid #e9e9e9;margin-top: 30px;justify-content:flex-start;}
}
@media screen and (max-width:1064px) {
    .p_c{margin-left: calc(20px / 1);margin-right: calc(20px / 1);width: calc(50% - 40px);height: 120px;border:1px solid #e9e9e9;margin-top: 30px;justify-content:flex-start;}
}
@media screen and (max-width:750px) {
    .p_c{margin-left: calc(20px / 1);margin-right: calc(20px / 1);width: calc(100% - 40px);height: 120px;border:1px solid #e9e9e9;margin-top: 30px;justify-content:flex-start;}
}
.p_c_l{width: 20%;}
.p_c_r{overflow: hidden;width: 70%;margin: 5%;}
.p_c_l img{ margin:20px}
.t-1{font-size: 16px;letter-spacing: 1px;padding-left: 13%;}
.t-2{font-size: 12px;color:#c6c6c6;margin-top:5px;letter-spacing: 1px;padding-left: 13%; }
.t-2 label{font-size: 12px;color: #f08940}
.t-3 a{font-size: 12px;color: #f08940;margin-top:5px;letter-spacing: 1px ;padding-left: 13%;}
.w_more{width: 150px; height: 30px; border:1px solid #d9d9d9;margin:20px auto;}
.w_more a{padding: 5px 50px}

.content_4{background: #fff; min-height:230px;margin:20px}
.content_4 .part2_top .title{font-size: 18px;font-weight: bold;margin:20px}
.search_list{margin-top:20px;margin-left: 30%}
.search_list input{
    border: none;
    border: 1px solid #EEEEEE;
    width: 390px;
    line-height: 38px;
    height: 38px;
    padding-left: 6px;
    padding-right: 24px;
}

.order input{
    border: none;
    border: 1px solid #EEEEEE;
    width: 390px;
    line-height: 38px;
    height: 38px;
    padding-left: 6px;
    padding-right: 24px;
}
.select--search {
    border: 1px #ccc solid;
    margin: 0 5px;
    height: 35px;
    width: 100px;
    background: #eb6100;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.t_search a{ padding: 10px}
.t_search  .active{ border-bottom: 2px solid #eb6100;}
.c_list{background: #f0f2f5;min-height: 1000px;overflow: hidden;}
.c_content{background: #fff;margin:20px;min-height: 500px}
.c_content{height: 60px}
.c_content .title{font-size: 18px;font-weight: bold;padding:20px}
.c_search{margin:20px}
.c_search input{
    border: none;
    border: 1px solid #EEEEEE;
    width: 230px;
    line-height: 38px;
    height: 38px;
    padding-left: 6px;
    padding-right: 24px;
}

.navbar-language {
    display: flex;
    justify-content: flex-end;
}
.navbar-item {
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
}
.language-menu {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 80px;
    height: 22px;
    margin-left: 12px;
    line-height: 22px;
    text-align: center;
    color: #999;
    cursor: pointer;
}
.language-text {
    position: absolute;
    /* left: 7px; */
    right: 0;
    letter-spacing: 0px;
    font-size: 14px;
    color: #181818;
    white-space: nowrap;
}
.language-white-empty-box {
    position: absolute;
    top: 20px;
    width: 66px;
    height: 15px;
}
.language-list {
    position: absolute;
    top: 30px;
    right: -1px;
    min-width: 150px;
    padding: 10px 16px;
    border: 1px solid #ededed;
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 4px 0px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}
.language-menu:hover .language-list {
    opacity: 1;
    visibility: visible;
    z-index: 999;
}
.language-item {
    font-size: 13px;
    letter-spacing: 0.93px;
    line-height: 28px;
    text-align: left;
    word-break: keep-all;
}
.language-item>a {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    color: #999;
    text-decoration: none;
}
.language-item>a:hover {
    color: #ff6a00;
}
.language-item .msg-body {
    margin-left: 10px;
    white-space: nowrap;
}