/*ny common css start*/
.sub_banner {
    position: relative;
    width: 100%;
    height: 450px;
    background: url(../images/sub_bg.jpg) center bottom no-repeat;
    z-index: 2;
}

.sub_local {
    padding-top: 230px;
}

.sub_local .sub_left {
    float: left;
}

.sub_local .sub_left h3 {
    font-weight: normal;
    font-size: 60px;
    text-align: left;
    line-height: 60px;
    color: #fff;
}

.sub_local .sobtitle {
    margin-top: 30px;
    font-size: 18px;
    line-height: 18px;
    color: #fff;
}

.sub_local .sobtitle a {
    font-size: 18px;
    line-height: 18px;
    color: #fff;
}

.sub_local .sobtitle a:first-child {
    margin-left: 14px;
}

.sub_local .sub_right {
    padding-top: 12px;
    float: right;
    width: 36%;
}

.sub_local .sub_right p {
    font-size: 16px;
    text-align: left;
    line-height: 26px;
    color: #fff;
    display: none;
}

.ny_wrapper {
    background: #f5f5f5;
}

.menuer {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 65px
}

.menuer .common_nav {
    position: relative;
    top: 0;
    height: 65px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.menuer .common_nav .mitem {
    float: left;
    width: 14%;
    height: 65px;
    text-align: left;
    border-right: 1px solid #ddd;
}

.menuer .common_nav .mitem .mt {
    display: block;
    height: 62px;
    font-size: 20px;
    line-height: 62px;
    text-align: center;
    color: #333;
}

.menuer .common_nav .mitem.hover .mt {
    font-weight: bold;
    color: #4772de;
    border-bottom: 3px solid #d74f31;
}

.menuer .common_nav .mitem:hover .mt {
    font-weight: bold;
    color: #4772de;
}

.menuer .common_nav .nav_sub {
    display: none;
}


.din {
    padding: 45px 4.3rem;
}

.din ul {
    display: inline-block;
    width: 100%;
}

.din ul li {
    width: 14%;
    height: 3.6rem;
    line-height: 3.6rem;
    float: left;
    text-align: center;
}

.din ul li.on {
    background-color: #4772de;
}

.din ul li.on a {
    color: #fff;
}

.hide {
    display: none;
}




/* reLink */
.reLink {
    margin-top: 100px;
    height: 120px;
    box-sizing: border-box;
    background: #878f9f;
}

.reLink .prevLink,
.reLink .nextLink {
    position: relative;
    float: left;
    width: 50%;
    height: 120px;
}

.reLink .prevLink .txt {
    padding: 40px 50px;
    margin-left: 50px;
    height: 120px;
    box-sizing: border-box;
    background: url("../images/nico-prev.png") no-repeat left center;
    transition: all ease 0.36s;
}

.reLink .prevLink .txt .tit {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}

.reLink .prevLink .txt .sub {
    margin-top: 9px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}

.reLink .prevLink .img {
    position: absolute;
    right: 0;
    top: 20px;
    width: 135px;
    opacity: 0;
    transition: all ease 0.36s;
}

.reLink .prevLink img {
    display: block;
    width: 135px;
    object-fit: contain;
}

.reLink .nextLink .txt {
    padding: 40px 50px 40px 50px;
    margin-right: 50px;
    height: 120px;
    box-sizing: border-box;
    background: url("../images/nico-next.png") no-repeat right center;
    transition: all ease 0.36s;
}

.reLink .nextLink .txt .tit {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    text-align: right;
}

.reLink .nextLink .txt .sub {
    margin-top: 9px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    text-align: right;
}

.reLink .nextLink .img {
    position: absolute;
    left: 0;
    top: 20px;
    width: 135px;
    opacity: 0;
}

.reLink .nextLink img {
    display: block;
    width: 135px;
    object-fit: contain;
}

.reLink .prevLink:hover {
    background: #4772de;
}

.reLink .prevLink:hover .img {
    right: 20px;
    transition: all ease 0.36s;
    opacity: 1;
}

.reLink .prevLink:hover .txt {
    padding-left: 44px;
    transition: all ease 0.36s;
}

.reLink .nextLink:hover {
    background: #4772de;
}

.reLink .nextLink:hover .img {
    left: 20px;
    transition: all ease 0.36s;
    opacity: 1;
}

.reLink .nextLink:hover .txt {
    padding-right: 44px;
    transition: all ease 0.36s;
}

/* 产品详情pronav */
.menuer_prod {
    position: absolute;
    bottom: -30px;
    width: 100%;
    height: 65px;
}

.menuer_prod .pro_nav {
    position: relative;
    height: 62px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
    background: #fff;
}

.menuer_prod .pro_nav .mitem {
    position: relative;
    box-sizing: border-box;
    float: left;
    width: 16.6%;
    height: 62px;
}

.menuer_prod .pro_nav .mitem .mt {
    width: 94%;
    position: relative;
    height: 62px;
    padding: 0 3%;
    font-size: 20px;
    text-align: center;
    line-height: 62px;
    color: #333;
    /*background: url("../images/pronav_li.png") no-repeat 50px center;*/
}

.menuer_prod .pro_nav .mitem:before {
    position: absolute;
    left: 0;
    top: 0;
    content: ' ';
    display: block;
    width: 1px;
    height: 62px;
    background: #ddd;
}

.menuer_prod .pro_nav .mitem:first-child:before {
    display: none;
}

.menuer_prod .pro_nav .mitem.hover .mt {
    font-weight: bold;
    color: #4772de;
    border-bottom: 3px solid #d74f31;
    /*background: url("../images/pronav_li_h.png") no-repeat 50px center;*/
}

.menuer_prod .pro_nav .mitem:hover .mt {
    font-weight: bold;
    color: #4772de;
    /*background: url("../images/pronav_li_h.png") no-repeat 50px center;*/
}

/* product_center */
.ny_wrapper {
    padding-bottom: 100px;
}

.product_wrapper {
    padding-bottom: 230px;
}

.product_center {
    padding-top: 107px;
}

.product_center .prolist li {
    margin-right: 2.85%;
    margin-bottom: 40px;
    float: left;
    width: 31.4%;
    height: 650px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: all ease 0.36s;
}

.product_center .prolist li:nth-child(3n) {
    margin-right: 0;
}

.product_center .prolist li .img {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 75%;
}

.product_center .prolist li img {
    display: block;
    width: 100%;
    height: 100%;
    transition: ease-in-out .2s;
    position: absolute;
    left: 0;
    top: 0;
}

.product_center .prolist li .txtBox {
    padding: 60px 40px 40px;
    height: 220px;
    transition: all ease 0.36s;
    transform: translateY(0);
    z-index: 2;
}

.product_center .prolist li .t_top {
    padding-bottom: 30px;
    border-bottom: 1px dashed #ddd;
}

.product_center .prolist li .t_top .tit {
    font-size: 20px;
    line-height: 30px;
    color: #333;
    background: url("../images/f2arr2.png") no-repeat center right;
}

.product_center .prolist li .t_top .desc {
    margin-top: 30px;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.product_center .prolist li .t_bottom {
    padding-top: 30px;
}

.product_center .prolist li .t_bottom .ite {
    font-size: 14px;
    line-height: 30px;
    color: #999;
}

.product_center .prolist li .t_bottom .it2 {
    margin-left: 20px;
    color: #666;
}

.product_center .prolist li:hover {
    transform: translateY(-3px);
    box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1);
    transition: all ease 0.36s;
}

.product_center .prolist li:hover .t_top .tit {
    color: #1b1f79;
    background: url("../images/f2arr3.png") no-repeat center right;
}

.product_center .prolist li:hover img {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}


.product_center.product_center1 .prolist li .txtBox {
    padding: 24px 40px 24px;
    height: 36px;
}

.product_center.product_center1 .prolist li {
    height: auto;
}

.product_center.product_center1 .prolist li .t_top {
    padding-bottom: 0px;
    border-bottom: none;
}


.about_31 {}

.about_31 .honorlist1 {
    width: 100%;
    width: 100%;
    position: relative;
    margin-top: 50px;
    padding-bottom: 40px;
}

.about_31 .honorlist1 .bd li {
    width: 322px;
    margin-right: 36px;
    float: left;
    text-align: center;
}

.about_31 .honorlist1 .bd li img {
    width: 100%;
}

.about_31 .honorlist1 .bd li h3 {
    padding-top: 16px;
    font-size: 18px;
}

.about_31 .honorlist1 .hd {
    width: 100%;
    text-align: center;
}

.about_31 .honorlist1 .hd ul {
    display: inline-block;
    padding-top: 30px;
}

.about_31 .honorlist1 .hd ul li {
    width: 12px;
    height: 12px;
    background-color: #999;
    font-size: 0;
    float: left;
    border-radius: 50%;
    margin: 0 6px;
}

.about_31 .honorlist1 .hd ul li.on {
    background-color: #1b1f79;
}

@media (max-width: 1366px) {
    .about_31 .honorlist1 .bd li {
        width: 280px;
        margin-right: 26px;
    }
}

/* 产品中心-详情 */
.product_detail_wrapper {
    padding-bottom: 160px;
}

.product_detail {
    padding-top: 160px;
}

.pro_top {
    height: 525px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
    background: #fff;
}

/*****showProduct****/
.showProduct {
    float: left;
    position: relative;
    width: 50%;
}

.showProduct .showImg {
    float: left;
    position: relative;
    padding-bottom: 0;
    overflow: hidden;
}

.showProduct .photo {
    position: relative;
    height: 525px;
}

.showProduct .photo .jqzoom {
    width: 700px;
    height: 525px;
    position: relative;
    padding: 0px;
}

.showProduct .photo .zoomdiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #ffffff;
    border: 1px solid #ddd;
    display: none;
    text-align: center;
    overflow: hidden;
}

.showProduct .photo .jqZoomPup {
    z-index: 999;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #eee;
    background: #fff;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    filter: alpha(opacity=50);
}

.showProduct .photo .img {
    width: 100%;
    height: 100%;
    display: block;
}

.showProduct .photo .bigimg {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

.showProduct .photo .bigimg .list {
    width: 1000%;
    position: relative;
}

.showProduct .photo .bigimg .list li {
    position: relative;
    display: block;
    width: 700px;
    height: 525px;
    float: left;
}

.showProduct .photo .bigimg .list img {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    transition: all ease 300ms;
}

.showProduct .photo .bigimg .list li:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.showProduct .photo .bigimg .list li:hover:before {
    animation: gradient-rectangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.showProduct .photo .photoimg {
    width: 426px;
    height: 60px;
    position: absolute;
    left: 114%;
    top: 52%;
    z-index: 12;
}

.showProduct .photo .photoimg .list {
    width: 354px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

.showProduct .photo .photoimg .listcon {
    width: 300%;
    position: relative;
}

.showProduct .photo .photoimg .listcon li {
    width: 80px;
    height: 60px;
    cursor: pointer;
    display: block;
    float: left;
    margin-right: 12px;
}

.showProduct .photo .photoimg .listcon li img {
    width: 80px;
    height: 60px;
    display: block;
}

.showProduct .photo .photoimg .listcon li:hover img,
.showProduct .photo .photoimg .listcon li.on img {
    border: 2px solid #4772de;
    width: 76px;
    height: 56px;
}

.showProduct .photo .photoimg .prev,
.showProduct .photo .photoimg .next {
    width: 26px;
    height: 60px;
    z-index: 10;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: #ddd url(../images/show-pro-btn.png) no-repeat 0 center;
    border-radius: 3px;
}

.showProduct .photo .photoimg .prev:hover,
.showProduct .photo .photoimg .next:hover {
    background-color: #ccc;
}

.showProduct .photo .photoimg .prev {
    left: 0px;
    background-position: 8px center;
}

.showProduct .photo .photoimg .next {
    right: 0px;
    background-position: -64px center;
}

/* .showProduct .photo .bigimg .list li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);} */

.pro_top .imgtxtcon {
    padding-left: 7%;
    padding-right: 7%;
    position: relative;
    float: left;
    width: 50%;
    height: 525px;
    box-sizing: border-box;
}

.pro_top .imgtxtcon .tit {
    padding-top: 80px;
    font-size: 34px;
    line-height: 30px;
    color: #1b1f79;
}

.pro_top .imgtxtcon .desc {
    margin-top: 48px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    height: 72px;
    overflow-y: auto;
}

.pro_top .imgtxtcon .wx {
    position: absolute;
    bottom: 14%;
    left: 14%;
    display: block;
    width: 200px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-indent: 60px;
    color: #fff;
    background: url("../images/pro_arr.png") no-repeat 150px center #d74f31;
    transition: all ease 0.36s;
    z-index: 14;
}

.pro_top .imgtxtcon .wx:hover {
    text-indent: 64px;
    color: #fff;
    background-color: #005cb3;
    transition: all ease 0.36s;
    box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);
    transition: all ease 0.36s;
}

.pro_cont {
    padding: 5%;
    margin-top: 50px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
}

.pro_cont .pro_left {
    float: left;
    width: 33%;
}

.pro_cont .pro_left .pro_t {
    padding-top: 10px;
}

.pro_cont .pro_t .pro_tit {
    font-size: 34px;
    line-height: 34px;
    color: #333;
}

.pro_cont .pro_t .pro_b {
    padding-top: 80px;
}

.pro_cont .pro_t .pro_b .ite {
    font-size: 16px;
    line-height: 30px;
    color: #999;
    border-bottom: 1px dashed #ddd;
    min-height: 50px;
    padding: 15px 0;
    box-sizing: border-box;
}

.pro_cont .pro_t .pro_b .it2 {
    margin-left: 24px;
    color: #666;
}

.pro_cont .pro_right {
    float: right;
    width: 50%;
}

.pro_cont .pro_right .pro_context {
    line-height: 36px;
}

.pro_cont .pro_context img {
    max-width: 100%;
}

.pro_cont .reLink .prevLink .img {
    width: 100px;
    height: 75px;
}

.pro_cont .reLink .prevLink img {
    width: 100px;
    height: 75px;
}

.pro_cont .reLink .nextLink .img {
    width: 100px;
    height: 75px;
}

.pro_cont .reLink .nextLink img {
    width: 100px;
    height: 75px;
}

/* 推荐产品 */
.pro_recom {
    padding-top: 80px;
}

.pro_recom .pros_tit .tit {
    margin-left: 10px;
    float: left;
    display: block;
    width: 412px;
    font-size: 39px;
    line-height: 50px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.pro_recom .pros_tit .morepros {
    float: right;
    font-size: 20px;
    line-height: 44px;
    color: #999;
}

.pro_recom .pros_tit .morepros:hover {
    color: #4772de;
}

.pro_recom .prolist {
    margin-top: 40px;
}

.pro_recom .prolist .list {
    width: 103%;
}

.pro_recom .prolist li {
    position: relative;
    margin-right: 40px;
    float: left;
    width: calc(100%/3 - 40px);
    height: 510px;
    background: #fff;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
    transition: all ease 0.36s;
}

.pro_recom .prolist li a {
    display: block;
}

.pro_recom .prolist li .img {
    position: relative;
    display: block;
    width: auto;
    height: 330px;
    overflow: hidden;
}

.pro_recom .prolist li .txt {
    position: relative;
    height: 180px;
    padding: 40px 50px 50px 40px;
    box-sizing: border-box;
}

.pro_recom .prolist li .img::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 800px;
    top: 0;
    left: -250px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    -webkit-transform: skewX(-32deg);
    -ms-transform: skewX(-32deg);
    -moz-transform: skewX(-32deg);
    transform: skewX(-32deg);
    opacity: 0;
}

.pro_recom .prolist li .txt .tit {
    font-size: 26px;
    line-height: 26px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.pro_recom .prolist li .txt .desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.pro_recom .prolist li .plus {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 34px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #676a72;
}

.pro_recom .prolist li:hover .plus {
    background: #d74f31;
}

.pro_recom .prolist li:hover {
    transform: translateY(-3px);
    box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1);
    transition: all ease 0.36s;
}

.pro_recom .prolist li:hover .img::before {
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -ms-transition: left 2s;
    transition: left 2s;
    left: 150%;
    opacity: 1;
}

.pro_recom .prolist li:hover .tit {
    color: #4772de;
}

.pro_recom .prolist .list li.item4 {
    display: none;
}

/* 客户案例 */
.case_wrapper {
    padding-top: 80px;
}

.case_wrapper .caselist li {
    position: relative;
    float: left;
    width: 48%;
    margin-bottom: 50px;
    margin-right: 4%;
    height: 380px;
    transition: all ease 0.36s;
}

.case_wrapper .caselist li:nth-child(2n) {
    margin-right: 0;
}

.case_wrapper .caselist li .img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.case_wrapper .caselist li img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.case_wrapper .caselist li .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 20%;
    z-index: 2;
    background: url("../images/ny_case_txt.png") no-repeat center center;
}

.case_wrapper .caselist li .txt .tit {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    text-indent: 50px;
    color: #fff;
    z-index: 12;
}

.case_wrapper .caselist li .txt p {
    position: relative;
    display: table;
    font-family: arial;
    float: right;
    font-size: 30px;
    width: 75px;
    height: 100%;
    background: #4772de;
    z-index: 12;
}

.case_wrapper .caselist li .txt p span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.case_wrapper .caselist li .txt:before,
.case_wrapper .caselist li .txt:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #d74f31;
    z-index: 2;
    transition: .8s;
}

