body {
    background-color: #f8f8f8;
    overflow-x: hidden;
    /* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif; */
    /* min-width:1204px; */
    font: 13px/1.5 "Microsoft YaHei", "Helvetica Neue", "Sans-Serif";
}


/* 公共 */

.common {
    width: 1240px;
    margin: auto;
    /* height: 50px;
   background-color: #ccc; */
}


/* 清除浮动 */

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}


/* 公共头部样式 */


/* 公共按钮 */

.common_btn {
    width: 158px;
    height: 38px;
    margin: 0 auto;
    color: #fff;
    background-color: #2cc072;
    font-size: 15px;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
    line-height: 38px;
    box-shadow: 1px 3px 9px #bbbbbb;
}
.common_btn:hover {
    width: 158px;
    height: 38px;
    margin: 0 auto;
    color: #fff;
    background-color: #2cc072;
    font-size: 15px;
    border-radius: 25px;
    text-align: center;
    cursor: pointer;
    line-height: 38px;
    box-shadow: 1px 3px 9px #2cc072;
}

/* 头部导航 */

.index_navbar {
    width: 100%;
    background: -webkit-linear-gradient(left, #fff, #fff);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #fff, #fff);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #fff, #fff);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #fff, #fff);
    height: 70px;
    /* IE8 */
    position: fixed;
    z-index:9999;
}


/* banner 图 */

.banner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.banner img {
    width: 100%;
    margin: 0 auto;
}


/* 搜索样式 */

.index_nav_search {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 140px;
    background-color: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}


/* .index_nav_search {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 140px;
    background-color: #828282;
} */

.index_nav_search_content {
    /* background-color: #fff; */
    width: 767px;
    height: 83px;
    margin: 40px auto;
}

.index_nav_search_img {
    float: left;
    width: 142px;
    height: 45px;
}

.index_nav_search_input {
    float: right;
}

.index_nav_search_input input {
    background-color: #fff;
}

.index_nav_search_img img {
    width: 100%;
    height: 100%;
}

.bar3 button {
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    outline: none;
    width: 40px;
    height: 44px;
    background-color: #fff;
    position: absolute;
    top: 1px;
    right: 0;
    cursor: pointer;
    background-image: url(../images/index/search.png);
    background-repeat: no-repeat;
    background-position: 10px 12px;
}

.black_overlay {
     display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80); 
}

.white_content {
      display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 140px;
    /* border: 16px solid lightblue; */
    background-color: #bdbdbd;
    z-index: 10000;
    overflow: auto;
}

.white_content_small {
    display: none;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
    height: 50%;
    border: 16px solid lightblue;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}


/*搜索框3*/

.bar3 {
    width: 598px;
    height: 44px;
    /* position: relative; */
}

.bar3 form {
    position: relative;
}

.bar3 input {
    width: 598px;
    height: 46px;
    padding-left: 15px;
}

input {
    background: none;
    outline: none;
    box-sizing: border-box;
    padding-left: 10px;
    border: 1px solid #ccc;
    -webkit-transition: bottom 150ms ease-in-out 150ms;
    transition: bottom 150ms ease-in-out 150ms;
    -webkit-transform: translateZ(0);
}

input:focus {
    border: none;
}


/* 搜索样式end */


/* .index_nav_search>img img {
    width: 100%;
    height: 100%;
} */


/* 公共背景图尺寸 */

.project_banne {
    width: 100%;
    height: 500px;
    background-size: cover;
}

.index_hander_nav {
    height: 70px;
}

.index_hander_img {
    float: left;
    width: 126px;
    height: 40px;
    margin-left: 40px;
    margin-top: 13px;
    cursor: pointer;
}

.index_hander_img>img {
    width: 100%;
    height: 100%;
}

.index_hander_ul {
    box-sizing: border-box;
    margin-right: 40px;
    float: right;
}

.index_hander_ul li {
    /* width: 120px; */
    text-align: center;
    float: left;
    box-sizing: border-box;
    /* margin-left: 70px; */
    font-size: 18px;
    line-height: 68px;
    margin-left: 55px;
}

.index_hander_ul li:last-child img {
    cursor: pointer;
}

/*.index_hander_ul li:hover a {
    color: #2cc072;
    border-bottom: 3px solid #2cc072;
}*/



/* 头部导航end */


/* 公共标题 */


/*公共标题 */

.public_title {
    width: 320px;
    margin: 30px auto;
}

.public_title_content {
    width: 167px;
    float: left;
}