.case_wrapper .caselist li .txt:before {
    transition: .8s;
    background: #d74f31;
    z-index: -1;
}

.case_wrapper .caselist li:hover {
    transform: translateY(-3px);
    box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1);
    transition: all ease 0.36s;
}

.case_wrapper .caselist li:hover .txt:after,
.case_wrapper .caselist li:hover .txt:before {
    width: 100%;
}

.case_wrapper .caselist li:hover p {
    background: #d74f31;
}

.case_wrapper .caselist li:hover img {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}

/* 荣誉资质 */
.honor_wrapper {
    padding-top: 20px;
}

.honor_wrapper .honorlist {
    margin-top: 60px;
}

.honor_wrapper .honorlist .list {
    width: 106%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.honor_wrapper .honorlist li {
    margin: 0 35px;
    margin-bottom: 50px;
    display: block;
    width: 300px;
    height: 245px;
    background: url("../images/honor_li.png") no-repeat center center;
    transition: all ease 0.36s;
}

.honor_wrapper .honorlist li a {
    display: block;
    height: 245px;
}

.honor_wrapper .honorlist li .txt {
    padding-top: 60px;
}

.honor_wrapper .honorlist li .h_tit {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    ;
    color: #999;
    background: url("../images/honor_line.png") no-repeat center center;
}

.honor_wrapper .honorlist li .tit {
    padding-top: 10px;
    width: 160px;
    margin: 0 auto;
    font-weight: normal;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #1b1f79;
}

.honor_wrapper .honorlist li:hover {
    transform: translateY(-3px);
    background: url("../images/honor_li_h.png") no-repeat center center;
    transition: all ease 0.36s;
}

.honor_wrapper .honorlist li:hover .tit {
    font-weight: bold;
}



/* 新闻动态 */
.news_wrapper .pager {
    margin-top: 70px;
}

.news_center {
    padding-top: 107px;
}

.news_center .newslist li {
    position: relative;
    transition: all ease 0.36s;
}

.news_center .newslist li .newscont {
    padding: 50px 0;
    position: relative;
    display: block;
    border-bottom: 1px solid #cccccc;
}

.news_center .newslist li .img {
    position: relative;
    float: left;
    display: block;
    width: 32.143%;
    height: 252px;
    overflow: hidden;
}

.news_center .newslist li img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease 0.36s;
}

.news_center .newslist li .txtbox {
    float: right;
    width: 60%;
}

.news_center .newslist li .txt {
    position: relative;
}

.news_center .newslist li .txt .tit {
    position: relative;
    padding-top: 20px;
    font-size: 30px;
    line-height: 36px;
    color: #333;
}

.news_center .newslist li .txt .tit:before {
    content: '';
    position: absolute;
    left: -13%;
    top: 39px;
    width: 0;
    height: 1px;
    background: #d74f31;
    z-index: 2;
    transition: .8s;
}

.news_center .newslist li .txt .time {
    padding-top: 24px;
    font-family: arial;
    font-size: 24px;
    color: #999;
}

.news_center .newslist li .txt .desc {
    padding-top: 34px;
    font-size: 16px;
    line-height: 26px;
    color: #a0a3aa;
}

.news_center .newslist li .detail {
    opacity: 0;
}

.news_center .newslist li:hover img {
    transform: scale(1.05);
    transition: all ease 0.36s;
}

.news_center .newslist li:hover {
    box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);
    transform: translateY(-5px);
    background: #fff;
    transition: all ease 0.36s;
}

.news_center .newslist li:hover a {
    border-bottom: none;
}

.news_center .newslist li:hover .txt .tit:before {
    width: 90px;
    transition: all ease 0.36s;
}

.news_center .newslist li:hover .txt .tit {
    color: #477de2;
}

.news_center .newslist li:first-child {
    height: 516px;
    margin-bottom: 30px;
}

.news_center .newslist li:first-child .img {
    float: left;
    width: 65.57%;
    height: 516px;
    margin-right: 3.4%;
}

.news_center .newslist li:first-child img {
    display: block;
    width: 100%;
    height: 100%;
}

.news_center .newslist li:first-child .txtbox {
    float: left;
    width: 26%;
}

.news_center .newslist li:first-child .txt .tit {
    padding-top: 80px;
    line-height: 45px;
    color: #171834;
}

.news_center .newslist li:first-child .txt .tit:before {
    top: 61%;
    left: -13.5%;
}

.news_center .newslist li:first-child .txt .desc {
    width: 92%;
    line-height: 26px;
    color: #999;
}

.news_center .newslist li:first-child .detail {
    opacity: 1;
    margin-top: 60px;
}

.news_center .newslist li:first-child:hover .txt .tit:before {
    width: 40px;
}

.news_center .newslist li:first-child:hover .txt .tit {
    color: #477de2;
}

.news_center .newslist li .detail {
    position: relative;
    margin-top: 30px;
    display: block;
    width: 150px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-indent: 44px;
    color: #fff;
    background: url("../images/f7arr2.png") no-repeat 96px center #4772de;
    transition: all ease 0.36s;
}

.news_center .newslist li .detail span {
    position: relative;
    z-index: 12;
}

.news_center .newslist li .detail:before,
.news_center .newslist li .detail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 36px;
    background: url("../images/f7arr2.png") 96px center no-repeat #d74f31;
    z-index: 2;
    transition: .5s;
}

.news_center .newslist li .detail:before {
    transition: .3s;
    background: url("../images/f7arr2.png") 86px center no-repeat #d74f31;
    z-index: -1;
}

.news_center .newslist li:hover .detail {
    text-indent: 44px;
    transition: all ease 0.36s;
}

.news_center .newslist li:hover .detail:before,
.news_center .newslist li:hover .detail:after {
    width: 150px;
}

.news_center .newslist li:hover .detail span {
    color: #fff;
    transition: all ease 0.36s;
}

.news_center .newslist li:first-child .newscont {
    padding: 0;
    background: #fff;
    border-bottom: 0;
}

.news_center .newslist li:first-child:hover {
    background: none;
    box-shadow: none;
}

.news_center .newslist li:hover .detail {
    opacity: 1;
}

/* 新闻动态-详情 */
.news_detail {
    padding: 6.4% 7% 7%;
    background: #fff;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
}

.news_detail .title {
    padding-bottom: 50px;
    border-bottom: 1px solid #999;
}

.news_detail .title h1 {
    font-weight: normal;
    font-family: "思源黑体 CN";
    font-size: 50px;
    line-height: 60px;
    text-align: left;
    color: #333;
}

.news_detail .title .marks {
    margin-top: 30px;
}

.news_detail .title .marks span {
    font-size: 16px;
    color: #333;
}

.news_detail .title .marks span em {
    margin-right: 14px;
    color: #999;
}

.news_detail .title .marks span.t1 {
    margin-right: 14px;
}

.news_detail .title .marks span.t2 {
    margin-right: 54px;
}

.news_detail .title .marks span.t3 {
    font-family: arial;
}

.news_detail .title .marks span.t3 em {
    font-family: "Microsoft YaHei";
}

.news_detail .context {
    padding-top: 80px;
    line-height: 30px;
}

.news_detail .context img {
    max-width: 100%;
}

/* 资讯推荐 */
.news_recom {
    padding-top: 76px;
}

.news_recom .news_tit .tit {
    margin-left: 10px;
    float: left;
    display: block;
    width: 170px;
    font-size: 40px;
    line-height: 44px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 30px bottom;
}

.news_recom .news_tit .morenews {
    float: right;
    font-size: 20px;
    line-height: 44px;
    color: #999;
}

.news_recom .news_tit .morenews:hover {
    color: #4772de;
}

.news_recom .newslist1 {
    margin-top: 36px;
}

.news_recom .newslist1 .list {
    width: 103%;
}

.news_recom .newslist1 li {
    position: relative;
    margin-right: 3.5%;
    float: left;
    width: calc(100%/3 - 50px);
    height: 516px;
    background: #fff;
}

.news_recom .newslist1 li.nt3 {
    margin-right: 0;
}

.news_recom .newslist1 li .img {
    display: block;
    width: auto;
    height: 242px;
    overflow: hidden;
}

.news_recom .newslist1 li img {
    display: block;
    width: auto;
    height: 242px;
    object-fit: contain;
}

.news_recom .newslist1 li .txtbox {
    padding: 40px 30px 30px 40px;
    box-sizing: border-box;
}

.news_recom .newslist1 li .txtbox .time {
    font-family: arial;
    font-size: 18px;
    line-height: 16px;
    color: #999;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .txt {
    padding-top: 40px;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .txt .tit {
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #151527;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .txt .desc {
    margin-top: 18px;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    color: #999;
    transition: all ease 0.36s;
    overflow: hidden;
}

.news_recom .newslist1 li .detail {
    position: relative;
    margin-top: 20px;
    display: block;
    width: 120px;
    height: 36px;
    font-size: 16px;
    line-height: 36px;
    text-indent: 0;
    color: #151527;
    background: url("../images/f7arr1.png") no-repeat 42px center #fff;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li .detail span {
    position: relative;
    z-index: 12;
}

.news_recom .newslist1 li .detail:before,
.news_recom .newslist1 li .detail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 36px;
    background: url("../images/f7arr2.png") 68px center no-repeat #d74f31;
    z-index: 2;
    transition: .8s;
}

.news_recom .newslist1 li .detail:before {
    transition: .3s;
    background: url("../images/f7arr2.png") 68px center no-repeat #d74f31;
    z-index: -1;
}

.news_recom .newslist1 li:hover .detail {
    text-indent: 26px;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover .detail:before,
.news_recom .newslist1 li:hover .detail:after {
    width: 120px;
}

.news_recom .newslist1 li:hover .detail span {
    color: #fff;
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover .txtbox .time {
    transform: translateY(10px);
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover .txtbox .txt {
    transform: translateY(-10px);
    transition: all ease 0.36s;
}

.news_recom .newslist1 li:hover img {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}


/* 解决方案 */
.solution_wrapper .solution_center {
    padding-top: 100px;
}

.solution_center li {
    position: relative;
    margin-top: 30px;
    height: 440px;
    background: #fff;
    transition: all ease 0.36s;
    box-sizing: border-box;
}

.solution_center li:first-child {
    margin-top: 0;
}

.solution_center li a {
    padding: 3.5%;
    display: block;
    height: 340px;
}

.solution_center li .img {
    float: right;
    position: relative;
    width: 600px;
    height: 338px;
    overflow: hidden;
}

.solution_center li .img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    transition: all ease 0.36s;
}

.solution_center li .txt_box {
    float: left;
    width: 46%;
    margin-right: 0;
}

.solution_center li .txt_box .sico {
    margin-top: 30px;
    margin-right: 0;
    float: left;
    position: relative;
    display: block;
    width: 170px;
    height: 170px;
}

.solution_center li .txt_box .sico img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
}

.solution_center li .txt {
    padding-top: 86px;
    float: left;
    width: 71.3%;
}

.solution_center li .txt .tit {
    width: 310px;
    font-size: 40px;
    line-height: 40px;
    color: #171d3a;
    background: url("../images/sol_arr.png") no-repeat right center;
}

.solution_center li .txt .desc {
    margin-top: 40px;
    font-size: 14px;
    color: #999;
    line-height: 26px;
}

.solution_center li:hover {
    box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1);
    transform: translateY(-5px);
    transition: all ease 0.36s;
}

.solution_center li:hover .img img {
    -webkit-filter: brightness(105%);
    filter: brightness(105%);
    transform: scale(1.05);
    transition: all ease 0.36s;
}

.solution_center li:hover .tit {
    color: #1b1f79;
}

.solution_center li .online {
    padding: 0;
    position: absolute;
    bottom: 50px;
    left: 220px;
    display: block;
    width: 140px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-indent: 24px;
    color: #fff;
    background: url("../images/f1arr.png") 106px center no-repeat #477de2;
    z-index: 16;
    transition: all ease 0.36s;
}

.solution_center li .online:hover {
    text-indent: 28px;
    color: #fff;
    background: url("../images/f1arr.png") 108px center no-repeat #d74f31;
    transition: all ease 0.36s;
    box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);
    transition: all ease 0.36s;
}


/* 解决方案-详情 */
.sold_1_main {
    padding-top: 150px;
    height: 480px;
    background: #f5f5f5;
}

.sold1_detail {
    margin-left: -12px;
    height: 580px;
    background: url("../images/sold1_bg.png") left bottom no-repeat;
    position: relative;
}

.sold1_detail .sold_tit .tit {
    letter-spacing: 3px;
    margin-left: 12px;
    float: left;
    display: block;
    width: 386px;
    font-size: 39px;
    line-height: 50px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.sold1_detail .left {
    float: left;
    width: 40%;
}

.sold_cont {
    padding: 48px 6% 0;
    box-sizing: border-box;
}

.sold_cont .desc {
    font-size: 14px;
    line-height: 30px;
    color: #666;
    height: 384px;
    overflow-y: auto;
}

.sold1_detail .right {
    float: right;
    width: 60%;
}

.sold_img {
    position: relative;
    display: block;
    width: 100%;
    height: 480px;
}

.sold_img .dimg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sold_img .dimg:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.sold_img .dimg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sold_img .wx {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 250px;
    height: 100px;
    font-size: 20px;
    line-height: 100px;
    text-indent: 60px;
    color: #fff;
    background: url("../images/f1arr.png") 170px center no-repeat #d74f31;
    transition: all ease 0.36s;
    z-index: 12;
}

.sold_img .wx:hover {
    text-indent: 50px;
    width: 280px;
    background: url("../images/f1arr.png") 180px center no-repeat #4772de;
    transition: all ease 0.36s;
}

.sold_img .dimg:hover:before {
    animation: gradient-rectangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.sold_2_main {
    background: #fff;
    padding-bottom: 80px;
}

.sold_2_main .sold2_tit {
    padding-top: 200px;
}

.sold_2_main .sold2_tit .tit {
    letter-spacing: 3px;
    display: block;
    width: 330px;
    margin: 0 auto;
    font-size: 39px;
    line-height: 50px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.advant {
    text-align: center;
    padding: 0 7%;
    margin-top: 100px;
}

.advant .list {
    display: flex;
    justify-content: space-between;
}

.advant .list li {
    margin-left: 50px;
    width: calc(100% - 50px);
    transition: all ease 0.36s;
}

.advant .list li:first-child {
    margin-left: 0;
}

.advant .list li .img {
    position: relative;
    display: block;
    width: 220px;
    height: 220px;
    margin: 0 auto;
}

.advant .list li .bg {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 220px;
    height: 220px;
    margin: 0 auto;
    background: url("../images/advant_li.png") no-repeat center center;
    -webkit-animation: rotate 10s linear 0s infinite;
    animation: rotate 10s linear 0s infinite;
}

.advant .list li img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    max-width: 100%;
}

.advant .list li .txt {
    padding-top: 50px;
}

.advant .list li .txt .tit {
    font-size: 24px;
    line-height: 32px;
    color: #333;
}

.advant .list li .txt .desc {
    padding-top: 40px;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #333;
}

.advant .list li:hover {
    transform: translateY(-3px);
    transition: all ease 0.36s;
}

.advant .list li:hover .txt .tit {
    color: #4772de;
}

.sold_3_main {
    height: 830px;
    background: #f5f5f5;
}

.sold_3_main .sold_3 {
    padding-top: 100px;
}

.sold_3_main .sold2_tit .tit {
    margin-left: 12px;
    float: left;
    display: block;
    width: 331px;
    font-size: 40px;
    line-height: 44px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 30px bottom;
}

.product_portfolio {
    margin-top: 60px;
    position: absolute;
}

.product_portfolio .list {
    width: 103%;
}

.product_portfolio .list li {
    position: relative;
    margin-right: 40px;
    float: left;
    width: calc(100%/3 - 40px);
    height: 510px;
    background: #fff;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
    transition: all ease 0.36s;
}

.product_portfolio .list li a {
    display: block;
}

.product_portfolio .list li .img {
    position: relative;
    display: block;
    width: auto;
    height: 330px;
    overflow: hidden;
}

.product_portfolio .list li .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

.product_portfolio .list li .txt {
    position: relative;
    height: 180px;
    padding: 40px 50px 50px 40px;
    box-sizing: border-box;
}

.product_portfolio .list li .img::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 800px;
    top: 0;
    left: -250px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    -webkit-transform: skewX(-32deg);
    -ms-transform: skewX(-32deg);
    -moz-transform: skewX(-32deg);
    transform: skewX(-32deg);
    opacity: 0;
}

.product_portfolio .list li .txt .tit {
    font-size: 26px;
    line-height: 26px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product_portfolio .list li .txt .desc {
    margin-top: 20px;
    font-size: 14px;
    height: 48px;
    line-height: 24px;
    color: #999;
    overflow: hidden;
}

.product_portfolio .list li .plus {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 34px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #676a72;
}

.product_portfolio .list li:hover .plus {
    background: #d74f31;
}

.product_portfolio .list li:hover {
    transform: translateY(-3px);
    box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1);
    transition: all ease 0.36s;
}

.product_portfolio .list li:hover .img::before {
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -ms-transition: left 2s;
    transition: left 2s;
    left: 150%;
    opacity: 1;
}

.product_portfolio .list li:hover .tit {
    color: #4772de;
}

.product_portfolio .hd {
    position: absolute;
    top: -110px;
    right: 0;
    display: block;
    width: 204px;
    height: 52px;
}

.product_portfolio .hd .prev,
.product_portfolio .hd .next {
    float: left;
    display: block;
    width: 102px;
    height: 52px;
    cursor: pointer;
}

.product_portfolio .hd .prev {
    background-position: -160px -60px;
    transition: all ease 0.36s;
}

.product_portfolio .hd .next {
    background-position: -270px -60px;
    transition: all ease 0.36s;
}

.product_portfolio .hd .prev:hover {
    background-position: -50px -60px;
    transition: all ease 0.36s;
}

.product_portfolio .hd .next:hover {
    background-position: -380px -60px;
    transition: all ease 0.36s;
}


.sold_4_main {
    height: 730px;
    background: #fff;
}

.sold_4_main .sold_tit {
    padding-top: 100px;
}

.sold_4_main .sold_tit .tit {
    letter-spacing: 3px;
    float: left;
    display: block;
    width: 170px;
    font-size: 39px;
    line-height: 55px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.sold_4_main .sold_tit .morecase {
    float: right;
    font-size: 24px;
    line-height: 50px;
    color: #333;
}

.sold_4_main .caselist {
    margin-top: 60px;
}

.sold_4_main .caselist li {
    position: relative;
    float: left;
    width: 48%;
    margin-bottom: 50px;
    margin-right: 4%;
    height: 380px;
    transition: all ease 0.36s;
}

.sold_4_main .caselist li:nth-child(2n) {
    margin-right: 0;
}

.sold_4_main .caselist li .img {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.sold_4_main .caselist li img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.sold_4_main .caselist li .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 20%;
    z-index: 2;
    background: url("../images/ny_case_txt.png") no-repeat center center;
}

.sold_4_main .caselist li .txt .tit {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    text-indent: 50px;
    color: #fff;
    z-index: 12;
}

.sold_4_main .caselist li .txt p {
    position: relative;
    display: table;
    font-family: arial;
    float: right;
    font-size: 30px;
    width: 75px;
    height: 100%;
    background: #4772de;
    z-index: 12;
}

.sold_4_main .caselist li .txt p span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

.sold_4_main .caselist li .txt:before,
.sold_4_main .caselist li .txt:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #d74f31;
    z-index: 2;
    transition: .8s;
}

.sold_4_main .caselist li .txt:before {
    transition: .8s;
    background: #d74f31;
    z-index: -1;
}

.sold_4_main .caselist li:hover {
    transform: translateY(-3px);
    box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1);
    transition: all ease 0.36s;
}

.sold_4_main .caselist li:hover .txt:after,
.sold_4_main .caselist li:hover .txt:before {
    width: 100%;
}

.sold_4_main .caselist li:hover p {
    background: #d74f31;
}

.sold_4_main .caselist li:hover img {
    filter: brightness(105%);
    -webkit-filter: brightness(105%);
}

.sold_5_main {
    height: 550px;
    background: #f5f5f5;
}

.sold_5_main .sold2_tit {
    padding-top: 100px;
}