.public_title_content h1 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.public_title_content span {
    /*color: #9d9d9d;*/
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    display: block;
    text-align: center;
}

.public_title_left {
    float: left;
    width: 75px;
    height: 21px;
    border-bottom: 3px solid #2cc072;
}

.public_title_right {
    float: right;
    width: 75px;
    height: 21px;
    border-bottom: 3px solid #2cc072;
}


/* 公共标题  end*/


/* 公共标题 */


/* 底部导航 */

.index_footer {
    width: 100%;
    min-height: 365px;
    /* height: 100%; */
    margin: 0 auto;
    background-color: #282828;
}

.index_footer_dl:nth-child(1) {
    margin-left: 40px;
}

.index_footer_dl {
    float: left;
    margin-right: 75px;
    padding-top: 40px;
}

.index_footer_dt h4 {
    color: #ececec;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 5px;
}

.index_footer_dt span {
    color: #404040;
}

.index_footer_dt {
    margin-bottom: 30px;
}

.index_footer_dl dd {
    cursor: pointer;
    color: #7f7f7f;
    font-size: 14px;
    line-height: 35px;
}

.index_footer_dl dd>a {
    color: #7f7f7f;
}

.index_footer_dl dd:hover a {
    color: #fff;
}


/* 微信部分 */

.index_footer_wx {
    margin-top: 40px;
    /* margin-left: 90px; */
    float: left;
    /* width: 300px; */
    min-height: 270px;
    border-left: 1px solid #535353;
    padding-left: 62px;
}

.index_footer_wx_box {
    width: 176px;
    height: 158px;
    margin: 0 auto;
}

.index_footer_wx_img {
    width: 101px;
    height: 101px;
    margin-left: 42px;
}

.index_footer_wx_title {
    font-size: 14px;
    margin-top: 20px;
    color: #787878;
    margin-left: 20px;
}


/* .index_footer_filing::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #3c3c3c;
} */


/* 底部导航end */


/* 底部备案 */

.index_fotter_filing_box {
    background-color: #282828;
    color: #9c9c9c;
    height: 100%;
}

.index_footer_filing {
    color: #9b9b9b;
    font-size: 16px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 5px;
}

.index_footer_filing span {
    margin-left: 30px;
}


/* 底部备案end */


/* 头部导航end */

.index_hander_ul li a {
    color: #ffffff;
    display: inline-block;
    /* border-bottom: 2px solid red; */
    line-height: 36px;
    color: #343434;
}

/* 底部二 */


/* 底部导航 */

.common_footer {
    width: 100%;
    height: 100%;
    background: #282828;
    color: #fff;
   /* margin-top: 100px;*/
}

.common_footer_box {
    padding-top: 32px;
    margin-bottom: 27px;
}

.common_footer_box a {
    font-weight: 400;
    color: #dededd;
    font-size: 14px;
}

.common_footer_left {
    float: left;
}

.common_footer_left dl {
    float: left;
    margin-right: 79px;
}

.common_footer_left dd {
    margin-bottom: 28px;
}

.common_footer_left dd a:hover {
    font-weight: 800;
    color: #fff;
}

.common_footer_middle {
    float: left;
}


/* 中间企业二维码 */

.common_footer_middle {
    margin-left: 166px;
}

.common_footer_middle_img {
    width: 108px;
    height: 108px;
}

.common_footer_middle_img img {
    width: 100%;
    height: 100%;
}


/* 右侧 */

.common_footer_right {
    float: right;
}

.common_footer_right h3 {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 14px;
}

.common_footer_right p {
    font-weight: 400;
    color: #c3c3c3;
    line-height: 22px;
    font-size: 12px;
    text-align: right;
}


/* 备案 */

.common_footer_filling {
    width: 100%;
    height: 60px;
    line-height: 57px; 
    border-top: 1px solid #a0a0a0;
}

.common_footer_filling_ul li {
    float: left;
    width: 33.33%;
    color: #c5c3c1;
}

.common_footer_filling_ul li:nth-child(2) span {
    display: block;
    text-align: center;
}

.common_footer_filling_ul li:nth-child(3) span {
    display: block;
    text-align: right;
}


/* 底部导航end */


/* 公共头部样式 */


/* 公共样式 */

@media screen and (max-width: 1300px) {
    body {
        width: 1240px;
    }
 .black_overlay {
        width: 1240px;
    }
    
    .white_content {
        width: 1240px;
    }

}