.sold_5_main .sold2_tit .tit {
    letter-spacing: 3px;
    display: block;
    width: 429px;
    margin: 0 auto;
    font-size: 39px;
    line-height: 50px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.sold_5_main .sold2_tit .subtit1 {
    padding-top: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 24px;
    color: #333;
}

.sold_5_main .sold2_tit .subtit2 {
    padding-top: 20px;
    font-weight: bold;
    font-size: 34px;
    text-align: center;
    line-height: 46px;
    color: #333;
}

.sold_5_main .online_reserve {
    text-align: center;
    padding: 0 14%;
    margin-top: 40px;
}

.sold_5_main .online_reserve .form_input {
    display: block;
    width: 900px;
}

.sold_5_main .online_reserve .item {
    float: left;
    width: 720px;
    ;
    height: 60px;
}

.sold_5_main .online_reserve .item .txt {
    width: 718px;
    height: 58px;
    font-size: 16px;
    color: #333;
    border: 1px solid #ddd;
    border-right: none;
    text-indent: 30px;
}

.sold_5_main .online_reserve .bot {
    float: left;
    width: 180px;
    height: 60px;
}

.sold_5_main .online_reserve .bot .btn {
    width: 178px;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    border: none;
    border: 1px solid #587fe0;
    outline: none;
    color: #fff;
    background: #587fe0;
    cursor: pointer;
}

.sold_5_main .online_reserve .bot .btn:hover {
    opacity: 0.8;
}

.sold_6_main {
    height: 550px;
    background: #f5f5f5;
}

.sold_6_main .sold_tit {
    padding-top: 0;
}

.sold_6_main .sold_tit .tit {
    letter-spacing: 3px;
    float: left;
    display: block;
    width: 534px;
    font-size: 39px;
    line-height: 50px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.sold_6_main .product_portfolio .list li {
    height: 430px;
}

.sold_6_main .product_portfolio .list li .img {
    height: 250px;
}


/* 招投标 */
.bid_wrapper.zb_toubiao {
    padding-bottom: 0px;
    background-color: #fff;
}

.yunshu_b {
    display: inline-block;
    width: 100%;
    border-top: #ececec solid 1px;
    background: url(../images/bg.jpg) 252px top repeat-y;
    padding-top: 50px;
    padding-bottom: 100px;
}

.yunshu_b .nas_left {
    width: 222px;
    line-height: 28px;
    padding-left: 30px;
}

.yunshu_b .nas_left h3 {
    font-size: 30px;
    padding-bottom: 20px;
}

.yunshu_b .nas_left ul {
    margin-left: 20px;
    overflow-y: auto;
    height: 1010px;
}

.yunshu_b .nas_left ul li {
    border-bottom: 1px solid #ddd;
    line-height: 50px;
}

.yunshu_b .nas_left ul li.hover a {
    color: #d74f31;
    font-weight: bold;
}


.yunshu_b .nas_nc {
    width: calc(100% - 252px);
}

.yunshu_b .nas_nc .context {
    width: 95%;
}

.yunshu_b .nas_nc .context .tr1 {
    width: 93%;
    margin-top: 50px;
}

.yunshu_b .nas_nc .context .nas_bt {
    width: 93%;
    margin: 0 auto;
}

.yunshu_b .nas_nc .context .nas_bt h3 {
    font-size: 38px;
    color: #4772de;
    line-height: 38px;
    text-align: center;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb {
    width: 100%;
    display: inline-block;
    padding-top: 30px;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na {
    width: 50%;
    float: left;
    margin-top: 20px;
    height: 50px;
    text-align: left;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na p {
    float: left;
    line-height: 50px;
    color: #4772de;
    width: 20%;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na span {
    display: block;
    float: left;
    line-height: 50px;
    color: #4772de;
    color: #333;
    width: 72%;
    background-color: #f7f7f7;
    padding-left: 3%;
    border: 1px #dde4ea solid;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.js {
    width: 100%;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.js p {
    width: 10%;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.js span {
    width: 36%;
    padding-left: 1.5%;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.bj {
    height: auto;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.bj p {
    float: none;
    width: 100%;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.bj span {
    float: none;
    width: 89%;
    height: 160px;
    float: 14px;
    line-height: 24px;
    padding: 3%;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.tx {
    height: auto;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.tx p {
    float: none;
    width: 100%;
}

.yunshu_b .nas_nc .context .nas_bt .nas_lb .na.tx span {
    float: none;
    width: 89%;
    height: 160px;
    float: 14px;
    line-height: 24px;
    padding: 3%;
}

.bid_wrapper {
    padding-bottom: 150px;
}

.bid_wrapper .pager {
    margin-top: 50px;
}

.bid_center {
    padding-top: 107px;
}

.bid_center .bidlist {
    padding: 7%;
    background: #fff;
}

.bid_center .bidlist .b_top {
    padding-bottom: 30px;
    border-bottom: 2px solid #666;
}

.bid_center .bidlist .b_top h3 {
    float: left;
    font-size: 26px;
    line-height: 26px;
    color: #333;
}

.bid_center .bidlist .b_top p {
    float: right;
    font-size: 26px;
    line-height: 26px;
    color: #333;
}

.bid_center .bidlist li {
    display: block;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #ccc;
    transition: all ease 0.36s;
}

.bid_center .bidlist li a {
    display: block;
    height: 80px;
}

.bid_center .bidlist li h3 {
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 80px;
    width: 118px;
    text-align: center;
}

.bid_center .bidlist li p {
    float: right;
    font-family: Arial;
    font-size: 16px;
    line-height: 80px;
    color: #999;
}

.bid_center .bidlist li:hover {
    transform: translateY(-3px);
    transition: all ease 0.36s;
}

.bid_center .bidlist li:hover h3 {
    font-weight: bold;
    color: #4772de;
}

.bid_center.jb_xin .bidlist li .tia {
    float: left;
    width: 160px;
    text-align: center;
}

.bid_center.jb_xin .bidlist li .tib {
    float: left;
    margin-left: 26px;
    width: 160px;
    text-align: center;
}

.bid_center.jb_xin .bidlist .b_top h3 {
    float: left;
    font-size: 26px;
    line-height: 26px;
    color: #333;
    padding-right: 46px;
}

.bid_center.jb_xin .bidlist li h3 {
    float: left;
    font-size: 20px;
    color: #333;
    line-height: 80px;
    width: 150px;
    text-align: left;
}

.news_detail.nas_nc {
    padding: 4.4% 2% 4.4%;
}

.news_detail.nas_nc .context {
    padding-top: 36px;
}

.news_detail.nas_nc .title {
    padding-bottom: 0px;
}

.nas_nc .context .tr1 {
    border: 1px #dde4ea solid;
    width: 100%;
    border-left: none;
    position: relative;
    display: inline-block;
    margin-bottom: 90px;
}

.nas_nc .context .tr1 li {
    overflow: hidden;
    float: left;
    width: 20%;
    text-align: center;
    position: relative;
    color: #fff;
}

.nas_nc .context .tr1 li p {
    font-size: 13px;
    line-height: 60px;
    width: 100%;
    height: 60px;
    display: block;
    margin: 0 auto;
    background: #4772de;
}

.nas_nc .context .tr1 li span {
    font-size: 13px;
    line-height: 60px;
    width: 100%;
    display: block;
    background: #ffff;
    color: black;
}

.nas_nc .context .tr1 li i {
    width: 1px;
    height: 100%;
    background-color: #dde4ea;
    position: absolute;
    left: 0;
    top: 0;
}

.nas_nc .context .tr1 li.li18 {
    width: 100%;
}

.nas_nc .context .tr1 li.li20 {
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: -90px;
    margin-left: -100px;
}

.nas_nc .context .tr1 li.li20 a {
    display: block;
    width: 200px;
    height: 60px;
    border-radius: 10px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background-color: #4772de;
}

.nas_nc .context .tr1 li.li20 a:hover {
    background-color: #d74f31;
}


.yunshu_b .nas_nc .news_detail {
    padding: 0;
    width: 90%;
    margin-left: 3%;
    box-shadow: none;
}


.nas_nc .context .tr2 {
    height: 78px;
    background: #fff;
    border: 1px #dde4ea solid;
    overflow: hidden;
    width: 203%;
    border-left: none;
    margin-top: -1px;
}

.nas_nc .context .tr2 li {
    height: 78px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    float: left;
    width: 150px;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
}

.nas_nc .context .tr2 li p {
    font-size: 13px;
    line-height: 20px;
    padding: 0px 6px;
    display: block;
    margin: 0 auto;
}

.nas_nc .context .tr2 li a {
    display: block;
    margin: 0 auto;
    background: #4772de;
    color: #fff;
    width: 100%;
    height: 78px;
    line-height: 78px;
}

.nas_nc .context .tr2 li a:hover {
    background-color: #d74f31;
}

/*.nas_nc .context .tr2 li.li18{ width:120px;}*/

.wf_t {
    width: 100%;
}

.wf_t .wf_oa {
    border: 1px #dde4ea solid;
    border-left: none;
    display: inline-block;
    width: 100%;
}

.wf_t .wf_oa .wf_t1 {
    width: 49.9%;
    display: -webkit-flex;
    height: 130px;
    background-color: #4772de;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
    border-left: 1px #dde4ea solid;
    float: left;
}

.wf_t .wf_oa .wf_t2 {
    width: 49.9%;
    display: -webkit-flex;
    height: 130px;
    background-color: #d74f31;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
    border-left: 1px #dde4ea solid;
    float: left;
}

.wf_t .wf_oa .wf_t1 p {
    font-size: 16px;
    line-height: 26px;
    padding: 0px 6px;
    display: block;
    margin: 0 auto;
    color: #fff;
}

.wf_t .wf_oa .wf_t2 p {
    font-size: 16px;
    line-height: 26px;
    padding: 0px 6px;
    display: block;
    margin: 0 auto;
    color: #fff;
}

.wf_t .wf_t3 {
    margin-top: 30px;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 30px;
    display: block;
    text-align: center;
}

.wf_t4 {
    padding-top: 22px;
}

.wf_t4 dl {
    width: 100%;
    display: inline-block;
}

.wf_t4 dl dt {
    border: 1px #dde4ea solid;
    border-left: none;
    display: inline-block;
    width: 100%;
}

.wf_t4 dl dt p {
    height: 60px;
    background: #f2f2f2;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    width: 49.9%;
    line-height: 60px;
    text-align: center;
    float: left;
}

.wf_t4 dl dd {
    border: 1px #dde4ea solid;
    border-left: none;
    display: inline-block;
    width: 100%;
    margin-top: -5px;
}

.wf_t4 dl dd p {
    height: 60px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    width: 49.9%;
    line-height: 60px;
    text-align: center;
    float: left;
}

.wf_t4 .zw {
    display: block;
    text-align: center;
    color: #999;
}

.wf_t .jh {
    display: block;
    text-align: center;
    color: #F00;
    font-size: 30px;
    padding-top: 30px;
}

.wf_t5 h3 {
    margin-top: 30px;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 30px;
    display: block;
    text-align: center;
}

.wf_t5 dl {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.wf_t5 dl dt {
    height: 60px;
    background: #4772de;
    border: 1px #dde4ea solid;
    overflow: hidden;
    width: 100%;
    border-left: none;
}

.wf_t5 dl dt p {
    height: 60px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    float: left;
    width: 24.5%;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
}

.wf_t5 dl dt p span {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 6px;
    display: block;
    margin: 0 auto;
}

.wf_t5 dl dd {
    height: 60px;
    border: 1px #dde4ea solid;
    overflow: hidden;
    width: 100%;
    border-left: none;
    margin-top: -1px;
}

.wf_t5 dl dd p {
    height: 60px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    float: left;
    width: 24.5%;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
}

.wf_t5 dl dd p span {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 6px;
    display: block;
    margin: 0 auto;
}

.wf_t6 h3 {
    margin-top: 30px;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 30px;
    display: block;
    text-align: center;
}

.wf_t6 dl {
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.wf_t6 dl dt {
    height: 60px;
    background: #4772de;
    border: 1px #dde4ea solid;
    overflow: hidden;
    width: 100%;
    border-left: none;
    margin-top: -1px;
}

.wf_t6 dl dt p {
    height: 60px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    float: left;
    width: 19%;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
    color: #fff;
}

.wf_t6 dl dt .ps,
.wf_t6 dl dd .ps {
    width: 33.16%;
}

.wf_t6 dl dt .p10 {
    height: 60px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    float: left;
    width: 100%;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
}

.wf_t6 dl dt p span {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 6px;
    display: block;
    margin: 0 auto;
}

.wf_t6 dl dd {
    height: 60px;
    border: 1px #dde4ea solid;
    overflow: hidden;
    width: 100%;
    border-left: none;
    margin-top: -1px;
}

.wf_t6 dl dd p {
    height: 60px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    float: left;
    width: 19%;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
}

.wf_t6 dl dd .p10 {
    height: 60px;
    border-left: 1px #dde4ea solid;
    overflow: hidden;
    float: none;
    width: 100%;
    display: -webkit-flex;
    -webkit-align-items: center;
    display: flex;
    align-items: center;
    text-align: center;
    margin-top: -1px;
}

.wf_t6 dl dd p span {
    font-size: 14px;
    line-height: 20px;
    padding: 0px 6px;
    display: block;
    margin: 0 auto;
}

.wf_t7 h3 {
    margin-top: 30px;
    height: 42px;
    line-height: 42px;
    color: #333;
    font-size: 30px;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.wf_t7 .nice-validator {
    width: 105%;
    display: inline-block;
}

.wf_t7 .form-row1 {
    width: 29.6%;
    float: left;
    position: relative;
    margin-bottom: 20px;
    margin-right: 3%;
    height: 50px;
    border: 1px #dde4ea solid;
}

.wf_t7 .form-row1 .head {
    float: left;
    width: 33%;
    line-height: 50px;
    padding-left: 4%;
}

.wf_t7 .form-row1 .head .red {
    color: #F00;
}

.wf_t7 .form-row1 .txt {
    width: 62%;
    height: 50px;
    text-indent: 20px;
    line-height: 50px;
    border: 0;
}

.wf_t7 .form-row1.fi1 {
    margin-right: 0;
}

.wf_t7 .form-row1.fi3 {
    height: 50px;
    border: none;
    line-height: 50px;
}

.wf_t7 .form-row1.fi3 .txt {
    width: 80%;
    float: left;
    border: none;
    margin-top: 0;
}

.wf_t7 .form-row1.fi3 #compute {
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
}

.wf_t7 .form-row1 .msg-box {
    position: absolute;
    right: 0;
    top: 44px;
}

.wf_t7 .ease {
    width: 280px;
    height: 50px;
    line-height: 50px;
    clear: left;
    margin: 0 auto;
    margin-top: 0px;
    border: none;
    float: none;
    display: block;
}

@media (max-width: 1660px) {
    .nas_n.w1400 {
        width: 1200px;
        max-width: 1200px;
    }

    /*.nas_nc .context .tr1 li { width: 63px;}
.nas_nc .context .tr2 li { width: 63px;}
.nas_nc .context .tr2 li.li18 {
    width: 62px; font-size:14px;
}*/

    .wf_t7 .form-row1 .head {
        width: 45%;
    }

    .wf_t7 .form-row1 .txt {
        width: 51%;
    }

    .nas_nc .context .tr1 li {
        width: 128px;
    }

    .nas_nc .context .tr2 li {
        width: 128px;
    }
}

/* 联系我们 */
.contact_wrapper {
    padding-bottom: 280px;
    background: url("../images/contact_bg.png") no-repeat top center #f5f5f5;
}

.contact_center {
    padding-top: 400px;
}

.contactPage {
    background: #ffffff;
}

/*.contactPage .contact_1 .cinfo{float:left;width:50%;background:url("../images/cinfo_1.png") top center no-repeat;background-size:100%;}
.contactPage .contact_1 .cinfo.c2{float:left;width:50%;background:url("../images/cinfo_2.png") top center no-repeat;background-size:100%;}*/

.contactPage .contact_1 .cinfo {
    float: left;
    width: 50%;
    background-size: 100%;
}

.contactPage .contact_1 .cinfo.c2 {
    float: left;
    width: 50%;
    background-size: 100%;
}


.contactPage .contact_1 .cinfo .c_top {
    padding-top: 70px;
    padding-left: 60px;
}

.contactPage .contact_1 .c_top .c_tit {
    font-size: 40px;
    line-height: 40px;
    color: #000;
}

.contactPage .contact_1 .c_top .line {
    margin-top: 32px;
    display: block;
    width: 50px;
    height: 2px;
    background: rgba(255, 255, 255, 0.3);
}

.c_bottom {
    padding-left: 60px;
    padding-top: 2px;
}

/*.c_bottom{padding-left:100px;padding-top:180px;}*/
.c_bottom .ct1 {
    margin-right: -6px;
    font-size: 20px;
    color: #666;
}

/*.c_bottom .ct1{margin-right:30px;font-size:20px;color:#666;}*/
.c_bottom .ct1 i {
    margin-right: 40px;
}

.c_bottom .ct2 {
    font-family: Arial;
    font-size: 20px;
    color: #333;
    display: block;
    float: right;
    width: 92%;
}

.c_bottom .c_it1 .ct2 {
    font-family: "微软雅黑";
}

.c_bottom .c_it2 .ct2 {
    font-size: 30px;
    color: #d74f31;
}

.c_bottom .c_it {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.c_bottom .c_it2 {
    margin-top: 20px;
    margin-bottom: 60px;
}

.contact_2 {
    padding: 160px 7% 130px;
}

.contact_2 .ctit .tit {
    letter-spacing: 3px;
    display: block;
    width: 350px;
    margin: 0 auto;
    font-size: 39px;
    line-height: 62px;
    color: #333;
    background: url("../images/ctitline1.jpg") no-repeat -16px bottom;
}

.contact_2 .formdata {
    margin-top: 60px;
}

.contact_2 .formdata .item {
    position: relative;
    float: left;
    width: 48%;
    height: 58px;
    line-height: 58px;
    border: 1px solid #d6d6d6;
}

.contact_2 .formdata .item.mr {
    margin-right: 3.5%;
}

.contact_2 .formdata .item label {
    float: left;
    display: block;
    margin-top: 18px;
    width: 17%;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.contact_2 .formdata .item .txt {
    float: left;
    width: 76%;
    height: 58px;
    line-height: 58px;
    border: none;
    outline: none;
    text-indent: 20px;
}

.contact_2 .formdata .item .red {
    position: absolute;
    top: 0;
    right: 20px;
    color: #df1f1f;
    font-weight: 100;
    font-size: 22px;
}

.contact_2 .formdata .tarea {
    margin-top: 40px;
}

.contact_2 .formdata .tarea textarea {
    border: 1px solid #d6d6d6;
    width: calc(99% - 10px);
    height: 174px;
    resize: none;
    padding: 10px;
    *margin-top: 15px;
    overflow: hidden;
    outline: none;
    text-indent: 24px;
}

.contact_2 .formdata .btn {
    border: none;
    background: #d74f31;
    width: 400px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer;
    transition: ease-in-out .2s;
    margin-bottom: 60px;
    outline: none;
}

.contact_2 .formdata .btn:hover {
    text-indent: 6px;
    color: #fff;
    background-color: #4772de;
    transition: all ease 0.36s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
}

.servicePage {
    padding-top: 0;
}

.servicePage .item_top {
    margin-bottom: 30px;
}

/* 关于我们 */
.about_wrapper .about_tit1 .tit {
    letter-spacing: 3px;
    margin-left: 12px;
    float: left;
    display: block;
    width: 170px;
    font-size: 39px;
    line-height: 50px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.about_wrapper .about_tit2 {
    padding-top: 100px;
}

.about_wrapper .about_tit2 .tit {
    letter-spacing: 3px;
    display: block;
    width: 637px;
    margin: 0 auto;
    font-size: 39px;
    line-height: 50px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 0px bottom;
}

.about_wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

.about_1_main {
    padding-top: 130px;
    height: 920px;
    background: url("../images/about1_bg.png") no-repeat center center;
}

.about_1.about_tit1 {
    padding-top: 130px;
}

.about_1 {
    position: relative;
}

.about_1 .left {
    float: left;
    width: 42%;
}

.about_1 .left .acont {
    margin-top: 60px;
}

.about_1 .left .acont .ap1 {
    font-size: 24px;
    line-height: 40px;
    color: #333;
}

.about_1 .left .acont .ap2 {
    padding-right: 7%;
    margin-top: 100px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
}

.about_1 .left .acont .ap2 span {
    display: block;
    margin-bottom: 50px;
}

.about_1 .left .amore {
    margin-top: 70px;
    position: relative;
    display: block;
    width: 200px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-indent: 50px;
    color: #fff;
    background: url("../images/f1arr.png") 130px center no-repeat #d74f31;
}

.about_1 .left .amore span {
    position: relative;
    z-index: 12;
}

.about_1 .left .amore:before,
.about_1 .left .amore:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: url("../images/f1arr.png") 130px center no-repeat #3762dd;
    z-index: 2;
    transition: .8s;
}

.about_1 .left .amore:before {
    transition: .8s;
    background: url("../images/f1arr.png") 130px center no-repeat #3762dd;
    z-index: -1;
}

.about_1 .left .amore:hover:after,
.about_1 .left .amore:hover:before {
    width: 100%;
}

.about_1 .right {
    position: absolute;
    left: 50%;
    right: auto;
    top: 100px;
    margin-right: -8px;
    margin-left: 0;
    display: block;
    width: 969px;
    height: 691px;
    z-index: 9;
}

.about_1 .right:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.about_1 .right:hover:before {
    animation: gradient-rectangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.about_1 .right img {
    display: block;
    width: 969px;
    height: 691px;
}

.about_2_main {
    position: relative;
    height: 950px;
    background: url("../images/about_2.jpg") no-repeat center center;
    box-sizing: border-box;
}

.about_2_main .about_tit2 .tit {
    color: #fff;
}

.about_2_main .develop_box {
    padding: 0 14%;
    height: 760px;
    background: url("../images/timeline_bg.png") no-repeat center center;
    box-sizing: border-box;
}

.develop {
    margin-top: 50px;
}

.develop .bd li {
    position: relative;
    float: left;
    width: 12.5%;
}

.develop .bd li .timeline .t_tit {
    font-family: arial;
    font-size: 40px;
    line-height: 40px;
    color: #fff;
}

.develop .bd li .txt {
    z-index: 14;
}

.develop .bd li .t_box {
    padding: 60px 60px 0 50px;
    ;
    box-sizing: border-box;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 100px;
    margin-left: -150px;
    display: block;
    width: 300px;
    height: 462px;
    background: url("../images/path_li.png") no-repeat center 0;
    background-size: 300px 462px;
    transition: all ease 0.36s;
    z-index: 12;
}

.develop .bd li .t_box .time {
    padding-bottom: 50px;
    font-family: arial;
    font-size: 80px;
    line-height: 60px;
    color: #4772de;
    background: url("../images/year.png") no-repeat bottom left;
}

.develop .bd li .t_box .desc {
    margin-top: 50px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    text-align: justify;
}

.develop .bd li:hover {
    cursor: pointer;
}

.develop .bd li:hover .t_box {
    opacity: 1;
    top: 50px;
    transition: all ease 0.36s;
}

.develop .bd li.sw1 .txt {
    padding-top: 270px;
    text-indent: -60px;
}

.develop .bd li.sw2 .txt {
    padding-top: 273px;
    text-indent: -40px;
}

.develop .bd li.sw3 .txt {
    padding-top: 193px;
    text-indent: -6px;
}

.develop .bd li.sw4 .txt {
    padding-top: 84px;
    text-indent: 24px;
}

.develop .bd li.sw5 .txt {
    padding-top: 24px;
    text-indent: 54px;
}

.develop .bd li.sw6 .txt {
    padding-top: 40px;
    text-indent: 74px;
}

.develop .bd li.sw7 .txt {
    padding-top: 144px;
    text-indent: 4px;
    width: 114px;
    margin-left: 94px;
}

.develop .bd li.sw8 .txt {
    padding-top: 264px;
    text-indent: 4px;
    width: 114px;
    margin-left: 120px;
}

.develop .bd li.sw5:hover .t_box {
    top: 0;
}

.develop .bd li.sw6:hover .t_box {
    top: 0;
}

.develop .hd {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -100px;
    width: 201px;
    height: 100px;
    background: url("../images/path_bg.png") no-repeat center center;
}

.develop .hd .prev,
.develop .hd .next {
    float: left;
    display: block;
    width: 100px;
    height: 100px;
    cursor: pointer;
}

.develop .hd .line {
    margin-top: 50px;
    float: left;
    display: block;
    width: 1px;
    height: 22px;
    background: url("../images/path_line.png") no-repeat center cneter;
}

.develop .hd .prev {
    background: url("../images/path_prev.png") no-repeat 48px 50px;
}

.develop .hd .next {
    background: url("../images/path_next.png") no-repeat 40px 49px;
}

.develop .hd .prev:hover {
    background: url("../images/path_prev_h.png") no-repeat center center;
}

.develop .hd .next:hover {
    background: url("../images/path_next_h.png") no-repeat center center;
}

/* .about_2_main .swiper-container2{width: 100%; height: 100%;} 
.about_2_main .swiper-slide{text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} */

.about_3_main {
    padding-bottom: 100px;
}

.about_3 .honorlist {
    margin-top: 60px;
}

.about_3 .list {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.about_3 li {
    margin: 0 32px;
    margin-bottom: 50px;
    display: block;
    width: 300px;
    height: 245px;
    background: url("../images/honor_li.png") no-repeat center center;
    transition: all ease 0.36s;
}

.about_3 li a {
    display: block;
    height: 245px;
}

.about_3 li .txt {
    padding-top: 60px;
}

.about_3 li .h_tit {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    ;
    color: #999;
    background: url("../images/honor_line.png") no-repeat center center;
}

.about_3 li .tit {
    padding-top: 36px;
    width: 160px;
    margin: 0 auto;
    font-weight: normal;
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    color: #1b1f79;
}

.about_3 li.hr1 {
    margin-left: 0;
}

.about_3 li.hr4 {
    margin-right: 0;
}

.about_3 li.hr5 {
    margin-left: 0;
}

.about_3 li.hr7 {
    margin-right: 0;
}

.about_3 li:hover {
    transform: translateY(-3px);
    background: url("../images/honor_li_h.png") no-repeat center center;
    transition: all ease 0.36s;
}

.about_3 li:hover .tit {
    font-weight: bold;
}

.about_3_main .hmore {
    margin: 0 auto;
    margin-top: 0;
    position: relative;
    display: block;
    width: 200px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-indent: 50px;
    color: #fff;
    background: url("../images/f1arr.png") 130px center no-repeat #1b1f79;
    transition: all ease 0.36s;
}

.about_3_main .hmore:hover {
    text-indent: 54px;
    color: #fff;
    background: url("../images/f1arr.png") 136px center no-repeat #d74f31;
    transition: all ease 0.36s;
    box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);
    transition: all ease 0.36s;
}

.about_4_main {
    height: 800px;
    background: url("../images/about_3.jpg") no-repeat top center;
    box-sizing: border-box;
}

.about_4_main .tech {
    position: relative;
    margin-top: 60px;
}

.about_4_main .tech .bd {
    position: relative;
}

.about_4_main .tech .bd li {
    float: left;
    width: 100%;
    height: 600px;
}

.about_4_main .tech .bd li a {
    display: block;
}

.about_4_main .tech .bd li .img {
    position: relative;
    width: 100%;
    height: 600px;
}

.about_4_main .tech .bd li .img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}

.about_4_main .tech .bd li img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_4_main .tech .bd li .txt {
    padding: 100px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 500px;
    height: 600px;
    background: url("../images/about3_txt.png") no-repeat center center;
    transition: all ease 0.36s;
}

.about_4_main .tech .bd li .txt .tit {
    font-size: 26px;
    line-height: 44px;
    color: #fff;
    transition: all ease 0.36s;
}

.about_4_main .tech .bd li .txt .desc {
    margin-top: 60px;
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    transition: all ease 0.36s;
}

.about_4_main .tech .bd li:hover .img:before {
    animation: gradient-rectangle 1s 1;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
    nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);
}

.about_4_main .tech .bd li:hover .txt .tit {
    color: #d74f31;
    transform: translateY(-10px);
    transition: all ease 0.36s;
}

.about_4_main .tech .bd li:hover .txt .desc {
    transform: translateY(-10px);
    transition: all ease 0.36s;
}

.about_4_main .tech .hd {
    position: absolute;
    bottom: 40px;
    right: 340px;
    width: 60px;
    height: 20px;
    background: url("../images/tech_hd.png") no-repeat center center;
    z-index: 12;
}

.about_4_main .tech .hd .prev {
    margin-right: 40px;
    float: left;
    display: block;
    width: 10px;
    height: 18px;
    background: url("../images/tech_prev.png") no-repeat center center;
    cursor: pointer;
}

.about_4_main .tech .hd .next {
    float: left;
    display: block;
    width: 10px;
    height: 18px;
    background: url("../images/tech_next.png") no-repeat center center;
    cursor: pointer;
}

.about_4_main .tech .hd .prev:hover {
    opacity: 0.5;
}

.about_4_main .tech .hd .next:hover {
    opacity: 0.5;
}

.about_5_main {
    position: relative;
    height: 800px;
}

.about_5_main .about_5 {
    position: relative;
    height: 800px;
}

.about_5_main .about_5 .equip {
    margin-top: 50px;
    height: 460px;
}

#index-banner {
    width: 100%;
    position: relative;
    font-family: microsoft yahei;
}

@media all and (-ms-high-contrast:none) {
    .line-one {
        background: #4772de;
        opacity: 0.3;
    }

    .line-two {
        background: #fff;
        opacity: 0.4;
    }

    .cloud {
        background: none;
    }
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(1448px);
    }
}

.hoverAll {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 395px;
    z-index: 40;
}

#index-banner .swiper-container {
    opacity: 1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 21px;
    z-index: 20;
}

#index-banner .swiper-button-prev,
#index-banner .swiper-button-next {
    opacity: 1;
    outline: none;
    background-size: 6px auto;
    width: 80px;
    height: 64px;
    background-color: #4772de;
    transition: background-color 0.2s;
}

#index-banner .swiper-button-prev {
    background: url("../images/equip_prev.png") no-repeat center center #4772de;
}

#index-banner .swiper-button-next {
    background: url("../images/equip_next.png") no-repeat center center #4772de;
}

#index-banner .swiper-button-prev:hover,
#index-banner .swiper-button-next:hover {
    background-color: #1152f4;
}

#index-banner .swiper-button-prev {
    left: calc(50% - 450px);
}

#index-banner .swiper-button-next {
    right: calc(50% - 450px);
}

#index-banner .swiper-pagination {
    opacity: 0;
    top: 0;
    bottom: unset;
    right: 0;
    width: 940px;
    margin: 0 auto;
    text-align: right;
}

#index-banner .swiper-pagination-bullet {
    width: 35px;
    height: 3px;
    opacity: 1;
    background: none;
    border-radius: 0;
    margin: 0 1px;
    vertical-align: top;
    border-top: 4px solid #4772de;
    outline: none;
}

#index-banner .swiper-pagination-bullet-active {
    height: 0px;
    border-top: 7px solid #ff7900;
    padding-bottom: 0;
}

#index-banner .swiper-slide {
    position: relative;
    width: auto;
    overflow: hidden;
}

#index-banner .swiper-slide img {
    opacity: 0.8;
    transition: all 0.3s;
}

#index-banner .swiper-slide-active img,
#index-banner .swiper-slide-duplicate-active img {
    opacity: 1;
}

#index-banner .animating .swiper-slide .img::before {
    content: "";
    position: absolute;
    width: 100px;
    height: 800px;
    top: 0;
    left: -250px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    -webkit-transform: skewX(-32deg);
    -ms-transform: skewX(-32deg);
    -moz-transform: skewX(-32deg);
    transform: skewX(-32deg);
    opacity: 0;
}

#index-banner .animating .swiper-slide img {
    opacity: 1;
}

#index-banner .animating .swiper-slide:hover .txt .tit {
    color: #f5f5f5;
}

#index-banner .animating .swiper-slide:hover .img::before {
    -webkit-transition: left 2s;
    -moz-transition: left 2s;
    -ms-transition: left 2s;
    transition: left 2s;
    left: 150%;
    opacity: 1;
}

.hoverBtn {
    width: 958px;
    height: 353px;
    position: absolute;
    z-index: 30;
    top: 21px;
    /* cursor: pointer; */
}

.hoverPrev {
    left: calc(50% - 1479px);
}

.hoverNext {
    left: calc(50% + 521px);
}

#index-banner .swiper-slide .txt {
    display: none;
    position: absolute;
    bottom: 4px;
    left: 0;
    background: url("../images/equip_txt.png") no-repeat center center;
    width: 100%;
    height: 116px;
    z-index: 12;
}

#index-banner .swiper-slide .txt .tit {
    font-size: 20px;
    line-height: 140px;
    text-align: center;
    color: #fff;
}

#index-banner .swiper-slide.swiper-slide-active .txt {
    display: block;
}

.about_5_main .hmore {
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    display: block;
    width: 200px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-indent: 50px;
    color: #fff;
    background: url("../images/f1arr.png") 130px center no-repeat #1b1f79;
    transition: all ease 0.36s;
}

.about_5_main .hmore:hover {
    text-indent: 54px;
    color: #fff;
    background: url("../images/f1arr.png") 136px center no-repeat #d74f31;
    transition: all ease 0.36s;
    box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17);
    transition: all ease 0.36s;
}

.about_6_main {
    position: relative;
    height: 1100px;
    background: #fff;
}

.about_6 .sales_network {
    position: relative;
    display: block;
    width: 1393px;
    height: 751px;
    margin: 0 auto;
    margin-top: 90px;
    background: url("../images/about_4.png") no-repeat center 0;
}

.about_6 .net_txt {
    display: block;
    width: 320px;
    height: 320px;
    margin: 0 auto;
    padding-top: 160px;
}

.about_6 .net_txt .txt {
    display: block;
    width: 320px;
    height: 320px;
    background: url("../images/net_txt.png") no-repeat center center;
}

.about_6 .list {
    position: absolute;
    top: 0;
    left: 0;
    width: 1393px;
    height: 751px;
}

.about_6 .point {
    position: absolute;
    display: block;
    width: 46px;
    height: 59px;
}

.about_6 .point:nth-child(3) {
    display: block;
    width: 62px;
    height: 80px;
}

.about_6 .point .point_ico {
    display: block;
    width: 46px;
    height: 59px;
    background: url("../images/coord1.png") no-repeat center center;
}

.about_6 .point.p3 .point_ico {
    display: block;
    width: 46px;
    height: 59px;
    background: url("../images/coord1.png") no-repeat center center;
}

.about_6 .point.p1 {
    top: 24.2%;
    left: 11.6%;
}

.about_6 .point.p2 {
    top: 10.5%;
    left: 51.5%;
}

.about_6 .point.p2 .point_ico {
    width: 34px;
    height: 44px;
    background: url("../images/coord2.png") no-repeat center center;
}

.about_6 .point.p3 {
    top: 17%;
    right: 18.5%;
}

.about_6 .point.p4 {
    bottom: 26%;
    left: 29%;
}

.about_6 .point.p4 .point_ico {
    width: 34px;
    height: 44px;
    background: url("../images/coord2.png") no-repeat center center;
}

.about_6 .point.p5 {
    bottom: 20.5%;
    left: 51.8%;
}

.about_6 .point.p6 {
    bottom: 32%;
    right: 11.8%;
}

.about_6 .point.hover .point_ico {
    width: 62px;
    height: 80px;
    background: url(../images/coord3.png) no-repeat center center;
    animation: animatemap .8s infinite;
    -webkit-animation: animatemap .8s infinite;
}


.about_qiye1 {
    width: 100%;
    position: relative;
    padding-bottom: 30px;
}

.about_qiye1 .flex {
    margin: 0 -25px;
    display: flex;
    justify-content: space-between;
}

.about_qiye1 .flex .item {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.11);
    background: #8ea6df;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8ea6df 0%, #c4d3f9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8ea6df 0%, #c4d3f9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8ea6df 0%, #c4d3f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ea6df', endColorstr='#c4d3f9', GradientType=0);
    /* IE6-9 */
    position: relative;
    margin: 0 25px;
    margin-bottom: 50px;
    padding: 72px 50px;
    flex: 1;
    border-radius: 5px;
}

.about_qiye1 .flex .item img {
    font-size: 125px;
    position: absolute;
    top: 50%;
    line-height: 130px;
    margin-top: -65px;
    right: 35px;
    color: #d70c1e;
}

.about_qiye1 .flex .item h2 {
    margin-bottom: 20px;
    font-size: 30px;
    position: relative;
    z-index: 3;
    color: #333;
}

.about_qiye1 .flex .item p {
    height: 40px;
    position: relative;
    z-index: 3;
    color: #333;
}

.about_qiye1 .flex .item:hover {
    background: #e5322d;

    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.about_qiye1 .flex .item:hover h2 {
    color: #fff;
}

.about_qiye1 .flex .item:hover p {
    color: #fff;
}

.about_qiye11 {
    width: 100%;
    padding-top: 60px;
}


.about_wrapper .about_i3_2 .about_tit2 {
    padding-top: 50px;
}

.about_i3_2 {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding-bottom: 80px;
    padding-top: 30px;
}

.parHd {
    width: 100%;
    position: relative;
    margin-top: 60px;
}

.parHd ul {
    display: inline-block;
    width: 105%;
}

.parHd ul li {
    width: 11.9%;
    text-align: center;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 18px;
}

.parHd ul li.act {
    color: #4772de;
}

.sPrev {
    width: 12px;
    display: block;
    height: 21px;
    background: url(../images/nico-prev1.png) no-repeat center center;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 5;
}

.sNext {
    width: 12px;
    display: block;
    height: 21px;
    background: url(../images/nico-next1.png) no-repeat center center;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 5;
}


.parBd .slideBox {
    display: none;
}

.parBd .slideBox.active {
    display: inline-block;
}

.par_z {
    width: 12%;
    height: 246px;
    border-right: #ececec solid 1px;
    position: absolute;
    left: 0;
    top: 86px;
    font-size: 20px;
    color: #242424;
    line-height: 24px;
    font-weight: bold;
}

.parBd .slideBox {
    padding-top: 30px;
    width: 105%;
}

.parBd .slideBox .d {
    margin-top: 30px;
    padding: 3%;
    float: left;
    background-color: #fff;
    border-radius: 20px;
    width: 42%;
    margin-right: 2%;
    background: #f5f5f5;
}

.parBd .slideBox .d img {
    display: block;
    width: 236px;
    height: 190px;
    border-radius: 15px;
    float: left;
    margin-right: 34px;
}

.parBd .slideBox .d p {
    font-size: 18px;
    color: #333;
    line-height: 18px;
    padding-top: 26px;
    font-weight: bold;
}

.parBd .slideBox .d p span {
    display: block;
    font-weight: normal;
    line-height: 28px;
    padding-top: 12px;
    font-size: 16px !important;
}

.parBd .slideBox .d:hover {
    background: #8ea6df;
    /* Old browsers */
    background: -moz-linear-gradient(top, #8ea6df 0%, #c4d3f9 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #8ea6df 0%, #c4d3f9 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #8ea6df 0%, #c4d3f9 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ea6df', endColorstr='#c4d3f9', GradientType=0);
}

.parBd .slideBox .d:hover p {
    color: #fff;
}

.parBd .slideBox .d:hover p span {
    color: #fff;
}

@media (max-width: 1366px) {
    .tit_left3 h3 {
        font-size: 50px;
        line-height: 50px;
    }
}

/* 单页信息 */
.single_wrapper {
    padding-top: 107px;
}

.single_center {
    min-height: 520px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1);
}

.single_center .about_con {
    padding: 7%;
}

.single_center .about_con img {
    max-width: 100%;
}

.single_center .about_con p {
    line-height: 2;
}

/* 人力资源 */
.jobs_wrapper .jobs_center {
    padding-top: 107px;
}

.jobs_center .jobs {
    padding: 7%;
    background: #fff;
}

.titlist {
    padding-bottom: 30px;
    border-bottom: 1px solid #666;
}

.titlist .j_tit1 {
    float: left;
    font-size: 26px;
    color: #333;
    width: 42%;
    margin-left: 3.5%;
}

.titlist .j_tit2 {
    float: left;
    font-size: 26px;
    color: #333;
    width: 22%;
}

.titlist .j_tit3 {
    float: left;
    font-size: 26px;
    color: #333;
    width: 22%;
}

.postlist .item .top {
    height: 100px;
    line-height: 100px;
    background: url("../images/plus.png") no-repeat right center #fff;
}

.postlist .item:nth-child(2n) .top {
    background: url("../images/plus.png") no-repeat right center #f0f2f6;
}

.postlist .item .top .jt1 {
    float: left;
    width: 42%;
    margin-left: 3.5%;
}

.postlist .item .top .jt2 {
    float: left;
    width: 22%;
    height: 100px;
    font-size: 20px;
    color: #333;
    line-height: 100px;
}

.postlist .item .top .jt3 {
    float: left;
    width: 22%;
    height: 100px;
    font-family: arial;
    font-size: 20px;
    color: #666;
    line-height: 100px;
}

.postlist .item .top .jt1 h3 {
    padding-left: 40px;
    font-size: 20px;
    color: #333;
    background: url("../images/trick1.png") no-repeat left center;
}

.postlist .item .bottom {
    border: 1px solid #d3d7dd;
    border-top: none;
    width: calc(100% - 2px);
}

.postlist .item .bottom .bid_box {
    position: relative;
    min-height: 450px;
    padding: 50px;
}

.postlist .item .bottom .bid_box .bit {
    float: left;
    width: 34%;
}

.postlist .item .bottom .bid_box .bit2 {
    float: right;
    width: 36%;
}

.postlist .item .bottom .bid_box .bit3 {
    width: 100%;
    margin-top: 80px;
}

.postlist .item .bottom .bid_box .bit h3 {
    font-size: 20px;
    line-height: 20px;
    color: #333;
}

.postlist .item .bottom .bid_box .bit p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 30px;
    color: #666;
}

.postlist .item .bottom .bid_box .bit p span {
    display: block;
}

.postlist .item .bottom .apply {
    position: absolute;
    bottom: 50px;
    right: 50px;
    display: block;
    width: 200px;
    height: 45px;
    font-size: 16px;
    line-height: 45px;
    text-indent: 50px;
    color: #fff;
    background: url("../images/f1arr.png") 130px center no-repeat #d74f31;
}

.postlist .item .bottom .apply span {
    position: relative;
    z-index: 12;
}

.postlist .item .bottom .apply:before,
.postlist .item .bottom .apply:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: url("../images/f1arr.png") 130px center no-repeat #3762dd;
    z-index: 2;
    transition: .8s;
}

.postlist .item .bottom .apply:before {
    transition: .8s;
    background: url("../images/f1arr.png") 130px center no-repeat #3762dd;
    z-index: -1;
}

.postlist .item .bottom .apply:hover:after,
.postlist .item .bottom .apply:hover:before {
    width: 100%;
}

.postlist .item:hover .top {
    cursor: pointer;
}

.postlist .item.hover .top {
    background: url("../images/jslide.png")no-repeat right center #4772de;
}

.postlist .item.hover .top .jt1 h3 {
    background: url("../images/trick_h.png") no-repeat left center;
    color: #fff;
}

.postlist .item.hover .top .jt2 {
    color: #fff;
}

.postlist .item.hover .top .jt3 {
    color: #fff;
}

.jobs_wrapper .pager {
    margin-top: 50px;
}

/* 用户登录注册 */
.bg_main {
    box-sizing: border-box;
    background: #f5f5f5;
    padding-top: 120px;
    padding-bottom: 120px;
    min-height: 500px;
    background-size: 100% auto;
}

.detail1 {
    background: #fff;
    padding: 59px;
    border: 1px solid #ddd;
    border-radius: 10px;
    width: 1280px;
    min-height: auto;
}

.detail1 .context {
    line-height: 30px;
    padding: 25px 0;
}

.loginPage {
    margin-top: 20px;
}

.loginPage {
    background: #fff;
    min-height: 300px;
    box-sizing: border-box;
}

.loginPage p {
    text-align: center;
    padding-bottom: 50px;
}

.loginPage .tit {
    font-size: 24px;
    text-align: center;
    margin-bottom: 50px;
}

.loginPage .tit small {
    margin-left: 10px;
}

.loginPage .item {
    float: left;
    width: 400px;
    *float: inherit;
    position: relative;
    margin-bottom: 3%;
}

.loginPage .item .msg-box {
    top: 0;
    left: 20px;
}

.loginPage .item label {
    font-weight: normal;
    line-height: 35px;
    font-size: 14px;
    display: block;
    float: left;
    text-align: right;
    width: 20%;
}

.loginPage .item input {
    width: 75%;
    float: right;
    text-indent: 1em;
    background: none;
    outline: none;
    border-radius: 3px;
    border: 1px solid #ddd;
    height: 3em;
    line-height: 3em;
}

.loginPage .item #phoneVer {
    width: 140px;
    margin-right: 20px;
}

.loginPage .item #get_code {
    width: 140px;
    height: auto;
    text-indent: initial;
    background: #f2f2f2;
}

.loginPage .input_check_box input {
    width: 15px;
    height: 15px;
    cursor: pointer;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
    margin-left: 100px;
    margin-top: 4px;
}

.loginPage .input_check_box span {
    color: #3388ff;
    cursor: pointer;
}

.loginPage .item .wt {
    width: 75%;
    float: right;
    border-radius: 3px;
    background: none;
    outline: none;
    border: 1px solid #ddd;
    *margin-top: 1px;
    height: 3em;
    line-height: 3em;
}

.loginPage .item .wt select {
    border: none;
    background: none;
    margin-left: 5px;
    outline: none;
    width: 96%;
}

.loginPage .item .btn {
    text-align: center;
    background: #d74f31;
    border-color: #d74f31;
    color: #fff;
    padding: 0;
    border-radius: 3px;
    outline: none;
    height: 3.2em;
    cursor: pointer;
    border: none;
    text-indent: 0;
}

.loginPage .item .btn:hover {
    opacity: 0.8;
}

.loginPage .item .red {
    color: red;
}

.loginPage p {
    width: 100%;
    padding-top: 6px;
}

.indexPage .tit {
    text-align: center;
    margin-bottom: 50px;
}

.indexPage .tit small {
    margin-left: 10px;
}

.indexPage .p {
    width: 100%;
    padding-top: 6px;
}

.indexPage .ul {
    text-align: center;
}

.indexPage .ul li {
    display: inline-block;
    width: 16%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.indexPage .ul li a {
    color: #1e7bdc;
    background: none;
    padding: 0 20px;
    height: 41px;
    font-size: 18px;
    border: 2px solid #477de2;
    line-height: 41px;
    border-radius: 22px;
    display: block;
    text-align: center;
}

.indexPage .ul li a:hover {
    color: #fff;
    background: #d74f31;
    border: 2px solid #d74f31;
}

.loginPage .item .gys {
    clear: left;
    font-size: 14px;
    width: 75%;
    float: right;
    line-height: 20px;
    color: #f00;
}



.loginPage .item .fanweik {
    width: 75%;
    float: right;
    padding-top: 10px;
}

.loginPage .item .fanweik .bbc {
    width: 50%;
    float: left;
    padding-bottom: 10px;
    line-height: 14px;
}

.loginPage .item .fanweik .bbc input {
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.loginPage .loginform {
    background: url(../images/re.jpg) no-repeat top right;
    width: 500px;
    margin: 0 auto;
    padding-right: 400px;
}

.registerPage .loginform {
    background: url(../images/re2.jpg) no-repeat top right;
}

.loginPage .reg_bg {
    background: url(../images/re2.jpg) no-repeat top right;
}

.list_list .body li {
    line-height: 35px;
    margin-bottom: 2px;
}

.list_list .body li b {
    color: #ff6b6b;
    padding-right: 5px;
    font-weight: 100;
}

.list_list .body li i {
    width: 7px;
    height: 9px;
    background-position: -365px -26px;
    float: left;
    margin-top: 13px;
    margin-right: 10px;
}

.list_list .body li .fl {
    border-left: 0px solid #ff6b6b;
}

.list_list .body li .fr {
    border-right: 0px solid #b0b0b0;
    color: #999;
}

.list_list .body li .fr b {
    font-size: 12px;
    border: 1px solid #ff6b6b;
    margin-left: 35px;
}

.list_list .body li a {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    overflow: hidden;
    cursor: pointer;
}

.loginPage .tit {
    font-size: 24px;
    text-transform: uppercase;
}


.user_con .detail {
    min-height: auto;
}

.user_con .detail .ul li {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.user_con .detail .ul li a {
    color: #1e7bdc;
    background: none;
    padding: 0 20px;
    height: 41px;
    font-size: 18px;
    border: 2px solid #1e7bdc;
    line-height: 41px;
    border-radius: 22px;
    display: block;
    text-align: center;
}

.user_con .detail .ul li a:hover {
    color: #43190a;
    background: #fdc824;
    border: 2px solid #fdc824;
}

.change_password {
    padding-top: 135px;
    min-height: 400px;
}

.change_password .change {
    text-align: center;
    font-size: 18px;
}

.change_password .change a {
    font-size: 18px !important;
    color: #fff !important;
    display: block;
    width: 180px;
    height: 40px;
    margin: 0 auto;
    border-radius: 5px;
    line-height: 40px;
    margin-top: 40px;
    background: #477de2;
    border: 1px solid #ddd;
    transition: all ease 0.36s;
}

.change_password .change a:hover {
    text-indent: 6px;
    color: #fff !important;
    background: #d74f31;
    transition: all ease 0.36s;
}

.validation-summary-errors {
    margin-bottom: 40px;
}

.reset_password {
    padding-top: 135px;
    min-height: 400px;
}

.reset_password .password {
    text-align: center;
    font-size: 18px;
}

.reset_password .password a {
    font-size: 26px !important;
    color: #477de2 !important;
}

.reset_password .password a:hover {
    color: #d74f31 !important;
}

.validation-summary-errors {
    margin-bottom: 40px;
}







/* 申请职位 */
.ydewmbg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/black30.png) repeat left top;
    display: none;
    z-index: 998;
}

.ydewmbg .ydewm {
    position: relative;
    height: 820px;
    top: 50%;
    margin-top: -410px;
    display: none;
}

.ydewmbg a {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    display: block;
    background: url("../images/closeM.png") no-repeat center center;
    transition: all ease-in-out 0.36s;
}

.ydewmbg a:hover {
    transform: rotate(360deg);
    transition: all ease-in-out 0.36s;
}

.mess_pop1 {
    padding: 80px 7%;
    box-sizing: border-box;
    width: 100%;
    height: 820px;
    position: absolute;
    top: 50%;
    margin-top: -410px;
    background: #fff;
    box-shadow: 8px 0 20px rgba(0, 0, 0, 0.2);
    animation: topDown1 0.4s;
}

.mess_pop1 .job_tit .tit {
    display: block;
    width: 178px;
    margin: 0 auto;
    font-size: 40px;
    line-height: 44px;
    color: #333;
    background: url("../images/ctitline.png") no-repeat 30px bottom;
}

.mess_pop1 .message {
    margin-top: 60px;
}

.mess_pop1 .message .item_top {
    margin-bottom: 20px;
}

.mess_pop1 .message .item {
    position: relative;
    float: left;
    width: 31.95%;
    height: 48px;
    line-height: 48px;
    border: 1px solid #d6d6d6;
}

.mess_pop1 .message .item.mr {
    margin-right: 1.8%;
}

.mess_pop1 .message .item label {
    float: left;
    display: block;
    margin-top: 15px;
    width: 26.4%;
    height: 18px;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    border-right: 1px solid #ddd;
    color: #666;
}

.mess_pop1 .message .item .txt {
    float: left;
    width: 73%;
    height: 48px;
    line-height: 48px;
    border: none;
    outline: none;
    text-indent: 20px;
}

.mess_pop1 .message .item font {
    position: absolute;
    top: 0;
    right: 20px;
    color: #df1f1f;
    font-weight: 100;
    font-size: 22px;
}

.mess_pop1 .message .tarea {
    margin-top: 40px;
}

.mess_pop1 .message .tarea label {
    margin-bottom: 22px;
    font-size: 16px;
    color: #666;
}

.mess_pop1 .message .tarea textarea {
    margin-top: 22px;
    border: 1px solid #ccc;
    width: 100%;
    height: 268px;
    resize: none;
    padding-top: 26px;
    *margin-top: 15px;
    overflow: hidden;
    outline: none;
    text-indent: 20px;
}

.mess_pop1 .message .btn {
    border: none;
    background: #d74f31;
    width: 400px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    cursor: pointer;
    transition: ease-in-out .2s;
    margin-bottom: 60px;
    outline: none;
}

.mess_pop1 .message .btn:hover {
    text-indent: 6px;
    color: #fff;
    background-color: #4772de;
    transition: all ease 0.36s;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);
}

@keyframes topDown1 {
    from {
        top: 32%;
        opacity: 0
    }

    to {
        top: 50%;
        opacity: 1
    }
}


/*searcher pager*/
/*news start*/
.searcher_center {
    padding-top: 77px;
}

.searchPage .item {
    width: 100%;
    height: 168px;
    margin-bottom: 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms;
    background: #fff
}

.searchPage .item a {
    width: 100%;
    display: block
}

.searchPage .item .text {
    width: 868px;
    display: block
}

.searchPage .item .img {
    width: 300px;
    height: 168px;
    display: block;
    margin-right: 30px;
    overflow: hidden;
}

.searchPage .item img {
    width: 300px;
    height: 168px;
    display: block;
    transition: ease-in-out .4s;
}

.searchPage .item h3 {
    font-size: 20px;
    padding: 35px 0 20px;
    -webkit-transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
    transition: all ease 300ms
}

.searchPage .item .txt {
    color: #999999;
    line-height: 24px;
    height: 48px;
    padding-right: 130px;
    overflow: hidden;
}

.searchPage .item .time {
    width: 150px;
    padding-top: 45px;
    font-family: arial;
    font-size: 20px;
    color: #999;
}

.searchPage .item .time .day {
    font-size: 40px;
    line-height: 45px;
    display: block;
}

.searchPage .item:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2)
}

.searchPage .item:hover .img img {
    transform: scale(1.1)
}

.searchPage .item:hover h3 {
    font-weight: bold;
    color: #ff6f00;
    text-indent: 5px;
}

.searchPage .item:hover .time .day span {
    background: #ff6f00;
}

.searchPage .item:hover .time .day strong {
    background: #ff0000;
    color: #fff
}

.searchPage .item .text {
    width: 1368px;
}

/* map_ul */
.map_ul {
    list-style: outside none none;
    display: block;
    width: 100%;
    padding-bottom: 50px;
}

.map_ul li {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
}

.map_ul li a {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-weight: bold;
    display: block;
    background: #f6f6f6;
    text-indent: 15px;
}

.map_ul .list-inline {
    display: block;
    width: 86%;
}

.map_ul .list-inline li {
    height: 32px;
    display: inline-block;
    *display: inline;
    margin: 15px 5px 15px 0;
    zoom: 1;
    line-height: 32px;
    border-bottom: 0;
    text-align: center;
    width: auto;
    padding: 0px;
}

.map_ul .list-inline li a {
    text-indent: 0;
    font-weight: normal;
    display: block;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    padding: 0px 10px;
    width: auto;
    border: 1px solid #ccc;
    text-align: center;
}

.map_ul .list-inline li a:hover {
    background: #d74f31;
    color: #fff;
    border: 1px solid #d74f31;
}

/*pager*/
.pager {
    padding: 0;
    margin-top: 24px;
    text-align: center;
}

.pager:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.pager {
    *zoom: 1;
}

.pager p {
    height: 26px;
    line-height: 26px;
    float: left;
    display: none;
}

.pager ul {
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.pager ul li {
    padding: 0 !important;
    height: auto !important;
    border: none !important;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.pager ul a {
    padding: 0;
    height: 52px;
    line-height: 52px;
    text-decoration: none;
    float: left;
    color: #666;
}

.pager ul li {
    margin-left: 8px;
    width: 52px;
    height: 52px;
}

.pager ul li a {
    display: block;
    width: 52px;
    height: 52px;
    font-family: Arial;
    font-size: 20px;
    text-align: center;
    background: url("../images/pageLi.png") no-repeat center center;
    color: #666;
}

.pager ul li a.current {
    color: #4772de;
}

.pager ul li:hover a {
    color: #4772de;
    line-height: 52px;
    display: block;
    width: 52px;
    height: 52px;
}

.pager ul li:nth-child(2) {
    margin-right: 8px;
    font-size: 0;
    width: 102px;
    height: 52px;
    background: url("../images/pagePrev.png") no-repeat center center;
}

.pager ul li:nth-child(2) a {
    background: none;
    width: 100%;
}

.pager ul li:nth-last-child(2) {
    margin-left: 16px;
    width: 102px;
    height: 52px;
    font-size: 0;
    background: url("../images/pageNext.png") no-repeat center center;
    cursor: pointer;
}

.pager ul li:nth-last-child(2) a {
    background: none;
}

.pager ul li:nth-child(2):hover {
    background: url("../images/pagePrev_h.png") no-repeat center center;
}

.pager ul li:nth-last-child(2):hover {
    background: url("../images/pageNext_h.png") no-repeat center center;
}

.pager ul li:first-child {
    font-size: 0;
    display: none;
}

.pager ul li:last-child {
    font-size: 0;
    display: none;
}

.pager ul li:nth-child(2) a {
    font-size: 0;
}

.pager ul li:nth-last-child(2) a {
    font-size: 0;
}


.product-main {
    width: 100%;
    font-size: 12px;
    margin-top: 80px;
}

.product-main .change-std-value {
    width: 50px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px dashed #cecece;
}

.product-main .change-std-value:focus {
    border: 1px solid #c81623;
}

.form-row {
    float: left;
    min-height: 30px;
    line-height: 30px;
    padding: 0 0 0 90px;
    position: relative;
    margin-bottom: 10px;
    clear: both;
}

.form-row:after {
    content: '';
    display: block;
    clear: both;
}

.form-row .head {
    position: absolute;
    left: -52px;
    top: 0;
    width: 131px;
    text-align: right;
    white-space: nowrap;
}

.form-row .txt,
.form-row .text {
    float: left;
    width: 250px;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    margin-right: 10px;
}

.form-row textarea.txt {
    line-height: 16px;
}

.form-row .txt.s_txt,
.form-row .text.s_txt {
    width: 111px;
}

.form-row .text {
    height: 80px;
    line-height: 20px;
}

.form-row .select,
.form-row select {
    float: left;
    width: 200px;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.form-row .txt:focus,
.form-row .text:focus,
.form-row .select:focus {
    border-color: #aaa;
    background: #fefefe;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset;
}

.form-row .icon {
    float: left;
    margin-right: 10px;
}

.form-row table input+label {
    margin-right: 15px;
}

.form-row>span {
    float: left;
    margin-right: 10px;
    color: red;
}

.form-row .deletimg {
    display: inline-block;
    max-width: 150px;
    max-height: 129px;
    margin-bottom: 20px;
    position: relative;
}

.form-row .deletimg img {
    display: block;
}

.form-row .deletimg .opr {
    width: 100%;
    height: 15px;
    padding: 5px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0.85);
    color: #FFF;
    display: none;
}

.form-row .deletimg .delete {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 5px;
    bottom: 4px;
    text-indent: -99em;
    cursor: pointer;
    background: url(../images/ico-delete.png) center center no-repeat;
}

.form-row .deletimg:hover .opr {
    display: block;
}

.form-row .deletimg .delete:hover {
    opacity: 0.5;
}

.form-cut {
    width: 64px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    cursor: pointer;
    background: #2679D8;
    border: 1px solid #2679D8;
    border-radius: 3px;
    color: #FFF;
    vertical-align: middle;
    margin-right: 10px;
}

.form-cut:hover {
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2) inset;
}

.form-foot {
    height: 50px;
    background: none;
    padding: 0 !important;
    margin: 63px 32px 0 90px;
    !important;
    position: relative;
    top: -75px;
}

.form-foot .form-submit,
.form-foot .form-cancel {
    float: left;
    margin: 10px 20px 0 0 !important;
}

.form-submit,
.form-cancel {
    width: 80px;
    height: 30px;
    background: #2679D8;
    color: #fff;
    border-radius: 1px;
    display: block;
    border: 0;
    font-size: 13px;
    cursor: pointer;
}

.form-submit:hover {
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2) inset;
}

.form-cancel {
    background: #999;
    text-align: center;
    line-height: 30px;
}

.form-cancel:hover {
    background: #2679d8;
    color: #fff;
}

.product-list .link {
    color: #ddd;
}

.product-list .link a {
    color: #2679D8;
    margin: 0 3px;
}

.product-list .link a:hover {
    text-decoration: underline;
}

.form_reset {
    width: 200px;
    height: 40px;
    background: #999;
    color: #fff;
    display: block;
    /* margin: 0 auto 0 270px; */
    border: 0;
    font-size: 16px;
    cursor: pointer;
    position: relative;
    top: 50px;
    float: left;
}

.form_reset:hover {
    background: #666;
}

.textleft {
    text-align: left;
}

.laydate-icon {
    border: 1px solid #C6C6C6;
    background-image: url(icon.png)
}

.laydate_body .laydate_box,
.laydate_body .laydate_ym,
.laydate_body .laydate_ym .laydate_yms,
.laydate_body .laydate_table,
.laydate_body .laydate_table td,
.laydate_body .laydate_bottom #laydate_hms,
.laydate_body .laydate_time,
.laydate_body .laydate_bottom .laydate_btn a {
    border: 1px solid #ccc;
}

.laydate_body .laydate_y .laydate_yms a,
.laydate_body .laydate_choose,
.laydate_body .laydate_table thead,
.laydate_body .laydate_bottom .laydte_hsmtex {
    background-color: #F6F6F6;
}

.laydate_body .laydate_box,
.laydate_body .laydate_ym .laydate_yms,
.laydate_body .laydate_time {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
}

.laydate_body .laydate_box {
    border-top: none;
    border-bottom: none;
    background-color: #fff;
    color: #333;
}

.laydate_body .laydate_box input {
    color: #333;
}

.laydate_body .laydate_box .laydate_void {
    color: #ccc !important;
    /*text-decoration:line-through;*/
}

.laydate_body .laydate_box .laydate_void:hover {
    background-color: #fff !important
}

.laydate_body .laydate_box a,
.laydate_body .laydate_box a:hover {
    color: #333;
}

.laydate_body .laydate_box a:hover {
    color: #666;
}

.laydate_body .laydate_click {
    background-color: #eee !important;
}

.laydate_body .laydate_top {
    border-top: 1px solid #C6C6C6;
}

.laydate_body .laydate_ym .laydate_yms {
    border: 1px solid #C6C6C6;
    background-color: #fff;
}

.laydate_body .laydate_y .laydate_yms a {
    border-bottom: 1px solid #C6C6C6;
}

.laydate_body .laydate_y .laydate_yms .laydate_chdown {
    border-top: 1px solid #C6C6C6;
    border-bottom: none;
}

.laydate_body .laydate_choose {
    border-left: 1px solid #C6C6C6;
}

.laydate_body .laydate_chprev {
    border-left: none;
    border-right: 1px solid #C6C6C6;
}

.laydate_body .laydate_choose:hover,
.laydate_body .laydate_y .laydate_yms a:hover {
    background-color: #fff;
}

.laydate_body .laydate_chtop cite {
    border-bottom-color: #666;
}

.laydate_body .laydate_chdown cite,
.laydate_body .laydate_ym label {
    border-top-color: #666;
}

.laydate_body .laydate_chprev cite {
    border-right-style: solid;
    border-right-color: #666;
}

.laydate_body .laydate_chnext cite {
    border-left-style: solid;
    border-left-color: #666;
}

.laydate_body .laydate_table td {
    border: none;
    height: 21px !important;
    line-height: 21px !important;
    background-color: #fff;
}

.laydate_body .laydate_table .laydate_nothis {
    color: #999;
}

.laydate_body .laydate_table thead {
    height: 21px !important;
    line-height: 21px !important;
    border-bottom: 1px solid #ccc;
}

.laydate_body .laydate_table thead th {}

.laydate_body .laydate_bottom {
    border-bottom: 1px solid #C6C6C6;
}

.laydate_body .laydate_bottom #laydate_hms {
    background-color: #fff;
}

.laydate_body .laydate_time {
    background-color: #fff;
}

.laydate_body .laydate_bottom .laydate_sj {
    border-right: 1px solid #C6C6C6;
    background-color: #F6F6F6;
}

.laydate_body .laydate_bottom input {
    background-color: #fff;
}

.laydate_body .laydate_bottom .laydte_hsmtex {
    border-bottom: 1px solid #C6C6C6;
}

.laydate_body .laydate_bottom .laydate_btn {
    border-right: 1px solid #C6C6C6;
}

.laydate_body .laydate_bottom .laydate_v {
    color: #999
}

.laydate_body .laydate_bottom .laydate_btn a {
    border-right: none;
    background-color: #F6F6F6;
}

.laydate_body .laydate_bottom .laydate_btn a:hover {
    color: #000;
    background-color: #fff;
}

.laydate_body .laydate_m .laydate_yms span:hover,
.laydate_body .laydate_y .laydate_yms ul li:hover,
.laydate_body .laydate_table td:hover {
    background-color: #F3F3F3
}

.context .ul li {
    display: inline-block;
    width: 16%;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 100px
}

.context .ul li a {
    color: #1e7bdc;
    background: none;
    padding: 0 20px;
    height: 41px;
    font-size: 18px;
    border: 2px solid #005cc3;
    line-height: 41px;
    border-radius: 22px;
    display: block;
    text-align: center;
}

.context .ul li a:hover {
    color: #fff;
    background: #005cc3;
    border: 2px solid #005cc3;
}

/*.context {
    text-align: center
}*/

.product-container .tarea {
    border: 1px solid #ddd;
    height: 40px;
    width: 100%;
}

.product-container .tarea label:first-child {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 160px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    background: #2679D8;
    color: #FFF;
    float: left;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
}

.product-container .tarea .form-upload-product {
    float: left;
    padding-left: 10px;
}

#field_demo5 {
    float: right;
    line-height: 38px;
    padding-right: 10px;
}


.product-list .pager {
    height: 38px;
    padding: 10px 10px 10px 0;
    float: right;
}

.product-list .pager span,
.product-list .pager a {
    float: left;
    height: 34px;
    line-height: 34px;
    border: 1px solid #ddd;
    margin-right: -1px;
    _display: inline;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.product-list .pager select {
    height: 36px;
    border: 1px solid #ddd;
    padding: 0 15px;
}

.product-list .pager span {
    cursor: no-drop;
}

.product-list .pager span:first-child {
    border-color: #FFF;
    cursor: default;
}

.product-list .pager span.cur {
    border: 1px solid #2679D8;
    background: #2679D8;
    color: #FFF;
}

.product-list .pager span.cur+* {
    border-left-color: #2679D8;
}

.product-list .pager a:hover {
    border-color: #2679D8;
    z-index: 2;
}


.container {
    margin: 30px;
    min-height: 300px;
}

.container-max {
    left: 0px;
}


.product-filter {
    width: auto;
    margin-bottom: 10px;
    float: right;
}

.product-filter dd {
    float: left;
    height: 30px;
    line-height: 30px;
    margin: 0 20px 10px 0;
    padding: 0 0 0 0;
    position: relative;
    _display: inline;
}

.product-filter dd .head {
    float: left;
    height: 30px;
    line-height: 30px;
    text-align: right;
}

.product-filter dd .txt {
    float: left;
    width: 100px;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.product-filter dd .select {
    float: left;
    max-width: 150px;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.product-filter dd .txt:focus,
.product-filter dd .select:focus {
    border-color: #aaa;
    background: #fefefe;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0) inset;
}

.product-filter dd .tp {
    float: left;
}

.product-filter dd span.tp {
    padding: 0 5px;
}

.product-filter dt {
    float: left;
}

.product-filter dt .submit {
    width: 80px;
    height: 30px;
    border: 0;
    background: #f7f5fa;
    border-radius: 1px;
    color: #666;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid #ddd;
}

.product-filter dt .submit:hover {
    background: #044fa5;
    color: #fff;
}

.product-filter dt a.submit {
    display: inline-block;
    line-height: 30px;
    text-align: center;
}




.add-button {
    right: 50px;
    top: 50px;
    height: 30px;
    float: left;
    margin-bottom: 15px;
}

.add-button a {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: #2679D8;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
}

.add-button a:hover {
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2) inset;
}

.add-button input {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 80px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    background: #2679D8;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
}

.add-button input:hover {
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2) inset;
}



table.product-list {
    width: 100%;
    background: #FFF;
    text-align: center;
}

table.product-list thead {
    background: #F6F7FC;
    overflow: hidden;
    color: #666;
    font-size: 14px;
    border: 1px solid #ddd;
}

table.product-list thead td {
    height: 36px;
    padding: 0 5px;
}

table.product-list tbody tr {
    border: 1px solid #ddd;
}

table.product-list tbody td {
    height: 30px;
    line-height: 20px;
    padding: 3px 5px;
}

table.product-list tbody td img {
    width: 60px;
}

table.product-list tfoot tr {
    border: 1px solid #ddd;
    line-height: 30px;
}

table.product-list tbody tr:hover {
    background: #f9f9f9;
}

table.product-list tfoot {
    background: #fff;
}

table.product-list .txt {
    width: 100px;
    padding: 0 5px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

table.product-list .txt.s_txt {
    width: 50px;
}

table.product-list .txt.s_txt.s_txt_readonly {
    border-right: none;
    margin-right: 0;
    background-color: #ddd;
}



/*ny common css end*/

/* 响应1200屏幕 */
@media (max-width: 1366px) {
    .detail1 {
        width: 1080px;
    }

    .product_center .prolist li {
        width: 31.4%;
        margin-right: 30px;
    }

    .product_center .prolist li .txtBox {
        padding: 60px 20px 40px;
    }

    .product_center .prolist li .t_top {
        padding-bottom: 40px;
    }

    .product_center .prolist li .t_top .desc {
        margin-top: 30px;
    }

    .product_center .prolist li .t_bottom {
        padding-top: 30px;
    }

    .solution_center li .txt_box .sico {
        width: 120px;
    }

    .pro_top .imgtxtcon {
        padding-left: 10%;
    }

    .pro_top .imgtxtcon .wx {
        left: 21%;
    }

    .showProduct .photo .photoimg {
        left: 103%;
    }

    .product_portfolio .list li .img {
        height: 280px;
    }

    .searchPage .item .text {
        width: 1168px;
    }
}

/*响应1440 到 1680屏幕*/
@media (min-width: 1440px) and (max-width: 1680px) {
    .about_2_main .develop_box {
        padding: 0 6%;
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


@-webkit-keyframes animatemap {
    0% {
        transform: translateY(-10px);
    }

    20% {
        border-radius: 2px;
    }

    50% {
        transform: translateY(-5px);
        border-bottom-right-radius: 25px;
    }

    80% {
        border-radius: 2px;
    }

    100% {
        transform: translateY(-10px);
    }
}









.zw_wrapper .zw_center {
    padding-top: 80px;
}

.zw_center .zw_s {
    padding: 3%;
    background: #fff;
}

.zw_bt {
    width: 100%;
}

.zw_bt ul {
    display: inline-block;
    width: 100%;
}

.zw_bt ul li {
    float: left;
    font-size: 12px;
    line-height: 36px;
    color: #333;
    padding: 0 34px;
    border: 1px solid #ddd;
    margin-left: -1px;
}

.zw_bt ul li.active {
    background: #4772de;
    color: #fff;
    border: 1px solid #4772de;
}

.zw_bt ul li:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.zw_bt ul li:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.zw_bt ul li a {
    color: #333;
}

.zw_bt ul li.active a {
    color: #fff;
}

.zw_bt_head {
    width: 100%;
    margin-top: 16px;
    font-size: 0;
}

.zw_bt_head .head_bt {
    display: inline-block;
    background-color: #F5F5F5;
    padding: 5px 0;
    font-size: 12px;
}

.zw_bt_head .head_1 {
    width: 33%;
    text-align: center;
    padding-left: 20px;
}

.zw_bt_head .head_2 {
    width: 28%;
    text-align: center;
    margin-left: 2px;
}

.zw_bt_head .head_3 {
    width: 20%;
    text-align: center;
    margin-left: 2px;
}

.zw_bt_head .head_4 {
    width: 15%;
    text-align: center;
    margin-left: 2px;
}

.zw_s .list-content {
    width: 100%;
}

.zw_s .list-content li {
    border-bottom: 1px solid #dfdfdf;
    padding: 20px 30px 20px 25px;
    text-align: left;
    font-size: 0;
}

.zw_s .list-content li .company-info {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 34%;
}

.zw_s .list-content li .company-info .bid-name {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    color: #3d3d3d;
    padding-right: 20px;
}

.zw_s .list-content li .company-info .bid-company,
.zw_s .list-content li .register-date {
    font-size: 14px;
    line-height: 18px;
    color: #5b5b5b;
}

.zw_s .list-content li .register-date {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: bottom;
    zoom: 1;
    width: 29%;
    text-align: center;
}

.zw_s .list-content li .rest-date {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 22%;
    text-align: center;
}

.zw_s .list-content li .status-content {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    width: 15%;
    text-align: center;
}

.zw_s .list-content li .last-date {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    border: 1px dashed #4772de;
    color: #4772de;
    padding: 5px 30px;
    text-align: center;
}

.zw_s .list-content li .last-date .content {
    font-size: 12px;
}

.zw_s .list-content li .bid-status {
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    padding: 8px 20px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

.zw_s .list-content li .bid-status.biding {
    background: #4772de;
}

.zw_s .list-content li .bid-status.finish {
    background: #4772de;
}

.zw_s .list-content li .bid-status.fail {
    background: #B4BEC5;
}

.zw_gw h2 {
    font-size: 24px;
    color: #333;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}

.zw_gw_content {
    width: 100%;
}

.zw_gw_content .zw_xx {
    margin-bottom: 12px;
    text-align: left;
    margin-top: 26px;
    background-color: #f0f0f0;
    padding-top: 12px;
    padding-bottom: 14px;
}

.zw_gw_content .zw_xx span {
    font-size: 16px;
    line-height: 18px;
    padding-left: 10px;
    font-weight: bold;
}

.zw_gw_content .zw_item {
    margin-top: 14px;
    margin-bottom: 16px;
    font-size: 14px;
    text-align: left;
    margin-left: 10px;
}

.table thead {
    background-color: #f5f5f5;
}

.zw_gw_content .table th {
    text-align: center;
}

.zw_gw_content .zw_bd {
    padding: 10px;
}

.table {
    width: 100%;
}

.table td,
.table th {
    height: 32px;
    border: 0;
    margin: 0;
    font-weight: 400;
    vertical-align: middle;
    padding: 10px 8px;
    text-align: center;
    font-size: 14px;
}

.table-grid td,
.table-grid th {
    border-top: none;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: none;
}

.table-grid th {
    border-top: 1px solid #eee;
}

.table-grid td:first-child,
.table-grid th:first-child {
    border-left: 1px solid #eee;
}

.zw_gw .text {
    text-align: left;
    margin-top: 18px;
    margin-left: 10px;
}

.zw_gw .zw_tu {
    width: 100%;
    margin-top: 24px;
    min-height: 300px;
    text-align: center;
}

.zw_gw .zw_tu .zw_tuimg {
    padding-top: 40px;
    text-align: center;
}

.zw_gw .zw_tu .zw_tuimg p {
    margin: 0;
    font-size: 14px;
}

.zw_gw_title {
    padding: 24px 0;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    font-size: 14px;
}

.zw_gw_title .name {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
}

.zw_gw_content .overflow-x {
    overflow-x: scroll;
}

.zw_gw_content .zw_g_width {
    width: 100%;
}

.zw_gw_content .table {
    background-color: transparent;
    width: 100%;
    color: #333;
}

.zw_gw_content .red {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    margin: 0 2px;
    color: #f20 !important;
}

.zw_gw_content .table td,
.zw_gw_content .table th {
    border-top: none;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: none;
}

.zw_gw_content .table td:first-child,
.zw_gw_content .table th:first-child {
    border-left: 1px solid #eee;
}

.zw_gw_content .zw_g_content {
    padding: 12px 0;
    font-size: 14px;
    line-height: 24px;
    margin-left: 10px;
}

.zw_gw_content .zw_row {
    font-size: 14px;
    line-height: 24px;
    margin-left: 10px;
}

.zw_gw_content .zw_btn {
    color: #fff;
    display: block;
    background-color: #bd1e20;
    border-color: transparent;
    text-decoration: none;
    outline: 0;
    width: 140px;
    padding: 8px 0px;
    text-align: center;
    border-radius: 5px;
    margin-top: 16px;
    margin-left: 10px;
}

.zw_s .list-content li .status-content .bid-status.sign {
    background: #4772de;
    background-image: linear-gradient(-180deg, #5a83ea 0, #4772de 100%);
}


.sn_tb03 {
    width: 99%;
    margin: 8px auto;
    border-left: 1px solid #c3d4dc;
    border-bottom: 1px solid #c3d4dc;
    margin-bottom: 40px;
    margin-top: 30px;
}


.sn_tb03 th {
    border: 1px solid #c3d4dc;
    border-left: 0px;
    border-bottom: 0;
    background: #E9EEF2;
    line-height: 30px;
    font-weight: normal;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.sn_tb03 tr th {
    background: #eee;
}

.sn_tb03 td {
    border: 1px solid #c3d4dc;
    border-left: 0px;
    border-bottom: 0;
    line-height: 25px;
    padding-left: 5px;
    color: #4772de;
    font-size: 14px;
}

.sn_tb03 td .sc {
    color: #fff;
    display: block;
    background-color: #4772de;
    border-color: transparent;
    text-decoration: none;
    outline: 0;
    width: 100px;
    padding: 4px 0px;
    text-align: center;
    border-radius: 5px;
    line-height: 20px;
}


.zw_gw table td,
.zw_gw table th {
    border: 1px solid #e4e4e4;
}

.zw_gw table th {
    height: 40px;
    font-size: 14px;
    color: #333;
    text-align: center;
}

.zw_gw .tab_bm {
    margin-top: 30px;
}

.zw_gw .tab_bm td {
    font-size: 14px;
    color: #777;
    padding: 5px;
    text-align: center;
}


.zw_gw .zw_ti {
    color: #fff;
    display: block;
    background-color: #bd1e20;
    border-color: transparent;
    text-decoration: none;
    outline: 0;
    width: 140px;
    padding: 8px 0px;
    text-align: center;
    border-radius: 5px;
    margin: 0 auto;
    margin-top: 30px;
}

.zw_s .zw_btl {
    width: 100%;
    height: 60px;
    margin-bottom: 30px;
    background: #fff;
    text-align: center;
}

.zw_s .zw_btl .zw_ul {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    line-height: 60px;
}

.zw_s .zw_btl .zw_ul .item {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    font-size: 14px;
    border: 1px solid #4772de;
    color: #4772de;
    line-height: 14px;
    padding: 8px 28px;
    background: #f1f4fd;
    margin: 0 30px;
}

.zw_s .zw_btl .zw_ul .item a {
    color: #333;
}

.zw_s .zw_btl .zw_ul .item.active {
    color: #fff;
    background: #4772de;
}

.zw_s .zw_btl .zw_ul .item.active a {
    color: #fff;
}


.zw_gw div {}