.nav_page {
    padding-top: 20px;
    position: relative;
}

.nav_page .clearfix>li {
    float: left;
}

.nav_page .clearfix>li a {
    padding-right: 16px;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    background: url(../images/inner_nav02_bg.png) no-repeat right center;
    margin: 0 20px 0 0;
}

.backroundNone a {
    background: none !important;
}

.backroundNone p {
    background: none !important;
}

.nav_page .clearfix li .class_c {
    position: absolute;
    width: 100%;
    background: #fff;
    padding-top: 20px;
    display: none;
    left: 0;
}

.nav_page .clearfix li .class_c li {
    float: left;
}

.nav_page .clearfix li .class_c li .class_d {
    position: absolute;
    display: none;
    width: 100%;
    padding-top: 10px;
    left: 0;
    overflow: hidden;
    background: #fff;
}

.nav_page .clearfix li.active .class_c li .class_d li a {
    background: none !important;
}

.nav_page .clearfix li.active>a,
.nav_page .clearfix li:hover>a {
    color: #ed9335;
    background-image: url(../images/inner_nav02_bg_hover.png);
}

.nav_page .clearfix li .class_c li:hover>a {
    background-image: url(../images/inner_nav02_bg_hover.png);
}

.nav_page .clearfix li:hover>a {
    color: #ed9335;
}


/* 中芯国际设计服务概览 */

.design_overview {
    margin: 60px auto;
}

.design_overview .overview_container p {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin: 20px 0;
}

.design_overview .overview_container p.pic {
    text-align: center;
}

.design_overview .overview_container p img {
    max-width: 99%;
    border: 1px solid #dedede;
}

.design_overview .overview_container p a {
    padding-right: 20px;
    color: #ed9335;
    background: url(../images/icon_13.png) right center no-repeat;
}

.design_overview .overview_container .overview_technology {
    width: 100%;
    border-bottom: 1px solid #dedede;
}

.design_overview .overview_container .overview_technology p img {
    max-width: 100% !important;
}

.design_overview .overview_container .overview_technology ul li {
    width: 100%;
    border-top: 1px solid #dedede;
    cursor: pointer;
}

.design_overview .overview_container .overview_technology ul li p {
    font-size: 24px;
    color: #10357e;
    padding: 20px 60px 20px 0;
    margin: 0;
    background: url(../images/more_icon.png) 100% center no-repeat;
}

.design_overview .overview_container .overview_technology ul li:hover p {
    background: url(../images/more_iocn01_hover.png) 100% center no-repeat;
}

.design_overview .overview_container .overview_technology ul li.active p {
    /*color: #ed9335;*/
    background: url(../images/icon_more_s.png) 100% center no-repeat;
}

.design_overview .overview_container .overview_technology ul li .technology {
    display: none;
}

.design_overview .overview_container .overview_technology ul li .technology p {
    background: none;
    padding: 0;
}

.design_overview .overview_container .overview_technology ul li .technology table {
    width: 100%;
    /* background: #dedede; */
    text-align: center;
    border-color: #dedede;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.design_overview .overview_container .overview_technology ul li .technology table td,
.design_overview .overview_container .overview_technology ul li .technology table th {
    vertical-align: middle;
}

.design_overview .overview_container .overview_technology ul li .technology table thead tr th {
    border-bottom: 2px solid #10357e;
}

.design_overview .overview_container .overview_technology ul li .technology table td table,
.design_overview .overview_container .overview_technology ul li .technology table td table td {
    border-top: 0;
    border-bottom: 0;
}

.design_overview .overview_container .overview_technology ul li .technology table td table td:first-child {
    border-left: 0;
}

.design_overview .overview_container .overview_technology ul li .technology table td table td:last-child {
    border-right: 0;
}

.design_overview .overview_container .overview_technology ul li .technology table th p {
    font-size: 16px;
    color: #10357e;
    padding: 16px 12px;
    margin: 0;
    background: none;
    /* font-weight: bold; */
}

.design_overview .overview_container .overview_technology ul li .technology table td p {
    margin: 0;
    padding: 8px;
    background: none;
    font-size: 16px;
    color: #999;
}

.design_overview .overview_container .overview_technology ul li .technology table td table.pex tr td p {
    padding: 13px;
}

.design_overview .overview_container .overview_technology ul li .technology table td table.pdk tr td p {
    padding: 27px 10px;
}

.design_overview .overview_container .overview_technology ul li .technology table td table.l tr td p {
    padding: 12px 10px;
}

.design_overview .overview_container .overview_technology ul li .technology table td table.pex tr td p,
.design_overview .overview_container .overview_technology ul li .technology table td table.l tr td p,
.design_overview .overview_container .overview_technology ul li .technology table td table.pdk tr td p {
    color: #333;
}

.design_overview .overview_container .overview_technology ul li .technology table th.spice {
    width: 7%;
}

.design_overview .overview_container .overview_technology ul li .technology table th.l {
    width: 21%;
}

.design_overview .overview_container .overview_technology ul li .technology table th.pdk {
    width: 10%;
}

.design_overview .overview_container .overview_technology ul li .technology table td.p_1 p {
    padding: 23px 8px;
}

.design_overview .overview_container .overview_technology ul li .technology table td.p_2 p {
    padding: 23px 8px;
}


/*  */

.design_overview .overview_container .overview_technology ul li .technology table tr td.w_1 {
    width: 30%;
}

.design_overview .overview_container .overview_technology ul li .technology table tr td.name {
    vertical-align: middle;
}

.design_overview .overview_container .overview_technology ul li .technology table tr td.name p {
    color: #10357e;
    font-size: 16px;
    /* font-weight: bold; */
}

.design_overview .overview_container .overview_technology ul li .technology table tr td table.con tr.top {
    border-bottom: 1px solid #dedede;
}

.design_overview .overview_container .overview_technology ul li .technology table tr td table.con tr td p {
    color: #10357e;
}

.design_overview .overview_container .overview_technology ul li .technology table.con tr td p img {
    margin: 19.5px 0;
    border: 0;
}

.design_overview .overview_container .overview_technology ul li .technology table.con tr td.b_1 {
    border-right: 1px solid #dedede;
}

.design_overview .overview_container .overview_technology ul li .technology table.con tr td.w_2 {
    width: 36.5%;
}

.design_overview .overview_container .overview_technology ul li .technology table.con tr td.w_3 {
    width: 54%;
}


/*  */

.design_overview .overview_container .overview_technology ul li .technology .tagging {
    color: #333;
    padding: 0 20px;
    margin: 40px 0 0 0;
    background: none;
    font-size: 16px;
}

.design_overview .overview_container .overview_technology ul li .technology .tagging span {
    padding-left: 20px;
    margin-right: 200px;
}

.design_overview .overview_container .overview_technology ul li .technology .tagging span.g {
    background: url(../images/icon_green.png) left center no-repeat;
}

.design_overview .overview_container .overview_technology ul li .technology .tagging span.b {
    background: url(../images/icon_blue.png) left center no-repeat;
}

.design_overview .overview_container .overview_technology ul li .technology .notes {
    color: #999;
    padding: 0 20px;
    margin: 0 0 40px 0;
    background: none;
    font-size: 16px;
}


/*  */

.other_technology {
    width: 100%;
    background: #f3f3f3;
    padding: 60px 0 90px;
}

.other_technology ul {
    margin-top: 40px;
}

.other_technology ul li {
    width: 380px;
    height: 150px;
    background: #fff;
    padding-bottom: 30px;
    float: left;
}

.other_technology ul li.li_firstChild {
    margin-right: 30px;
}

.other_technology ul li p.t {
    font-size: 24px;
    color: #10357e;
    padding: 30px 0 0 30px;
    margin-bottom: 56px;
}

.other_technology ul li p.t:hover {
    color: #ed9335;
}

.other_technology ul li a.load_more {
    padding-right: 30px;
    font-size: 16px;
    /* font-weight: bold; */
    background: url(../images/icon_loadmore_18.png) right center no-repeat;
    color: #333;
    margin-left: 30px;
}

.other_technology ul li a.load_more:hover {
    background: url(../images/com_com_more_hover.png) right center no-repeat;
}


/*  */

.other_service {
    width: 100%;
    background: url(../images/design_otherservice_bg.jpg) top right no-repeat;
    padding: 60px 0 74px;
}

.other_service .sec_title p {
    color: #fff !important;
}

.other_service ul {
    margin-top: 40px;
}

.other_service ul li {
    width: 580px;
    height: 190px;
    float: left;
    background: #fff;
    position: relative;
}

.other_service ul li.li_firstChild {
    margin-right: 20px;
}

.other_service ul li div {
    padding: 30px;
}

.other_service ul li div p.t {
    font-size: 30px;
    color: #333;
}

.other_service ul li div p.links {
    margin-top: 20px;
}

.other_service ul li div p.links a {
    display: inline-block;
    width: 225px;
    padding: 0 10px;
    color: #10357e;
    font-size: 16px;
    /* font-weight: bold; */
    line-height: 40px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: url(../images/inve_se01.png) 95% center no-repeat;
}

.other_service ul li div p.links a.border_b_z {
    border-bottom: 0;
}

.other_service ul li div p.links a.first {
    margin-right: 24px;
}

.other_service ul li div a.load_more {
    display: block;
    position: absolute;
    padding-right: 20px;
    font-size: 16px;
    /* font-weight: bold; */
    background: url(../images/icon_loadmore_18.png) right center no-repeat;
    color: #333;
    bottom: 30px;
}

.other_service ul li div a.load_more:hover {
    background: url('../images/com_com_more_hover.png') right center no-repeat;
}


/* IP设计/服务/成熟度 */

.maturity .maturity_l {
    width: 380px;
    height: 180px;
    float: left;
    background: #f3f3f3;
    margin: 0 0 20px 30px;
}

.maturity .maturity_l div.clearfix {
    padding: 30px 30px 0 30px;
}

.maturity .maturity_l .sequence {
    width: 30px;
    height: 40px;
    background: url(../images/icon_09.png) center no-repeat;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 40px;
}

.maturity .maturity_l .font {
    width: 86%;
    float: left;
    margin-left: 14px;
}

.maturity .maturity_l .font p {
    font-size: 18px;
    color: #000;
    /* font-weight: bold; */
    margin: 0;
    line-height: 26px;
}


/*  */

.application_platform {
    border-top: 1px solid #dedede;
}

.application_platform li {
    border-bottom: 1px solid #dedede;
    cursor: pointer;
}

.application_platform li p {
    font-size: 24px;
    color: #10357e !important;
    margin: 0;
    padding: 20px 230px 20px 0;
    /* padding: 20px 230px 20px 20px; */
    font-weight: bold;
    background: url(../images/more_icon.png) 100% center no-repeat;
    /* background: url(../images/more_icon.png) 95% center no-repeat; */
}

.application_platform li:hover p {
    background: url(../images/more_iocn01_hover.png) 100% center no-repeat;
}

.application_platform li.active p {
    /*color: #ed9335 !important;*/
    background: url(../images/icon_more_s.png) 100% center no-repeat;
}

.application_platform li .allpication_con {
    display: none;
    width: 100%;
}

.application_platform li .allpication_con p {
    padding: 0;
    background: none;
    color: #999 !important;
    font-weight: normal;
}


/*  */

.support .support_l {
    width: 290px;
    height: 150px;
    background: #f9f9f9;
    /* background: #f3f3f3; */
    float: left;
    margin: 0 0 13px 13px;
}

.support .support_l div.clearfix {
    padding: 20px 10px 0 10px;
}

.support .support_l div.sequence {
    width: 30px;
    height: 40px;
    background: url(../images/icon_09.png) center no-repeat;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 40px;
}

.support .support_l div.font {
    width: 212px;
    float: left;
    margin-left: 10px;
}

.support .support_l div.font p {
    margin: 0;
    /* font-weight: bold !important; */
}

.other_service.applicationS {
    padding: 60px 0 34px;
}

.other_service.applicationS ul li {
    height: 230px;
}

.flow table {
    width: 100%;
    text-align: left;
    border-top: 1px solid #dedede;
}

.flow table th p,
.flow table td p {
    padding: 13px 10px;
    margin: 0 !important;
}

.flow table tr {
    border-bottom: 1px solid #dedede;
}

.flow table tr th.w {
    width: 20%;
}

.flow table tr th.b {
    width: 40%;
}

.flow table tr td p {
    font-size: 16px;
    color: #333;
}

.flow table tr td.w p {
    color: #ed9335;
}

.flow table tr.last {
    border-bottom: 0;
}

.flow table tr td table {
    border-top: 0;
}

.flow table tr td p a {
    color: #10357e !important;
    padding-right: 20px;
    /* font-weight: bold; */
    background: url(../images/icon_05.png) right center no-repeat !important;
}

.flow table tr td p a:hover {
    color: #ed9335 !important;
    background: url(../images/icon_13.png) right center no-repeat !important;
}


/*  */

.design_overview .overview_container p.service_classification {
    font-size: 30px;
    color: #10357e;
    margin: 60px 0 30px 0;
}

.support.test .support_l {
    height: 180px;
}


/* ip生态圈 */

.nav_page.ecosphere .clearfix>li a {
    background: none;
}

.union {
    position: relative;
}

.union .swiper-wrapper .swiper-slide {
    /* width: 230px;
    height: 98px;
    line-height: 98px;
    border: 1px solid #dedede;
    text-align: center;
    box-sizing: border-box; */
}

.union .swiper-wrapper .swiper-slide .slide_list {
    width: 19%;
    height: 98px;
    line-height: 98px;
    border: 1px solid #dedede;
    text-align: center;
    box-sizing: border-box;
    float: left;
    margin: 0 0 1% 1%;
}

.union .swiper-wrapper .swiper-slide img {
    border: 0;
    max-width: 98%;
    vertical-align: middle;
}

.union .swiper-pagination {
    position: relative;
}

.union a {
    display: block;
    position: absolute;
    width: 34px;
    height: 34px;
    top: 100%;
    margin-top: -50px;
}

.union a.swiper-button-prev {
    background: url(../images/icon_prev_b.png) center no-repeat;
    left: 20%;
}

.union a.swiper-button-next {
    background: url(../images/icon_next_b.png) center no-repeat;
    right: 20%;
}

.union .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #9c9c9c;
    margin: 20px 17px;
}

.swiper-pagination-bullet-active {
    background: #ed9335 !important;
}

.support.chip .support_l {
    height: 120px;
}

.support.chip .support_l div.clearfix {
    padding: 30px 10px 0 10px;
}


/* 新闻 */

.nav_page.news_nav .clearfix>li a {
    background: none;
}

.new_list {
    margin: 30px auto 90px;
    position: relative;
}

.new_list .container {
    border-top: 1px solid #dedede;
    /* border-bottom: 1px solid #dedede; */
    margin-top: 40px;
    padding-bottom: 20px;
}

.new_list .news_left {
    width: 28%;
    float: left;
}

.new_list .news_left .t {
    border-bottom: 2px solid #10357e;
}

.new_list .news_left .t p {
    padding: 13px 0 13px 13px;
    font-size: 16px;
    color: #10357e;
    /* font-weight: bold; */
}

.new_list .news_left ul {
    padding-right: 36%;
    margin-top: 40px;
}

.new_list .news_left ul li {
    border-top: 1px solid #dedede;
    cursor: pointer;
    padding-right: 16px;
    display: none;
}

.new_list .news_left ul li.show {
    display: block;
}

.new_list .news_left ul li a {
    display: block;
    padding: 10px;
    font-size: 16px;
    /* font-weight: bold; */
    color: #10357e;
}

.new_list .news_left ul li.year:hover,
.new_list .news_left ul li.active {
    background: url(../images/com_a_sec01_hover.png) no-repeat right center;
}

.new_list .news_left ul li.active a,
.new_list .news_left ul li.year:hover a {
    color: #ed9335;
}

.new_list .news_left ul li.load_more {
    display: block;
    background: url(../images/com_a_sele_d_more.png) no-repeat right center;
    font-size: 16px;
    border-bottom: 1px solid #dedede;
}

.new_list .news_left ul li.load_more a {
    color: #999999;
}

.new_list .news_right {
    width: 72%;
    float: left;
}

.new_list .news_right table {
    width: 100%;
    text-align: left;
}

.new_list .news_right table th {
    border-bottom: 2px solid #10357e;
}

.new_list .news_right table th p {
    padding: 13px 0 13px 13px;
    font-size: 16px;
    color: #10357e;
    /* font-weight: bold; */
}

.new_list .news_right table th.date {
    width: 36%;
}

.new_list .news_right table th.title {
    width: 64%;
}

.new_list .news_right table tbody tr {
    border-bottom: 1px solid #dedede;
}

.new_list .news_right table td p {
    padding: 13px;
}

.new_list .news_right table td.date p {
    font-size: 16px;
    color: #ed9335;
}

.new_list .news_right table td p.t {
    font-size: 16px;
    /* border-bottom: 1px solid #dedede; */
    /* font-weight: bold; */
}

.new_list .news_right table td p.t a {
    color: #333;
}

.new_list .news_right table td p a.load_more {
    font-size: 16px;
    /* font-weight: bold; */
    color: #10357e;
    padding-right: 20px;
    background: url(../images/inve_se01.png) right center no-repeat;
}

.new_list .news_right table td p a.load_more:hover {
    background: url(../images/inve_se01_hover.png) right center no-repeat;
}

.pageButton ul li {
    display: inline-block;
    padding: 10px;
}

.pageButton ul li.disabled {
    background: url('../images/icon_15.png') center no-repeat;
}

.pageButton ul li.disabled a {
    color: #ed9335 !important;
}

.pageButton ul li.first,
.pageButton ul li.last {
    display: none;
}

.pageButton ul li a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.pageButton ul li.previous.disabled,
.pageButton ul li.next.disabled {
    background: none;
}

.pageButton ul li.selected {
    background: url(../images/icon_15.png) center no-repeat;
}

.pageButton ul li.selected a {
    color: #ed9335;
}

.new_read {
    margin: 60px auto 90px;
}

.new_read .container {
    /* margin-top: 40px; */
    /* border-top: 1px solid #dedede; */
}

.new_read .container .date {
    border-bottom: 2px solid #10357e;
}

.new_read .container .date div p {
    padding: 13px;
    float: left;
    color: #10357e;
    font-size: 16px;
    /* font-weight: bold; */
}

.new_read .container .date ul {
    float: right;
}

.new_read .container .date ul li {
    float: left;
}

.new_read .container .date ul li {
    margin-left: 20px;
}

.new_read .container .date ul li a {
    padding: 13px 13px 13px 30px;
    color: #10357e;
    font-size: 16px;
    /* font-weight: bold; */
    display: block;
}

.new_read .container .date ul li a.printing {
    background: url(../images/icon_16.png) left center no-repeat;
}

.new_read .container .date ul li a.return {
    background: url(../images/icon_17.png) left center no-repeat;
}

.new_read .container .content p {
    margin-top: 40px;
    /* padding-bottom: 40px; */
    /* border-bottom: 1px solid #dedede; */
}

.new_read .container .content {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    padding-top: 20px;
}

.new_read .container .content p.t {
    color: #10357e;
    margin: 40px 0;
    font-weight: bold;
}

.new_read .container .content p strong {
    color: #10357e;
    /* margin: 40px 0; */
    /* font-weight: bold; */
}

.new_read .container .content p.f {
    margin: 20px 0;
}

.new_read .container .content p a {
    color: #ed9335;
    text-decoration: underline;
}

.new_read .container .content ul {
    list-style-type: disc;
    padding-left: 34px;
    margin-bottom: 40px;
}

.new_read .container .content ul li {
    list-style-type: disc;
}

.activity_international {
    margin: 60px auto 90px;
    position: relative;
}

.activity_international .container {
    margin-top: 40px;
    border-top: 1px solid #dedede;
}

.yearSelect {
    position: absolute;
    top: 14px;
    right: 0;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 0;
}

select::-ms-expand {
    display: none;
}

.yearSelect .select>p {
    padding: 10px;
    width: 140px;
    /* background: url(../images/more_icon.png) 95% center no-repeat; */
    border: 1px solid #10357e;
    font-weight: bold;
    color: #10357e;
    cursor: pointer;
}

.yearSelect .select:hover>p {
    color: #ed9335;
    border-color: #ed9335;
    /* background: url(../images/more_icon_hover.png) 95% center no-repeat; */
}

.yearSelect .select .slide {
    position: absolute;
    width: 98.5%;
    right: 0;
    background: #fff;
    border: 1px solid #10357e;
    border-bottom: 0;
    display: none;
}

.yearSelect .select .slide:hover {
    border-color: #ed9335;
}

.yearSelect .select .slide p {
    display: block;
    padding: 0 10px;
    width: 90%;
    text-align: center;
    border-bottom: 1px solid #333;
    float: left;
    /* border-left: 1px solid #333; */
}

.yearSelect .select .slide p a {
    display: block;
    color: #10357e;
}

.yearSelect .select .slide p:hover a {
    color: #ed9335;
}


/* .yearSelect .select .slide:hover p{
    border-color:  #ed9335;
} */

.yearSelect dl dd:hover a {}

.yearSelect dl dd a {
    color: #333;
}

.activity_international .container table,
.activity_industry .container table {
    width: 100%;
    text-align: left;
}

.activity_international .container table th.d,
.activity_industry .container table th.d {
    width: 26%;
}

.activity_international .container table th.t,
.activity_industry .container table th.t {
    width: 57%;
}

.activity_international .container table th.l,
.activity_industry .container table th.l {
    width: 17%;
}

.activity_international .container table p,
.activity_industry .container table p {
    padding: 13px 0 13px 13px;
}

.activity_international .container table th p,
.activity_industry .container table th p {
    font-size: 16px;
    /* font-weight: bold; */
    color: #10357e;
}

.activity_international .container table th,
.activity_industry .container table th {
    border-bottom: 2px solid #10357e;
}

.activity_international .container table tbody tr,
.activity_industry .container table tbody tr {
    border-bottom: 1px solid #dedede;
}

.activity_international .container table td.d p,
.activity_industry .container table td.d p {
    color: #ed9335;
}

.activity_international .container table td.t p,
.activity_industry .container table td.t p {
    /* font-weight: bold; */
}

.activity_industry {
    width: 100%;
    background: #f3f3f3;
    padding: 60px 0 90px;
}

.activity_industry .page_cell {
    position: relative;
}

.activity_industry .container {
    margin-top: 40px;
}


/* 资料中心 */

.information {
    margin: 60px auto 90px;
}

.information .container .sum {
    margin-top: 40px;
    font-size: 18px;
    color: #000;
}

.information .container ul {
    width: 100%;
    margin-top: 40px;
}

.information .container ul li {
    width: 30%;
    float: left;
    margin-left: 5%;
}

.information .container ul li .pic,
.information .container ul li .pic img {
    width: 100%;
    vertical-align: bottom;
}

.information .container ul li .font {
    width: 100%;
    height: 150px;
    background: url(../images/news_information_bg.jpg) top center no-repeat;
    position: relative;
}

.information .container ul li .font p {
    padding: 30px 0 0 30px;
    font-size: 24px;
}

.information .container ul li .font p a {
    color: #fff;
}

.information .container ul li .font a.load_more {
    display: block;
    padding-right: 40px;
    color: #ed9335;
    background: url(../images/news_information_button.png) right center no-repeat;
    position: absolute;
    left: 30px;
    bottom: 30px;
    /* font-weight: bold; */
}

.information .media_sum {
    margin: 3% 0 20px;
}

.contact {
    width: 48%;
    border: 1px solid #dedede;
    /* margin-top: 40px; */
    margin: 0 0 0 3%;
    float: left;
}

.contact div {
    padding: 30px 0 30px 30px;
}

.contact div p {
    padding: 6px 0 6px 50px;
    margin-bottom: 20px;
    font-size: 16px;
    color: #333;
}

.contact div p.cha {
    padding: 6px 0;
    font-size: 18px;
    font-weight: bold;
}

.contact div p.contacts {
    background: url(../images/icon_18.png) left center no-repeat;
}

.contact div p.telephone {
    background: url(../images/icon_19.png) left center no-repeat;
}

.contact div p.email {
    background: url(../images/icon_20.png) left center no-repeat;
}

.contact div p b {
    font-weight: normal;
    display: inline-block;
    width: 100px;
}

.contact div p span {
    display: inline-block;
    width: 70%;
}

.contact div p span a {
    color: #10357e;
    /* font-weight: bold; */
    padding-right: 20px;
    background: url(../images/icon_05.png) right center no-repeat;
}


/* 人力资源 */

.humen {
    margin: 60px auto 60px;
}

.humen .container .sum {
    text-align: center;
    margin: 40px 0;
}

.humen .container .sum p {
    font-size: 24px;
    line-height: 40px;
    color: #333;
}

.humen .container ul li {
    width: 48%;
    float: left;
    margin: 0 0 40px 4%;
}

.humen .container ul li .pic {
    width: 100%;
    overflow: hidden;
}

.humen .container ul li .pic a {
    display: block;
    width: 100%;
    height: 100%;
}

.humen .container ul li .pic img {
    width: 100%;
    vertical-align: bottom;
    transform: scale(1);
    transition: all 1s ease-out;
}

.humen .container ul li .pic:hover img {
    transform: scale(1.2)
}

.humen .container ul li .font {
    width: 100%;
    height: 130px;
    background: #f3f3f3;
    position: relative;
}

.humen .container ul li .font div {
    padding: 30px 0 0 30px;
}

.humen .container ul li .font div p {
    font-size: 30px;
    color: #333;
}

.humen .container ul li .font div p:hover {
    color: #ed9335;
}

.humen .container ul li .font a.load_more {
    display: block;
    position: absolute;
    left: 30px;
    bottom: 30px;
    padding-right: 30px;
    background: url(../images/icon_loadmore_18.png) right center no-repeat;
    font-size: 16px;
    color: #333;
    /* font-weight: bold; */
}

.humen .container ul li .font a.load_more:hover {
    background: url(../images/com_com_more_hover.png) right center no-repeat;
}

.train {
    margin: 60px auto 90px;
}

.train .container p {
    margin: 30px 0;
    font-size: 16px;
    color: #666;
}

.train .container p.pic {
    text-align: center;
}

.train .container p img {
    max-width: 98%;
}

.train .train_list {
    border-top: 1px solid #dedede;
}

.train .train_list li {
    border-bottom: 1px solid #dedede;
}

.train .train_list li p {
    font-size: 24px;
    color: #0b2c6c;
    padding: 30px;
}

.train .train_list li>p {
    background: url(../images/more_icon.png) 98% center no-repeat;
    cursor: pointer;
}

.train .train_list li .con_slide {
    padding: 0 30px;
    display: none;
}

.train .train_list li .con_slide p {
    font-size: 18px;
    padding: 0;
    margin: 10px 0;
}

.train .train_list li .con_slide p img {
    max-width: 98%;
}


/* .train .train_list li:hover>p, */

.train .train_list li.active>p {
    color: #ed9335;
    background: url(../images/icon_more_s.png) 98% center no-repeat;
}

.train_system {
    padding: 50px 0 80px;
    background: #f3f3f3;
}

.train_system .container .sum {
    font-size: 18px;
    color: #333;
    margin: 40px 0;
}

.train_system .container ul li {
    width: 30%;
    float: left;
    margin: 0 0 5% 5%;
    border-bottom: 1px solid #dedede;
}

.train_system .container ul li .pic {
    width: 100%;
    height: 140px;
    line-height: 140px;
    background: #fff;
    text-align: center;
}

.train_system .container ul li .pic img {
    width: auto;
    max-width: 98%;
    vertical-align: middle;
}

.train_system .container ul li .font {
    padding: 20px;
}

.train_system .container ul li .font p {
    font-size: 16px;
    color: #000;
}

.train_system .container ul li .font p.t {
    font-weight: bold;
}

.train_b {
    width: 100%;
    height: 380px;
    position: relative;
}

.train_b .bg_img {
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.train_b .bg_img img {
    width: 100%;
}

.train_b .bannerFont {
    position: absolute;
    top: 50%;
    left: 50%;
}

.train_b .bannerFont p {
    font-size: 30px;
    color: #fff;
    line-height: 42px;
}

.train_scene {
    padding: 90px 0;
    background: #f3f3f3;
}

.train_scene .swiper-container .swiper-wrapper,
.train_scene .swiper-container .swiper-wrapper .swiper-slide {
    width: 100%;
}

.train_scene .swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
    vertical-align: bottom;
}

.train_scene .swiper-container .swiper-wrapper .swiper-slide {
    overflow: hidden;
}

.train_scene .swiper-container .swiper-button-next,
.train_scene .swiper-container .swiper-button-prev {
    width: 60px;
    height: 60px;
    top: 100%;
    margin-top: -60px;
    z-index: 5;
    cursor: pointer;
}

.train_scene .swiper-container .swiper-button-next {
    background: url(../images/icon_next_b.png) center no-repeat #f3f3f3;
    right: 0;
}

.train_scene .swiper-container .swiper-button-prev {
    right: 140px;
    background: url(../images/icon_prev_b.png) center no-repeat #f3f3f3;
}

.train_scene .swiper-container .swiper-pagination {
    width: 80px;
    height: 60px;
    line-height: 60px;
    background: #f3f3f3;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    /* left: initial; */
    /* 不支持ie */
    bottom: 0;
    /* right: 60px; */
    left: 100%;
    margin-left: -140px;
}


/* .train_scene .swiper-container .swiper-pagination.swiper-pagination-2{
    bottom: 5px !important;
}
.train_scene .swiper-container .swiper-button-next.swiper-button-next-2,
.train_scene .swiper-container .swiper-button-prev.swiper-button-prev-2{
    margin-top: -65px !important;
} */

.train_scene .swiper-container .swiper-pagination .swiper-pagination-current {
    font-size: 18px;
    /* font-weight: bold; */
    color: #ed9335;
}

.train_scene .swiper-container .swiper-pagination .swiper-pagination-total {
    font-size: 14px;
    color: #333;
}

.train_scene .swiper-slide .font {
    width: 220px;
    height: 60px;
    background: url(../images/human_train_02.png) top center no-repeat;
    position: absolute;
    top: 28px;
    left: 46px;
}

.train_scene .swiper-slide .font p {
    font-size: 18px;
    color: #fff;
    line-height: 60px;
    padding-left: 20px;
    margin-top: 0;
}


/* 生活与福利 */

.welfare {
    margin: 60px auto 0;
}

.welfare .container ul {
    width: 100%;
    margin-top: 40px;
}

.welfare .container ul li {
    width: 31%;
    float: left;
    margin: 0 0 3% 3%;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}

.welfare .container ul li .pic {
    width: 100%;
    height: 140px;
    line-height: 140px;
    background: #f3f3f3;
    text-align: center;
    vertical-align: middle;
}

.welfare .container ul li .pic img {
    max-width: 98%;
    vertical-align: middle;
}

.welfare .container ul li .font {
    width: 100%;
    /* height: 120px; */
}

.welfare .container ul li .font div {
    padding: 30px;
}

.welfare .container ul li .font div p.t {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.welfare .container ul li .font div p.sum,
.welfare .container ul li .font div p.sum a {
    font-size: 16px;
    color: #000;
}

.life {
    background: none;
}

.life ul {
    margin: 0 auto 30px;
}

.life ul li {
    float: left;
    font-size: 16px;
    color: #333;
    margin-right: 30px;
    /* font-weight: bold; */
    cursor: pointer;
}

.life ul li:hover,
.life ul li.active {
    color: #ed9335;
}

.life .life_list {
    overflow: hidden;
}


/* 社会责任 */

.social {
    margin: 60px auto 90px;
}

.social .container {
    margin-top: 40px;
}

.social .container p {
    font-size: 18px;
    color: #333;
    margin-bottom: 40px;
}

.social .container p.t {
    font-size: 30px;
    color: #10357e;
    line-height: 80px;
}

.social .container ul {
    padding: 0;
}

.social .container ul li {
    width: 48%;
    height: 270px;
    background: #f9f9f9;
    /* background: #f3f3f3; */
    margin: 0 0 3% 3%;
    float: left;
}

.social .container ul li>div {
    padding: 20px 20px 0 20px;
}

.social .container ul li div.sequence {
    width: 30px;
    height: 40px;
    background: url(../images/icon_09.png) center no-repeat;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 40px;
    padding: 0;
}

.social .container ul li div.font {
    width: 82%;
    float: left;
    padding: 0;
    margin-left: 16px;
}

.social .container ul li div p {
    margin: 0;
    font-size: 18px;
    /* font-weight: bold; */
    color: #000;
}

.criterion {
    margin: 60px auto 90px;
}

.criterion .container .pic {
    margin-top: 40px;
}

.criterion .container .pic img {
    max-width: 98%;
    border: 1px solid #dedede;
}

.criterion .container table {
    width: 100%;
    text-align: left;
}


.criterion .container table,
table.quality_table{
    width: 100%;
    text-align: left;
}

.action--site-about_ESH .criterion .container table,
table.quality_table{
    text-align: center;
}

.action--site-about_ESH .criterion .container table th p,
table.quality_table th p{
    text-align: center !important;
}

.action--site-about_ESH .criterion .container table td p,
table.quality_table td p{
    text-align: center;
}

.criterion .container table th,
table.quality_table th{
    width: 20%;
    border-bottom: 2px solid #10357e;
}

table.quality_table th{
    width: calc(100% / 3);
    padding-left: 10px;
    padding-right: 10px;
}

.criterion .container table th p,
table.quality_table th p {
    padding: 20px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #10357e;
    text-align: left !important;
}
table.quality_table th p{
    text-align: center !important;
}

.criterion .container table tbody tr,
table.quality_table tbody tr {
    border-bottom: 1px solid #dedede;
}

.criterion .container table td p,
table.quality_table td p {
    padding: 10px;
    font-size: 16px;
    color: #333;
    text-align: left;
}

table.quality_table td p{
    text-align: center;
}

.other_criterion {
    padding: 60px 0 90px;
    background: #f3f3f3;
}

.other_criterion ul {
    margin: 40px auto 0;
}

.other_criterion ul li {
    width: 31%;
    height: 150px;
    background: #fff;
    margin: 0 0 3% 3%;
    position: relative;
    float: left;
}

.other_criterion ul li div {
    padding: 30px 0 0 30px;
    cursor: pointer;
}

.other_criterion ul li div p {
    font-size: 24px;
    color: #10357e;
    /* font-weight: bold; */
}

.other_criterion ul li:hover div p {
    color: #ed9335;
}

.other_criterion ul li div a.load_more {
    display: block;
    padding-right: 30px;
    font-size: 16px;
    /* font-weight: bold; */
    color: #333;
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: url(../images/com_com_more.png) right center no-repeat;
}

.other_criterion ul li:hover div a {
    color: #ed9335;
    background: url('../images/com_com_more_hover.png') right center no-repeat;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide div .load_more:hover {
    background: url('../images/com_com_more_hover.png') right center no-repeat;
}

.other_criterion ul li.first_li {
    margin-left: 0;
}

.other_corporate {
    padding: 40px 0 30px;
    background: url(../images/responsibility_social_03.jpg) top right no-repeat;
}

.other_corporate .sec_title p {
    color: #fff !important;
}

.other_corporate .swiper-container {
    margin-top: 24px;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide {
    width: 48%;
    height: 300px;
    background: #fff;
    float: left;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide>div {
    padding: 30px;
    height: 240px;
    position: relative;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide div.t p {
    font-size: 30px;
    color: #333;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide ul {
    margin-top: 20px;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide ul li {
    width: 48%;
    float: left;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    margin-left: 4%;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide ul li.border_hide {
    border-bottom: none;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide ul li a {
    display: block;
    padding: 10px;
    font-size: 16px;
    color: #10357e;
    /* font-weight: bold; */
    background: url(../images/inve_se01.png) 95% center no-repeat;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide ul li a:hover {
    background: url(../images/inve_se01_hover.png) 95% center no-repeat;
}

.other_corporate .swiper-container .swiper-wrapper .swiper-slide div .load_more {
    display: block;
    padding-right: 30px;
    font-size: 16px;
    /* font-weight: bold; */
    color: #333;
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: url(../images/com_com_more.png) right center no-repeat;
}

.other_corporate .page_cell {
    position: relative;
}

.other_corporate .swiper-button-next,
.other_corporate .swiper-button-prev {
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
}

.other_corporate .swiper-button-prev {
    background: url(../images/icon_prev.png) center no-repeat;
    left: -40px;
}

.other_corporate .swiper-button-next {
    background: url(../images/icon_next.png) center no-repeat;
    right: -40px;
}


/*  */

.products {
    margin: 60px auto 90px;
}

.products .container p {
    font-size: 18px;
    color: #333;
    margin-top: 40px;
}

.products .container p a {
    padding-right: 20px;
    background: url(../images/icon_13.png) right center no-repeat;
    /* font-size: 18px; */
    color: #ed9335;
    text-decoration: underline;
}

.system .container p {
    margin-top: 40px;
    line-height: 40px;
    font-size: 16px;
}

.criterion .honer_left {
    width: 65%;
    float: left;
}

.honor .container {
    margin-top: 40px;
}

.honor .title {
    border-bottom: 2px solid #10357e;
}

.honor .title p {
    font-size: 30px;
    color: #10357e;
    padding-bottom: 34px;
}

.honor .honer_left ul li:after,
.honor .honer_left ul li:before {
    display: block;
    height: 0;
    content: "";
    visibility: hidden;
    clear: both;
}

.honor .honer_left ul li {
    padding: 30px 0 40px;
    border-bottom: 1px solid #dedede;
}

.honor .honer_left ul li .pic {
    width: 30%;
    float: left;
    margin-top: 0;
}

.honor .honer_left ul li .pic img {
    width: 100%;
    border: 0;
}

.honor .honer_left ul li .summary {
    width: 67%;
    float: right;
}

.honor .honer_left ul li .summary p {
    color: #000;
    margin: 0 0 20px 0;
}

.honor .honer_left ul li .summary p.t {
    font-size: 18px;
    font-weight: bold;
}

.honor .honer_left ul li .summary .s {
    font-size: 16px;
}

.honor .honer_left ul li .summary p.m {
    margin: 0;
}

.honor .honer_left ul li .summary p.m a {
    color: #10357e;
    font-size: 16px;
    font-weight: bold;
    padding-right: 20px;
    background: url(../images/inv_sec03_down.png) right center no-repeat;
}

.honor .honor_right {
    width: 30%;
    float: right;
}

.honor .honor_right ul li {
    padding: 10px;
    border-bottom: 1px solid #dedede;
    display: none;
}

.honor .honor_right ul li.show {
    display: block;
}

.honor .honor_right ul li.load_more {
    display: block;
}

.honor .honor_right ul li p {
    margin: 0;
}

.honor .honor_right ul li div.year p {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.honor .honor_right ul li div.clearfix p.t {
    width: 75%;
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.honor .honor_right ul li div.clearfix p.link {
    width: 22%;
    float: right;
}

.honor .honor_right ul li div.clearfix p.link a {
    padding-right: 20px;
    background: url(../images/inv_sec03_down.png) right center no-repeat;
    color: #10357e;
    /* font-size: 16px; */
    font-weight: bold;
}

.honor .honor_right ul li div.clearfix p.link a:hover {
    background: url(../images/icon_13.png) right center no-repeat;
}

.honor .honor_right ul li.load_more a {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding-right: 30px;
    background: url(../images/icon_loadmore_18.png) right center no-repeat;
}

.care .container .pic {
    margin-top: 70px;
}

.care .container .pic img {
    border: 0;
}

.swiper-container-care {
    position: relative;
}

.care_container .swiper-button-prev,
.care_container .swiper-button-next {
    width: 34px;
    height: 34px;
    top: 50%;
    /* margin-top: -17px; */
}

.care_container {
    margin: 40px auto 0;
}

.care_container ul {
    margin: 0 auto;
}

.care_container .swiper-button-prev {
    left: -50px;
    background: url(../images/icon_22.png) center no-repeat;
}

.care_container .swiper-button-next {
    right: -50px;
    background: url(../images/icon_21.png) center no-repeat;
}

.care_container ul li {
    margin-left: 0;
}

.care_container {
    position: relative;
}

.health .train_scene {
    padding: 0;
    background: none;
}

.health .train_scene p {
    margin: 0;
}

.health {
    margin-top: 40px;
}

.health ul {
    margin: 40px 0 70px;
}

.health ul li {
    /* width: 32%; */
    width: 48%;
    float: left;
    margin: 0 0 2% 2%;
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}

.health ul li .pic {
    width: 100%;
    height: 140px;
    line-height: 140px;
    background: #f3f3f3;
    text-align: center;
    margin-top: 0 !important;
}

.health ul li .pic img {
    vertical-align: middle;
    max-width: 98%;
}

.health ul li .font div {
    /* height: 120px; */
}

.health ul li .font div p {
    padding: 30px 30px 0 30px;
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.development {
    margin: 60px auto 90px;
}

.development .container {
    margin-top: 40px;
}

.development .container p {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.development .container ul li {
    width: 48%;
    float: left;
    margin-left: 4%;
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.development .container ul li.first {
    margin-left: 0;
}

.development .container ul li .pic {
    width: 100%;
    height: 140px;
    line-height: 140px;
    background: #f3f3f3;
    text-align: center;
}

.development .container ul li .pic img {
    vertical-align: middle;
}

.development .container ul li .font {
    /* height: 120px; */
}

.development .container ul li .font div {
    padding: 30px 30px 0 30px;
}

.development .container ul li .font div p {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.living .sum {
    margin-bottom: 60px;
}

.school .sum {
    margin: 0 0 60px;
}

.school .sum .pic {
    width: 10%;
    float: left;
    margin: 0;
}

.school .sum .pic img {
    width: 100%;
    border: 1px solid #dedede;
}

.school .sum .font {
    width: 87%;
    float: right;
}

.school .sum .font p {
    font-size: 18px;
    color: #333;
    margin-bottom: 30px;
}

.school .sum .font p a {
    color: #ed9335;
    padding-right: 20px;
    background: url(../images/inv_s01_r02_pdf02.png) right center no-repeat;
}


/*  */

.environment .container {
    margin-top: 20px;
}

.environment .container .pic img {
    border: 0;
}

.security .container ul {
    margin: 40px 0 0;
}

.security .container p a {
    font-size: 18px;
    color: #ed9335;
    padding-right: 20px;
    background: url(../images/icon_13.png) right center no-repeat;
}

.cleaner {
    margin: 60px auto 90px;
}

.cleaner .container {
    margin-top: 30px;
}

.cleaner .cleaner_left {
    width: 56%;
    float: left;
}

.cleaner .cleaner_left div p {
    font-size: 18px;
    color: #333;
    margin-bottom: 40px;
}

.cleaner .cleaner_right {
    width: 30%;
    float: right;
    border-left: 1px solid #dedede;
}

.cleaner .cleaner_right div {
    padding-left: 40px;
}

.cleaner .cleaner_right div p {
    font-size: 16px;
    color: #999;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dedede;
}

.cleaner .cleaner_right div p.t {
    padding-bottom: 0;
    padding-top: 10px;
    border-bottom: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 40px;
    color: #ed9335;
    line-height: 50px;
}

.gas .container .train_scene {
    margin-top: 60px;
}


/*  */

.beneift {
    margin: 60px auto 90px;
}

.beneift .container .running {
    position: relative;
    width: 100%;
    margin-top: 40px;
}

.beneift .container .running .pic {
    width: 100%;
    text-align: center;
}

.beneift .container .running .pic img {
    max-width: 98%;
}

.beneift .container .running .b_title {
    width: 380px;
    height: 150px;
    position: absolute;
    top: 30px;
    left: 30px;
    background: url(../images/care_benefit_03.png) top center no-repeat;
}

.beneift .container .running .b_title div {
    padding: 30px 0 0 24px;
}

.beneift .container .running .b_title div p {
    font-size: 24px;
    color: #fff;
}

.beneift .container .running .b_title div a.load_more {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 16px;
    color: #fff;
    padding-right: 30px;
    background: url(../images/icon_loadmore_w.png) right center no-repeat;
}

.beneift .container .running .b_title div a.load_more:hover {
    color: #10357e !important;
    background: url(../images/icon_loadmore_w_hover.png) right center no-repeat;
}

.beneift .container ul {
    margin-top: 40px;
}

.beneift .container ul li {
    width: 48%;
    float: left;
    margin: 0 0 2% 4%;
}

.beneift .container ul li .pic {
    width: 100%;
    text-align: center;
}

.beneift .container ul li .pic img {
    width: 100%;
    vertical-align: bottom;
}

.beneift .container ul li .font {
    width: 100%;
    height: 150px;
    background: #f3f3f3;
    position: relative;
}

.beneift .container ul li .font div {
    padding: 30px;
}

.beneift .container ul li .font div p {
    font-size: 24px;
    color: #333;
}

.beneift .container ul li .font div a.load_more {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    padding-right: 30px;
    background: url(../images/icon_loadmore_18.png) right center no-repeat;
}

.beneift .container ul li .font div a.load_more:hover {
    background: url(../images/com_com_more_hover.png) right center no-repeat;
}


/*  */

.about_summary {
    margin: 60px auto 90px;
}

.about_summary .container p {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-top: 40px;
}

.about_summary .container p a {
    padding-right: 24px;
    color: #ed9335;
    background: url(../images/inv_s01_r02_pdf02.png) right center no-repeat;
}

.about_b .bannerFont div p {
    color: #fff;
    text-align: center;
    font-size: 40px;
}

.about_summary .train_scene {
    background: none;
    padding: 60px 0 0;
}

.about_summary .train_scene p {
    margin-top: 0;
}


/*  */

.vision {
    margin: 60px auto 90px;
}

.vision .container .t {
    font-size: 30px;
    color: #10357e;
    font-weight: bold;
    margin-top: 40px;
}

.vision .container .vision_sum {
    font-size: 24px;
    /* font-size: 40px; */
    color: #333;
    margin: 50px 0;
    /* margin: 100px 0 80px;  */
    line-height: 60px;
    text-align: center;
}

.vision .container .worth {
    margin-top: 40px;
}

.vision .container .worth ul li {
    width: 31%;
    margin: 0 0 3% 3%;
    border-bottom: 1px solid #dedede;
    float: left;
    padding-bottom: 20px;
}

.vision .container .worth ul li div.pic {
    width: 100%;
    height: 180px;
    /* text-align: center; */
    background: #f3f3f3;
    /* line-height: 180px; */
    position: relative;
}

.vision .container .worth ul li div.pic img {
    /* vertical-align: middle; */
    /*display: block;*/
    width: 160px;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    margin: -70px 0 0 -80px;
}

.vision .container .worth ul li div.pic img.last {
    display: block;
}

.vision .container .worth ul li div.font {
    /* height: 180px; */
    width: 100%;
}

.vision .container .worth ul li div.font div {
    padding: 30px 20px 0 20px;
}

.vision .container .worth ul li div.font div p {
    font-size: 16px;
    color: #000;
}

.vision .container .worth ul li div.font div p.tit {
    font-weight: bold;
}

.team .sec03_e_rel {
    position: relative;
}

.team .font_pos {
    bottom: -1px !important;
    left: -1px !important;
    width: 100%;
    height: 140px;
    padding: 0 1px;
    background: #f3f3f3;
}

.team .font_pos>div {
    padding: 10px 30px 0 30px;
}

.team .font_pos .h {
    font-weight: bold;
}

.team .font_pos p {
    margin-bottom: 10px !important;
    color: #333 !important;
}

.team .font_pos div p a {
    color: #10357e;
    padding-right: 20px;
    font-weight: bold;
    background: url(../images/inve_se01.png) right center no-repeat;
}

.team .font_pos div p a:hover {
    color: #ed9335;
    background: url(../images/inve_se01_hover.png) right center no-repeat;
}

.about_quality {
    margin: 60px auto 90px;
}

.about_quality .container p {
    font-size: 18px;
    color: #333;
    margin-top: 40px;
}

.about_quality .hover_slide {
    margin-top: 60px;
    border-top: 1px solid #dedede;
}

.about_quality .hover_slide>li {
    border-bottom: 1px solid #dedede;
}

.about_quality .hover_slide li>p {
    padding: 30px 0;
    background: url('../images/more_icon.png') right center no-repeat;
    font-size: 24px;
    color: #10357e;
}

.about_quality .hover_slide li:hover>p {
    color: #ed9335;
    background: url('../images/more_icon_hover.png') right center no-repeat;
}

.about_quality .hover_slide li.active>p {
    color: #ed9335;
    background: url('../images/icon_more_s.png') right center no-repeat;
}

.about_quality .hover_slide .slide {
    padding-bottom: 30px;
    display: none;
}

.about_quality .hover_slide .slide .standard {
    margin-top: 30px;
}

.about_quality .hover_slide .slide .standard .standard_list {
    width: 24%;
    height: 200px;
    background: #f9f9f9;
    /* background: #f3f3f3; */
    float: left;
    margin: 0 0 1% 1%;
}

.about_quality .hover_slide .slide .standard .standard_list.margin_left_z {
    margin-left: 0;
}

.about_quality .hover_slide .slide .standard .standard_list>div {
    padding: 30px;
}

.about_quality .hover_slide .slide .standard .standard_list .left {
    width: 30px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: url('../images/icon_09.png') center no-repeat;
    float: left;
}

.about_quality .hover_slide .slide .standard .standard_list .right {
    width: 77%;
    float: right;
}

.about_quality .hover_slide .slide .standard .standard_list .right p {
    font-size: 18px;
    /* font-weight: bold; */
    color: #000;
}

.about_quality .hover_slide .slide .pic {
    width: 100%;
    margin-top: 40px;
}

.about_quality .hover_slide .slide .pic img {
    max-width: 98%;
}

.about_quality .hover_slide .slide .meaning {
    margin-top: 40px;
}

.about_quality .hover_slide .slide .meaning p {
    font-size: 18px;
    color: #333;
}

.about_quality .hover_slide .slide a {
    color: #ed9335;
    padding-right: 20px;
    background: url('../images/inv_s01_r02_pdf02.png') right center no-repeat;
}

.about_quality .hover_slide .slide .meaning p strong {
    color: #ed9335;
    font-weight: bold;
}

.security {
    margin: 60px auto 90px;
}

.security .security_sum {
    margin-top: 40px;
}

.security .security_sum p {
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

.security .list_title {
    margin-top: 60px;
}

.security .list_title p {
    color: #0b2c6c !important;
    font-size: 30px !important;
}

.security .promise li {
    width: 31%;
    height: 120px;
    background: #f9f9f9;
    /* background: #f3f3f3; */
    margin: 0 0 3% 3%;
    float: left;
}

.security .promise li>div {
    padding: 30px;
}

.security .promise li div .left {
    width: 30px;
    height: 40px;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: url(../images/icon_09.png) center no-repeat;
}

.security .promise li div .right {
    width: 84%;
    float: right;
}

.security .promise li div .right p {
    font-size: 18px;
    /* font-weight: bold; */
    color: #2a201e;
    line-height: 24px;
}

.security .protect {
    margin-top: 40px;
}

.security .protect p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

.security .protect p.t {
    margin-top: 40px;
}

.security .protect p.measures {
    padding-left: 20px;
    background: url('../images/s3_pagination_active.png') left 12px no-repeat;
}

.security .protect .protect_list {
    margin: 30px 0;
}

.security .protect .protect_list .left {
    width: 30px;
    height: 40px;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: url(../images/icon_09.png) center no-repeat;
}

.security .protect .protect_list .right {
    width: 94%;
    float: right;
}

.security .protect .protect_list .right p {
    color: #0b2c6c;
    font-weight: bold;
    line-height: 40px;
}

.security .protect .list_one {
    width: 100%;
}

.security .protect .list_one .tit {
    width: 70%;
}

.security .protect .list_one .data {
    width: 23%;
    text-align: left;
}

.security .protect .list_one .data a {
    padding-right: 20px;
    background: url('../images/icon_05.png') right center no-repeat;
    color: #10357e;
    font-size: 16px;
    font-weight: bold;
    margin-left: 30px;
}

.security .protect .list_one .data a:hover {
    background: url('../images/icon_13.png') right center no-repeat;
}

.security .protect .authentication {
    margin-top: 40px;
}

.security .protect .authentication>div {
    width: 49%;
    margin: 0 0 2% 2%;
    background: #f9f9f9;
    /* background: #f3f3f3; */
    float: left;
}

.security .protect .authentication .authentication_1 {
    height: 390px;
}

.security .protect .authentication .authentication_2 {
    height: 270px;
}

.security .protect .authentication .authentication_1>div,
.security .protect .authentication .authentication_2>div {
    padding: 30px;
}

.security .protect .authentication div .left {
    width: 30px;
    height: 40px;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    background: url(../images/icon_09.png) center no-repeat;
}

.security .protect .authentication div .left p {
    line-height: 40px;
    color: #fff;
}

.security .protect .authentication div .right {
    width: 90%;
    float: right;
}

.security .protect .authentication div .right p {
    font-size: 18px;
    color: #333;
}

.security .protect .authentication div .right p.title {
    color: #0b2c6c;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 10px;
}

.security .protect .authentication div .right p a {
    color: #ed9335;
    background: none;
    padding-right: 0;
    text-decoration: underline;
}

.security .protect .hygiene {
    margin-top: 40px;
}

.security .protect .hygiene p {
    padding-left: 20px;
    background: url(../images/s3_pagination_active.png) left 12px no-repeat;
}

.security .protect .hygiene .pic {
    width: 100%;
    text-align: center;
}

.security .protect .hygiene .pic img {
    max-width: 98%;
    border: 1px solid #dedede;
}

.ohsas .container p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

.ohsas .container p a {
    color: #ed9335;
    background: none;
    padding-right: 0;
    text-decoration: underline;
}

.nav_page.news_nav .clearfix>li.supplier>a {
    background: url(../images/inner_nav02_bg.png) no-repeat right center;
}

.nav_page.news_nav .clearfix>li.supplier.active>a,
.nav_page.news_nav .clearfix>li.supplier:hover>a {
    background: url(../images/inner_nav02_bg_hover.png) right center no-repeat;
}

.nav_page.news_nav .clearfix li .class_c li:hover a {
    background: none;
}

.contact_us {
    margin: 60px auto 90px;
}

.contact_us .contact_address .address {
    margin: 40px 0 20px;
}

.contact_us .contact_address .address li {
    float: left;
    /* margin-right: 30px; */
    font-size: 16px;
    color: #333;
    font-weight: bold;
    cursor: pointer;
    margin: 0 30px 20px 0;
}

.contact_us .contact_address .address li:hover,
.contact_us .contact_address .address li.active {
    color: #ed9335;
}

.contact_us .location {
    width: 100%;
}

.contact_us .contact_information {
    padding: 30px;
    border: 1px solid #dedede;
    height: 248px;
    display: none;
}

.contact_us .contact_information .l_name {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.contact_us .contact_information table {
    width: 100%;
    text-align: left;
}

.contact_us .contact_information table tbody tr td.left {
    width: 20%;
}

.contact_us .contact_information table tbody tr td p {
    font-size: 18px;
    color: #333;
}

.contact_us .contact_information table tbody tr td.right {
    width: 80%;
}

.contact_us .contact_form {
    margin-top: 60px;
}

.contact_us .contact_form p {
    font-size: 18px;
    color: #10357e;
}

.contact_us .contact_form p.annotation {
    font-size: 16px;
    color: #333;
}

.contact_us .contact_form p span {
    color: #ff0000;
}

.contact_us .contact_for form {
    width: 100%;
}

.contact_us .contact_form form label {
    width: 100%;
    margin: 20px 0;
    display: block;
}

.contact_us .contact_form form p {
    font-size: 18px;
    color: #333;
}

.verification-code .code{
    position: relative;
}

.verification-code .code img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: contain;
}

.contact_us .contact_form form input,
.contact_us .contact_form form select {
    border: 1px solid #dedede;
    font-size: 18px;
}

.contact_us .contact_form form input {
    width: 45%;
    padding: 20px 16px;
    margin-right: 5%;
}

.contact_us .contact_form form select {
    width: 45%;
    padding: 18px 16px;
}

.contact_us .contact_form form div.form_arrange {
    width: 48%;
    display: inline-block;
    margin-right: 6%;
    float: left;
}

.contact_us .contact_form form div.marginZ {
    width: 45%;
    margin-right: 0;
}

.contact_us .contact_form form div.form_arrange input {
    width: 100%;
    padding: 20px 0;
    margin-right: 0;
    text-indent: 2em;
}


/* .contact_us .contact_form form .text,.contact_us .contact_form form .select{
    width: 48%;
    float: left;
}
.contact_us .contact_form form input,.contact_us .contact_form form select{
    border: 1px solid #dedede;
    font-size: 18px;
} */


/* .contact_us .contact_form form input{
    padding: 20px 16px;
    width: 92%;
} */


/* .contact_us .contact_form form select{
    width: 100%;
    padding: 19px 16px;
}
.contact_us .contact_form form .text{
    margin-right: 3.8%;
} */


/* .contact_us .contact_form form input{
    margin-right: 3.8%;
} */

.contact_us .contact_form form select {
    background: url('../images/about_icon_07.png') 90% center no-repeat;
}

.contact_us .contact_form form textarea {
    width: 95.5%;
    height: 120px;
    border: 1px solid #dedede;
    resize: none;
    padding: 20px;
    font-size: 18px;
    color: #333;
}

.contact_us .contact_form form .submit {
    width: 100%;
    margin-top: 40px;
}

.contact_us .contact_form form .submit input {
    width: 260px;
    cursor: pointer;
    color: #fff;
}

.contact_us .contact_form form .submit input[type="button"] {
    background: #ed9335;
}

.contact_us .contact_form form .submit input[type="reset"] {
    background: #7b7b7d;
}

.contact_us .contact_form .hotline {
    margin-top: 60px;
}

.contact_us .contact_form .hotline p {
    font-size: 18px;
    color: #333;
    margin: 20px 0;
}

.contact_us .contact_form .hotline p.t {
    font-size: 30px;
    /*margin-bottom: 20px;*/
    color: #ed9335;
}

.contact_us .contact_form .hotline p a {
    color: #ed9335;
}

.supplier_management {
    margin: 60px auto 90px;
}

.supplier_management .mechanism {
    margin-top: 40px;
}

.supplier_management .mechanism p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

.supplier_management .mechanism p.dian {
    padding-left: 20px;
    background: url('../images/s3_pagination_active.png') left 12px no-repeat;
}

.supplier_management .mechanism ul {
    margin-top: 50px;
    border-top: 1px solid #dedede;
}

.supplier_management .mechanism ul li {
    border-bottom: 1px solid #dedede;
}

.supplier_management .mechanism ul li>p {
    color: #10357e;
    padding: 36px 20px;
    background: url('../images/more_icon.png') 98% center no-repeat;
}

.supplier_management .mechanism ul li:hover>p,
.supplier_management .mechanism ul li.active>p {
    color: #ed9335;
    font-weight: bold;
    background: url('../images/icon_more_s.png') 98% center no-repeat;
}

.supplier_management .mechanism ul li .slide_con {
    padding: 0 20px 40px;
    display: none;
}

.supplier_notice {
    width: 100%;
    height: 930px;
    background: url('../images/about_bg_11.jpg') top right no-repeat;
    color: #fff;
    position: relative;
}

.supplier_notice .sec_title p {
    color: #fff !important;
}

.supplier_notice .page_cell {
    padding-top: 60px;
}

.supplier_notice .pageButton {
    position: absolute;
    bottom: 50px;
    /* left: 40%; */
    /* left: 30%; */
    text-align: center;
    padding-top: 0;
}

.supplier_notice .pageButton ul li a {
    color: #fff;
}

.pageButton ul li.selected a {
    color: #ed9335;
}

.supplier_notice .page_cell table {
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #dedede;
    text-align: left;
}

.supplier_notice .page_cell table .date {
    width: 16%;
}

.supplier_notice .page_cell table .date span {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
}

.supplier_notice .page_cell table .date span.up {
    background: url('../images/icon_up.png') center no-repeat;
}

.supplier_notice .page_cell table .date span.up:hover {
    background: url('../images/icon_up_hover.png') center no-repeat;
}

.supplier_notice .page_cell table .date span.down {
    background: url('../images/icon_down.png') center no-repeat;
}

.supplier_notice .page_cell table .date span.down:hover {
    background: url('../images/icon_down_hover.png') center no-repeat;
}

.supplier_notice .page_cell table .department {
    background: url('../images/icon_down.png') 100% center no-repeat;
    width: 12%;
    cursor: pointer;
}

.supplier_notice .page_cell table .department:hover {
    background: url('../images/icon_down_hover.png') 100% center no-repeat;
}

.supplier_notice .page_cell table .lan {
    width: 22%;
    text-align: center;
    background: url('../images/icon_down.png') 80% center no-repeat;
    cursor: pointer;
}

.supplier_notice .page_cell table .lan:hover {
    background: url('../images/icon_down_hover.png') 80% center no-repeat;
}

.supplier_notice .page_cell table .file_name {
    width: 50%;
}

.supplier_notice .page_cell table th {
    border-bottom: 2px solid #fff;
}

.supplier_notice .page_cell table p {
    padding: 13px;
    color: #fff;
    font-size: 16px;
}

.supplier_notice .page_cell table select {
    width: auto;
    background: transparent;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 16px;
    cursor: pointer;
}

.supplier_notice .page_cell table option {
    background: transparent;
    color: #333;
}

.supplier_notice .page_cell table tbody td {
    padding-bottom: 10px;
}

.supplier_notice .page_cell table tbody td.text_center {
    text-align: center;
}

.supplier_notice .page_cell table tbody tr td p {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.supplier_notice .page_cell table tbody tr td p img {
    vertical-align: middle;
}

.supplier_notice .page_cell table tbody tr td.border_1 {
    border-bottom: 1px solid #fff;
}

.supplier_notice .page_cell table tbody tr td.file p {
    padding: 0 13px;
}

.supplier_notice .page_cell table tbody tr td p.t {
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding: 8px;
    margin-bottom: 10px;
}

.supplier_notice .page_cell table tbody tr td p a {
    padding-right: 20px;
    color: #fff;
    background: url('../images/inv_sec03_down_fff.png') right center no-repeat;
    margin-left: 10px;
}

.supplier_notice .page_cell table tbody tr td p a:hover {
    background: url('../images/icon_13.png') right center no-repeat;
}

.registration {
    width: 100%;
    background: #f3f3f3;
    padding: 60px 0 90px;
}

.registration .sec_title {
    position: relative;
}

.registration .sec_title .description {
    position: absolute;
    bottom: 0;
    right: 0;
}

.registration .sec_title .description a {
    color: #ed9335;
    font-size: 18px;
    padding-right: 20px;
    background: url(../images/icon_13.png) right center no-repeat;
}

.registration .registration_title {
    margin: 40px 0 30px;
}

.registration .registration_title p {
    color: #ed9335;
    font-size: 30px;
}

.registration .form div.form_container p {
    font-size: 18px;
    color: #10357e;
    margin: 20px 0;
}

.registration .form div.form_container div.department {
    width: 49%;
    border: 1px solid #dedede;
    margin: 0 0 20px 1.5%;
    cursor: pointer;
    float: left;
    background: url('../images/about_icon_07.png') 90% center no-repeat transparent;
}

.registration .form div.form_container div.department:hover {
    background: url('../images/about_icon_07_hover.png') 90% center no-repeat transparent;
}

.registration .form div.form_container div.department a.show {
    display: block;
    font-size: 18px;
    color: #333;
    padding: 20px;
    font-weight: bold;
    vertical-align: bottom;
}

.registration .form div.form_container div.show_equipment {
    display: block;
    width: 100%;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    font-size: 12px;
    color: #333;
}

.registration .form div.form_container div.show_equipment p {
    padding: 10px;
    font-size: 18px;
    color: #ed9335;
}

.registration .form div.form_container div.department.margin_l_z {
    margin-left: 0;
}

.registration .form div.form_container div.department p {
    margin: 0;
}

#hidden_content_01,
#hidden_content_02,
#hidden_content_03,
#hidden_content_04 {
    width: 900px;
    height: 600px;
}

#hidden_content_01 a,
#hidden_content_02 a,
#hidden_content_03 a,
#hidden_content_04 a {
    display: inline-block;
    width: 49%;
    padding: 8px 10px;
    font-size: 16px;
    color: #333;
    border: 1px solid transparent;
}

#hidden_content_01 a:hover,
#hidden_content_02 a:hover,
#hidden_content_03 a:hover,
#hidden_content_04 a:hover,
#hidden_content_01 a.active,
#hidden_content_02 a.active,
#hidden_content_03 a.active,
#hidden_content_04 a.active {
    color: #ed9335;
    border: 1px dashed #ed9335;
}

.registration .form div.form_container .check_container {
    width: 100%;
}

.registration .form div.form_container .check_container .title {
    width: 49%;
    border: 1px solid #dedede;
    cursor: pointer;
    margin-bottom: 20px;
}

.registration .form div.form_container .check_container .title p {
    background: url('../images/about_icon_07.png') 90% center no-repeat transparent;
    font-size: 18px;
    color: #333;
    padding: 20px;
    font-weight: bold;
    margin: 0;
}

.registration .form div.form_container .check_container .check {
    border: 1px solid #dedede;
    padding: 6px;
}

.registration .form div.form_container .check_container .check p {
    display: inline-block;
    margin: 0 20px;
    font-size: 14px;
    color: #333;
}

.registration .form div.form_container .check_container .check p.active,
.registration .form div.form_container .check_container .check p:hover {
    color: #ed9335;
}

textarea {
    resize: none;
}

textarea,
input {
    background: transparent;
}

.registration .form div.form_container textarea.introduction {
    width: 95.6%;
    padding: 20px;
    font-size: 18px;
    color: #333;
    height: 118px;
    border: 1px solid #dedede;
    background: transparent;
    font-size: 16px;
    color: #333;
}

.registration .form div.form_container div.company_information {
    display: inline-block;
    width: 33%;
    margin-bottom: 20px;
}

.registration .form div.form_container div.company_information label,
.registration .form div.form_container div.vendor_coding label {
    font-size: 16px;
    color: #333;
}

.registration .form div.form_container div.company_information input {
    width: 81.6%;
    padding: 20px 28px;
    border: 1px solid #dedede;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}

.registration .form div.form_container div.vendor_coding {
    display: inline-block;
    width: 48%;
    margin: 20px 0;
}

.registration .form div.form_container div.vendor_coding input {
    width: 91.6%;
    padding: 20px;
    border: 1px solid #dedede;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
}

.registration .form div.form_container div.contact_information {
    display: inline-block;
    width: 48%;
}

.registration .form div.form_container div.contact_information input {
    width: 91.6%;
    padding: 20px;
    border: 1px solid #dedede;
    font-size: 16px;
    color: #333;
}

.registration .form div.form_container div.file {
    position: relative;
}

.registration .form div.form_container div.file span {
    vertical-align: bottom;
    font-size: 16px;
    color: #333;
    margin-left: 20px;
}

.registration .form div.form_container div.file input {
    width: 200px;
    height: 60px;
    line-height: 60px;
    background: #7b7b7d;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 0;
    cursor: pointer;
}

.registration .form div.form_container div.file input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    filter: alpha(opacity=0);
}

.registration .form div.form_container div.submit {
    margin: 30px 0 40px;
}

.registration .form div.form_container div.submit input {
    width: 280px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    background: #ed9335;
    text-align: center;
    border: 0;
    font-weight: bold;
    cursor: pointer;
}

.registration .form div.form_container div.notes p {
    font-size: 16px;
    color: #333;
    margin: 0;
}

.text_download {
    margin: 60px auto 90px;
}

.text_download .download_list {
    margin-top: 40px;
}

.text_download .download_list>ul.clearfix li {
    width: 308px;
    height: 48px;
    line-height: 48px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    background: #f3f3f3;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: bold;
    float: left;
    box-sizing: border-box;
}

.text_download .download_list>ul.clearfix li.list_1 {
    border-right: 0;
}

.text_download .download_list>ul.clearfix li:hover,
.text_download .download_list>ul.clearfix li.active {
    background: #fff;
    color: #ed9335;
}

.text_download .download_list .container {
    border-top: 1px solid #dedede;
}

.text_download .download_list .container .become {
    display: none;
}

.text_download .download_list .container .become.active {
    display: block;
}

.text_download .download_list .container .become .left {
    width: 30%;
    float: left;
}

.text_download .download_list .container .become .left .list_title {
    border-bottom: 2px solid #10357e;
}

.text_download .download_list .container .become .left .list_title p {
    padding: 13px 10px;
    color: #10357e;
    font-size: 16px;
    font-weight: bold;
}

.text_download .download_list .container .become .left ul {
    width: 80%;
    border-top: 1px solid #dedede;
    margin-top: 40px;
}

.text_download .download_list .container .become .left ul li {
    border-bottom: 1px solid #dedede;
}

.text_download .download_list .container .become .left ul li a {
    display: block;
    padding: 13px 10px;
    color: #10357e;
    font-size: 16px;
    font-weight: bold;
}

.text_download .download_list .container .become .left ul li:hover,
.text_download .download_list .container .become .left ul li.active {
    background: url('../images/icon_right.png') 95% 16px no-repeat;
}

.text_download .download_list .container .become .left ul li:hover a,
.text_download .download_list .container .become .left ul li.active a {
    color: #ed9335;
}

.text_download .download_list .container .become .right {
    width: 70%;
    float: right;
    position: relative;
    padding-bottom: 60px;
}

.text_download .download_list .container .become .right table {
    width: 100%;
    text-align: left;
    display: none;
}

.text_download .download_list .container .become .right table th {
    border-bottom: 2px solid #10357e;
}

.text_download .download_list .container .become .right table th.date {
    width: 25%;
}

.text_download .download_list .container .become .right table th.text_n {
    width: 50%;
}

.text_download .download_list .container .become .right table th p,
.text_download .download_list .container .become .right table tbody td p {
    padding: 13px 10px;
    color: #10357e;
    font-size: 16px;
    font-weight: bold;
}

.text_download .download_list .container .become .right table tbody tr {
    border-bottom: 1px solid #dedede;
    display: none;
}

.text_download .download_list .container .become .right table tbody tr.page_tr {
    border-bottom: 0;
    display: block;
}


/*.text_download .download_list .container .become .right table tbody tr.show{
    display: block;
}*/

.text_download .download_list .container .become .right .pageButton {
    width: 500px;
}

.text_download .download_list .container .become .right .pageButton a {
    padding: 10px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}

.text_download .download_list .container .become .right table tbody td p {
    color: #333;
    font-weight: normal;
}

.text_download .download_list .container .become .right table tbody td.date p {
    color: #ed9335;
}

.text_download .download_list .container .become .right table tbody td p.text_title {
    font-weight: bold;
    border-bottom: 1px solid #dedede;
}

.text_download .download_list .container .become .right table tbody td p img {
    vertical-align: middle;
}

.text_download .download_list .container .become .right table tbody td p a {
    color: #10357e;
    padding-right: 20px;
    background: url('../images/icon_05.png') right center no-repeat;
}

.text_download .download_list .container .become .right table tbody td p a:hover {
    background: url('../images/icon_13.png') right center no-repeat;
}


/*  */

.text_download .download_list .container .become .right .pageButton {
    position: absolute;
    bottom: 0;
    /* left:  */
}


/*  */

.online_platform {
    width: 100%;
    height: 378px;
    background: url('../images/about_bg_12.jpg') top right no-repeat;
}

.online_platform .page_cell {
    padding-top: 120px;
}

.online_platform .page_cell .title p {
    font-size: 40px;
    color: #fff;
}

.online_platform .page_cell dl {
    border: 1px solid #fff;
    width: 50%;
    margin-top: 40px;
}

.online_platform .page_cell dl dt {
    background: url('../images/icon_down_1.png') 95% center no-repeat;
}

.online_platform .page_cell dl dt:hover {
    background: url('../images/icon_down_1_hover.png') 95% center no-repeat;
}

.online_platform .page_cell dl dt p {
    padding: 20px;
    color: #fff;
}

.online_platform .page_cell dl dt p:hover {
    color: #ed9335;
}

.online_platform .page_cell dl dd {
    display: none;
    border-top: 1px solid #fff;
}

.online_platform .page_cell dl dd a {
    color: #fff;
}

a:hover {
    color: #ed9335 !important;
}

.online_platform .page_cell dl dd a:hover {
    color: #ed9335;
}

.online_platform .page_cell dl dd p a {
    display: block;
    color: #fff;
    padding: 10px 20px;
}

.about_contact {
    margin: 60px auto 90px;
}

.about_contact .container {
    margin-top: 40px;
}

.about_contact .container p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    padding-left: 20px;
    background: url('../images/s3_pagination_active.png') left 13px no-repeat;
}

.about_contact .container p a {
    color: #ed9335;
    padding-right: 20px;
    background: url('../images/icon_13.png') right center no-repeat;
}


/*  */

.advanced {
    margin: 60px auto 90px;
}

.advanced .title {
    margin: 60px 0 30px;
}

.advanced .sec_title{
    margin-bottom: 10px;
}

.advanced .title p {
    font-size: 30px;
    color: #0b2c6c;
    /* font-weight: bold; */
}

.advanced .summary p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-bottom: 40px;
}

.additional ul,
.advanced .trait ul {
    border-top: 1px solid #dedede;
}

.advanced .trait ul li,
.additional ul li {
    border-bottom: 1px solid #dedede;
}

.advanced .trait ul li p,
.additional ul li p {
    padding: 30px 0;
    background: url('../images/more_icon.png') right center no-repeat;
    font-size: 20px;
    color: #333;
    /* font-weight: bold; */
    cursor: pointer;
}

.advanced .trait ul li:hover>p,
.additional ul li:hover>p {
    background: url('../images/more_iocn01_hover.png') right center no-repeat;
    color: #10357e;
}

.advanced .trait ul li.active>p,
.additional ul li.active>p {
    background: url('../images/icon_more_s.png') right center no-repeat;
}

.advanced .trait ul li .slide_con,
.additional ul li .slide_con {
    padding-bottom: 40px;
    display: none;
}

.advanced .trait ul li .slide_con p,
.additional ul li .slide_con p {
    background: none;
    padding: 0;
    text-align: center;
}

.advanced .trait img,
.additional ul li .slide_con p img {
    /*max-width: 98%;*/
    height: auto;
    border: 1px solid #dedede;
}

.advanced .choose {
    margin-top: 40px;
}

.advanced .choose table {
    width: 100%;
    border-top: 1px solid #dedede;
    vertical-align: middle;
    text-align: center;
}

.advanced .choose table td {
    vertical-align: middle;
    height: 60px;
}

.advanced .choose table td p {
    color: #333;
}

.advanced .choose table th.choose_t_1 {
    width: 40%;
}

.advanced .choose table th.choose_t_2 {
    width: 20%;
}

.advanced .choose table th {
    border-bottom: 2px solid #10357e;
    border-right: 1px solid #dedede;
}

.advanced .choose table p {
    padding: 13px 0;
}

.advanced .choose table th p {
    font-size: 16px;
    font-weight: bold;
    color: #10357e;
}

.advanced .choose table tbody td.t p {
    color: #ed9335;
}

.advanced .choose table tbody tr {
    border-bottom: 1px solid #dedede;
}

.advanced .choose table tbody td {
    border-right: 1px solid #dedede;
}

.border_R_hide {
    border-right: 0 !important;
}

.border_B_hide {
    border-bottom: 0 !important;
}

.advanced .choose table tbody td .assembly {
    width: 100%;
}

.advanced .choose table tbody td .assembly td {
    width: 50%;
}

.advanced .choose table tbody td table {
    border: 0;
}

.advanced .choose>p {
    font-size: 16px;
    color: #333;
}

.application_product>p {
    font-size: 18px;
    color: #333;
    margin-top: 40px;
}

.application_product .pic_container p img {
    max-width: 98%;
}

.application_product .swiper-container {
    width: 90%;
    margin-top: 40px;
}

.application_product .swiper-container .swiper-wrapper.models_center {
    text-align: center !important;
    display: block !important;
}

.application_product .swiper-container .swiper-wrapper .swiper-slide {
    width: 186px;
    height: 160px;
    border-left: 1px solid #dedede;
    display: inline-block;
    vertical-align: middle;
}

.application_product .swiper-container .swiper-wrapper .swiper-slide.borderN {
    border-left: 0;
}

.application_product .swiper-container .swiper-wrapper .swiper-slide div {
    padding: 0 25px;
}

.application_product .swiper-container .swiper-wrapper .swiper-slide .img-ctn {
    height: 90px;
    text-align: center;
    line-height: 90px;
}

.application_product .swiper-container .swiper-wrapper .swiper-slide .img-ctn img {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.application_product .swiper-container .swiper-wrapper .swiper-slide div p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    color: #333;
    /* margin-bottom: 36px; */
}

.application_product .swiper-container .swiper-wrapper .swiper-slide div p.tit {
    position: absolute;
    bottom: 20px;
    /* top: 68%; */
    width: 100%;
    left: 0;
    margin-bottom: 0;
}

.application_product .conatiner {
    position: relative;
}

.application_product .conatiner .swiper-button-prev,
.application_product .conatiner .swiper-button-next {
    width: 34px;
    height: 34px;
    top: 50%;
    margin-top: -17px;
    display: none;
}

.application_product .conatiner .swiper-button-prev.swiper-button-disabled,
.application_product .conatiner .swiper-button-next.swiper-button-disabled{
    display: none !important;
}

.application_product .conatiner .swiper-button-prev {
    left: -50px;
    background: url(../images/icon_22.png) center no-repeat;
}

.application_product .conatiner .swiper-button-next {
    right: -50px;
    background: url(../images/icon_21.png) center no-repeat;
}

.contrast {
    width: 100%;
    margin-top: 40px;
}

.contrast p {
    font-size: 18px;
    color: #333;
}

.contrast p img {
    max-width: 98%;
    border: 1px solid #dedede;
}

.additional ul li .slide_con .comb {
    width: 48%;
    height: 180px;
    /* height: 150px; */
    background: #f9f9f9;
    /* background: #f3f3f3; */
    float: left;
    margin: 0 2% 2% 0;
}

.additional ul li .slide_con p {
    margin-top: 40px;
}

.additional ul li .slide_con .comb div.clearfix {
    padding: 20px;
}

.additional ul li .slide_con .comb .left {
    width: 30px;
    height: 40px;
    background: url(../images/icon_09.png) center no-repeat;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 40px;
}

.additional ul li .slide_con .comb .left p {
    color: #fff;
    font-weight: normal;
    margin-top: 0;
}

.additional ul li .slide_con .comb .right {
    width: 87%;
    /* width: 91%; */
    float: right;
}

.additional ul li .slide_con .comb .right p {
    font-size: 18px;
    /* font-weight: bold; */
    color: #333;
    margin-top: 0;
    text-align: left;
}

.additional ul li .slide_con>p {
    text-align: center;
}

.additional ul li .slide_con p img {
    max-width: 98%;
    border: 1px solid #dedede;
}

.additional ul li .slide_con>p span {
    padding-left: 50px;
    padding: 20px 0 20px 50px;
    margin-left: 20px;
}

.additional ul li .slide_con>p span.b {
    background: url('../images/wafer_icon_06.png') left center no-repeat;
}

.additional ul li .slide_con>p span.c {
    background: url('../images/wafer_icon_07.png') left center no-repeat;
}

.download {
    width: 100%;
    /* height: 460px; */
    background: #f3f3f3;
    /* padding-top: 60px; */
    padding: 60px 0;
}

.download .title p {
    font-size: 40px;
    color: #333;
}

.download .container ul {
    margin-top: 60px;
}

.download .container ul li {
    width: 31%;
    float: left;
    margin: 0 0 2% 2%;
}

.download .container ul li .pic {
    width: 100%;
    height: 160px;
    line-height: 160px;
    background: #fff;
    overflow: hidden;
    text-align: center;
}

.download .container ul li .pic img {
    max-width: 98%;
    vertical-align: middle;
}

.download .container ul li .font {
    width: 100%;
    height: 150px;
    background: url('../images/wafer_bg_07.jpg') top center no-repeat;
    position: relative;
}

.download .container ul li .font div {
    padding: 28px;
}

.download .container ul li .font div p {
    font-size: 24px;
    color: #fff;
}

.download .container ul li .font div a {
    padding-right: 40px;
    font-size: 16px;
    color: #ed9335;
    background: url('../images/news_information_button.png') right center no-repeat;
    position: absolute;
    bottom: 28px;
    left: 28px;
}

.other_corporate.mature_1 {
    height: 520px;
    padding: 60px 0 0 0;
    background: url('../images/wafer_bg_08.jpg') top right no-repeat;
}

.other_corporate.mature_1 .container {
    margin-top: 20px;
}

.other_corporate.mature_1 .container .slide {
    height: 350px;
    width: 48%;
    background: #fff;
    float: left;
    margin-left: 4%;
    position: relative;
}

.other_corporate.mature_1 .container .slide>div {
    padding: 30px;
}

.other_corporate.mature_1 .container .slide div.t p {
    font-size: 30px;
    color: #333;
}

.other_corporate.mature_1 .container .slide ul {
    margin-top: 20px;
}

.other_corporate.mature_1 .container .slide ul li {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    margin-left: 4%;
}

.other_corporate.mature_1 .container .slide ul li a {
    display: inline-block;
    width: 100%;
    /* padding: 10px; */
    font-size: 16px;
    color: #10357e;
    background: url(../images/inve_se01.png) 95% center no-repeat;
    box-sizing: border-box;
    padding-right: 30px;
}

.other_corporate.mature_1 .container .slide ul li a:hover {
    color: #ed9335;
    background: url(../images/inve_se01_hover.png) 95% center no-repeat;
}

.other_corporate.mature_1 .container .slide .load_more {
    display: block;
    padding-right: 30px;
    font-size: 16px;
    /* font-weight: bold; */
    color: #333;
    position: absolute;
    left: 30px;
    bottom: 30px;
    background: url(../images/com_com_more.png) right center no-repeat;
}

.other_corporate.mature_1 .container .slide .load_more:hover {
    background: url(../images/com_com_more_hover.png) right center no-repeat;
}

.other_corporate.mature_1 .container .slide_1 ul li {
    width: 48%;
    float: left;
    margin-left: 4%;
}

.other_corporate.mature_1 .container .slide ul li.border_hide {
    border-bottom: 0;
}

.other_corporate.mature_1 .container .slide ul li.marginZ {
    margin-left: 0;
}

.choose table th.w_1 {
    width: 70%;
}

.choose table th.w_2 {
    width: 30%;
}

.choose table tbody table tr td {
    width: 50%;
}

.other_criterion.technology {
    background: #fff !important;
}

.other_criterion.technology ul li {
    background: #f3f3f3;
}

.other_criterion.technology ul li.hide {
    display: none;
}

.other_criterion.technology ul li:hover p {
    color: #ed9335;
}

.choose.sf table th {
    width: 25%;
}

.wifi ul li {
    width: 48%;
    height: 180px;
    /* height: 150px; */
    background: #f9f9f9;
    /* background: #f3f3f3; */
    margin-right: 2%;
    float: left;
}

.wifi ul li div.clearfix {
    padding: 30px;
}

.wifi ul li div.clearfix .left {
    width: 30px;
    height: 40px;
    background: url(../images/icon_09.png) center no-repeat;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 40px;
}

.wifi ul li div.clearfix .left p {
    color: #fff;
    font-weight: normal;
    margin-top: 0;
}

.wifi ul li div.clearfix .right {
    width: 91%;
    float: right;
}

.wifi ul li div.clearfix .right p {
    font-size: 18px;
    /* font-weight: bold; */
    color: #333;
    margin-top: 0;
    text-align: left;
}

.summary .left {
    width: 65%;
    float: left;
}

.summary .right {
    width: 33%;
    height: 250px;
    float: right;
    background: url('../images/wafer_bg_17.png') left top no-repeat;
}

.summary .right div {
    padding-left: 30px;
}

.summary .right p {
    width: 60%;
    border-top: 1px solid #dedede;
    margin-bottom: 0;
}

.summary .right p.borderNone {
    border-top: 0;
}

.summary .right p a {
    display: block;
    color: #fff;
    font-size: 18px;
    padding: 5px 0;
}

.summary .right p:hover,
.summary .right p.active {
    background: url('../images/wafer_icon_13.png') right center no-repeat;
}

.choose table th.w_3 {
    width: 50%;
}

.choose table th.w_4 {
    width: 25%;
}

.choose table tr td table tr td {
    width: 50%;
}

.point_one_three {
    width: 100%;
    margin: 0;
    padding: 60px 0;
    background: -webkit-linear-gradient(#f5f5f5, #fff, #fff, #fff);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f5f5f5, #fff, #fff, #fff);
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f5f5f5, #fff, #fff, #fff);
    /* Firefox 3.6 - 15 */
    background: linear-gradient(#f5f5f5, #fff, #fff, #fff);
    /* 标准的语法 */
}

.point_one_three .trait table td p {
    font-size: 16px;
    font-weight: normal;
    color: #333;
}

.factory_summary {
    margin-top: 40px;
}

.factory_summary img {
    max-width: 98%;
}

.factory_summary>div p img {
    border: 1px solid #dedede;
}

.factory_summary>div p a {
    color: #ed9335;
    text-decoration: underline;
}

.factory_summary ul {
    margin-top: 40px;
}

.factory_summary ul li {
    width: 48%;
    margin: 0 0 4% 4%;
    border-bottom: 1px solid #dedede;
    float: left;
}

.factory_summary ul li div.pic {
    width: 100%;
    height: 250px;
    line-height: 250px;
    overflow: hidden;
    text-align: center;
}

.factory_summary ul li div.pic img {
    vertical-align: middle;
}

.factory_summary ul li div.font {
    /* height: 210px; */
}

.factory_summary ul li div.font div {
    padding: 30px;
}

.factory_summary ul li div.font div p {
    font-size: 16px;
    color: #000;
    line-height: 24px;
}

.factory_summary ul li div.font div p.t {
    color: #0b2c6c;
    font-size: 18px;
    font-weight: bold;
}


/*  */

.one_top>p {
    font-size: 18px;
    color: #333;
    line-height: 30px;
    margin-top: 40px;
}

.one_top p img {
    max-width: 98%;
}

.one_top .slide_1 {
    width: 48%;
    height: 280px;
    background: #f9f9f9;
    float: left;
    margin: 4% 0 4% 4%;
}

.one_top .slide_1 div.clearfix {
    padding: 30px;
}

.one_top .slide_1 div .left {
    width: 30px;
    height: 40px;
    background: url(../images/icon_09.png) center no-repeat;
    text-align: center;
    float: left;
    color: #fff;
    line-height: 40px;
}

.one_top .slide_1 div .right {
    width: 91%;
    float: right;
}

.one_top .slide_1 div .right p {
    font-size: 18px;
    color: #333;
    /* font-weight: bold; */
}

.cooperative_supplier ul li {
    width: 19%;
    height: 100px;
    box-sizing: border-box;
    border: 1px solid #dedede;
    float: left;
    margin: 0 0 1% 1%;
}

.cooperative_supplier ul li div {
    width: 100%;
    height: 100%;
    line-height: 100px;
    text-align: center;
}

.cooperative_supplier ul li div img {
    vertical-align: middle;
    max-width: 98%;
}

.cooperative_supplier>p {
    font-size: 18px;
    color: #333;
}

.cooperative_supplier>p a {
    color: #ed9335;
    padding-right: 20px;
    background: url('../images/icon_13.png') right center no-repeat;
}


/*  */

.test_business p {
    font-size: 18px;
    color: #333;
}

.test_business p.s {
    color: #ed9335;
    margin-top: 40px;
}

.test_business p.f {
    margin-top: 40px;
}

.test_business p a {
    color: #ed9335;
    padding-right: 20px;
    background: url('../images/icon_13.png') right center no-repeat;
    margin: 0 6px;
    text-decoration: underline;
}

.segment {
    margin-top: 60px;
}

.segment ul {
    border-top: 1px solid #dedede;
}

.segment ul li {
    border-bottom: 1px solid #dedede;
}

.segment ul li>p {
    padding: 30px 0;
    background: url(../images/more_icon.png) right center no-repeat;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}

.segment ul li .slide_container {
    display: none;
}

.segment ul li .slide_container p {
    font-size: 18px;
    color: #333;
    margin-bottom: 40px;
}

.segment ul li .slide_container p img {
    max-width: 98%;
    border: 1px solid #dedede;
}

.segment ul li:hover>p {
    background: url('../images/more_iocn01_hover.png') right center no-repeat;
}

.segment ul li.active>p {
    background: url(../images/icon_more_s.png) right center no-repeat;
    color: #10357e;
}

.other_corporate.posterior {
    height: 330px;
    background: url('../images/posterior_bg_01.jpg') top right no-repeat;
}

.other_corporate.posterior .swiper-container .swiper-wrapper .swiper-slide {
    height: 200px;
}

.other_corporate.posterior .swiper-container .swiper-wrapper .swiper-slide>div {
    height: 140px;
}

.mask .container>p {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.mask .container>p img {
    max-width: 98%;
}

.online {
    margin: 60px auto 90px;
}

.online .container .sum p {
    font-size: 18px;
    line-height: 30px;
    color: #333;
    margin-top: 40px;
}

.online .container .include {
    margin-top: 60px;
}

.online .container .include .title p {
    font-size: 30px;
    color: #0b2c6c;
}

.online .container .include ul {
    margin-top: 40px;
}

.online .container .include ul li {
    width: 31%;
    /* height: 330px; */
    background: #f3f3f3;
    margin: 0 0 3% 3%;
    float: left;
}

.online .container .include ul li div {
    padding: 30px;
}

.online .container .include ul li div p {
    font-size: 18px;
    color: #333;
}

.online .container .include ul li div p img {
    max-width: auto;
    height: 64px;
}

.online .container .include ul li div p.t {
    font-size: 20px;
    color: #0b2c6c;
    font-weight: bold;
    margin: 20px 0;
}

.online .container .include>p {
    font-size: 18px;
    line-height: 30px;
    color: #333;
}

.online .container .include>p a,
.multi_project .container .multi p a {
    color: #ed9335;
    padding-right: 20px;
    background: url('../images/icon_13.png') right center no-repeat;
    margin: 0 6px;
    text-decoration: underline;
}

.multi_project {
    margin: 60px auto 90px;
}

.multi_project .container {
    margin-top: 40px;
}

.multi_project .container .multi p,
.multi_project .container .increase p {
    font-size: 18px;
    color: #333;
    margin-top: 40px;
}

.multi_project .container .title {
    font-size: 30px;
    color: #0b2c6c;
    margin: 60px 0 40px;
}

.multi_project .container .increase p {
    margin-top: 0;
}

.multi_project .container .increase p strong {
    color: #ed9335;
    font-size: 18px;
}

.joint_venture .container .sum p a {
    padding-right: 20px;
    color: #ed9335;
    background: url('../images/icon_13.png') right center no-repeat;
}


/*  */

.water {
    margin: 60px auto 90px;
}

.water .container .water_support_sum p {
    font-size: 18px;
    color: #333;
    margin-top: 40px;
}

.water .container .water_support_sum p img {
    max-width: 98%;
}

.water .container .title {
    color: #10357e;
    margin: 60px 0 40px;
}

.water .container .title p {
    font-size: 30px;
    line-height: 30px;
}

.water .container .title p span {
    font-size: 18px;
    vertical-align: bottom;
}

.water .container .echarts p img {
    max-width: 100%;
}

.water .container .energy {
    margin-top: 60px;
}

.water .container .energy ul.top {
    padding-bottom: 20px;
    border-bottom: 1px solid #dedede;
}

.water .container .energy ul.top li {
    float: left;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-right: 30px;
    cursor: pointer;
}

.water .container .energy ul.top li.active,
.water .container .energy ul.top li:hover {
    color: #ed9335;
}

.water .container .energy .energy_consumption .electric {
    display: none;
}

.water .container .energy .energy_consumption .electric.active {
    display: block;
}

.water .container .energy .energy_consumption .electric img {
    max-width: 100%;
}

.clerk_container {
    width: 100%;
    background: #f3f3f3;
    display: none;
}

.clerk_container div {
    padding: 30px;
}

.clerk_container div .title p {
    font-size: 40px;
    line-height: 56px;
    color: #10357e;
}

.clerk_container div .p_detail p {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}


/*  */

.technological_technology {
    margin: 60px auto 90px;
}

.technological_technology .container p {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.technological_technology .container {
    margin-top: 40px;
}

.technological_technology .container p a {
    color: #ed9335;
    text-decoration: underline;
}

.other_technological {
    padding: 60px 0;
    background: #7b7b7d;
}

.other_technological .technological_list {
    width: 31%;
    margin: 0 0 0 3%;
    float: left;
}

.other_technological .technological_list .pic,
.other_technological .technological_list .pic img {
    width: 100%;
    vertical-align: bottom;
}

.other_technological .technological_list .font_list {
    width: 100%;
    height: 200px;
    background: #fff;
    position: relative;
}

.other_technological .technological_list.first {
    margin: 0;
}

.other_technological .technological_list .font_list div {
    padding: 5%;
}

.other_technological .technological_list .font_list div h5 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.other_technological .technological_list .font_list div p {
    font-size: 16px;
    display: inline-block;
    width: 50%;
    float: left;
    background: url('../images/inve_se01.png') 90% center no-repeat;
}

.other_technological .technological_list .font_list div p:hover {
    background: url('../images/inve_se01_hover.png') 90% center no-repeat;
}

.other_technological .technological_list .font_list div p a {
    display: block;
    width: 80%;
    color: #10357e;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.other_technological .technological_list.advanced .font_list div p {
    width: 100%;
}

.other_technological .technological_list .font_list div .load_more {
    position: absolute;
    padding: 0;
    left: 5%;
    bottom: 5%;
}

.other_technological .technological_list .font_list.go_on {
    height: 100px;
}

.other_technological .technological_list .font_list.go_on div .load_more a {
    font-size: 18px;
    font-weight: bold;
    color: #10357e;
    padding-right: 20px;
    background: url('../images/icon_05.png') right center no-repeat;
}

.other_technological .technological_list .font_list.go_on div .load_more:hover a {
    background: url('../images/icon_13.png') right center no-repeat;
}


/* video */

.videoshadow .videobg {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/shadow.png) repeat;
}

.videoshadow {
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.videobox {
    /*width: 0px;
    height: 2px;*/
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    opacity: 0;
}

.videoboxw {
    position: absolute;
    width: 890px;
    height: 600px;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

.videobox .close {
    z-index: 100;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    background: url(../images/close.png) no-repeat;
    cursor: pointer;
}

.videobox #video_paly {
    background: url(../images/loading040.gif) no-repeat center center #000;
}

.videoshadow .videobox .controls {
    position: absolute;
    width: 100%;
    height: 25px;
    bottom: 0;
    left: 0px;
    background: #000;
}

.videoshadow .videobox .controls .timeline {
    float: left;
    width: 90%;
    margin-left: 5%;
    height: 16px;
    background: url(../images/bg_playbar.png) repeat;
    cursor: pointer;
}

.videoshadow .videobox .controls .timeline .jp-seek-bar {
    float: left;
    height: 16px;
    width: 100%;
    background: url(../images/bg_playbar.png) repeat;
}

.videoshadow .videobox .controls .timeline .jp-seek-bar .jp-play-bar {
    float: left;
    height: 16px;
    background: url(../images/timeline.png) no-repeat right;
}

.videoshadow .videobox .controls .jp-play {
    position: absolute;
    background: url(../images/jp-play.png) no-repeat;
    width: 11px;
    height: 14px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    left: 10px;
    bottom: 10px;
}

.videoshadow .videobox .controls .jp-pause {
    position: absolute;
    background: url(../images/jp-stop.png) no-repeat;
    width: 11px;
    height: 14px;
    overflow: hidden;
    text-indent: -999px;
    cursor: pointer;
    left: 10px;
    bottom: 10px;
}

.jp-full-screen {
    width: 16px;
    height: 16px;
    background: url(../images/full-screen.png) center no-repeat;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.jp-restore-screen {
    width: 16px;
    height: 16px;
    background: url(../images/restore-screen.png) center no-repeat;
    position: absolute;
    bottom: 10px;
    right: 10px;
}


/*  */

#upload_container p {
    font-size: 18px;
    color: #ed9335;
}

#upload_container p input {
    font-size: 18px;
    color: #ed9335;
    border: 0;
    background: transparent;
    width: 90%;
    height: 30px;
    text-align: left;
}

#upload_container p button {
    background: transparent;
    border: 0;
    color: #333;
    width: 30px;
    line-height: 30px;
    cursor: pointer;
    margin-left: 10px;
}

.easy_upload-container {
    width: 98% !important;
}

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

.easy_upload-container .easy_upload-head .easy_upload_select {
    padding: 0 8px !important;
    font-size: 14px;
    margin-right: 0 !important;
}

.easy_upload-container .easy_upload-head .easy_upload_head_btn1,
.easy_upload-container .easy_upload-head .easy_upload_head_btn2 {
    padding: 0 8px !important;
}

.easy_upload-container .easy_upload-head .head_check {
    display: none;
}

.easy_upload-container .easy_upload_queue .easy_upload_queue_item .easy_upload_preview .easy_upload_img {
    max-width: 100%;
    width: auto !important;
}

.easy_upload-container .easy_upload_queue .easy_upload_queue_item .easy_upload_status .status {
    width: auto !important;
}


/* sitemap */

.sidemapblock {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    /* padding-bottom: 60px; */
    border-bottom: 1px solid #dedede;
}

.sidemapblock h2 {
    width: 100%;
    font-weight: normal;
    margin-bottom: 20px;
    /* margin-bottom: 40px; */
}

.sidemapblock h2 a {
    font-size: 30px;
    color: #10357e;
}

.sidemapblock .sitemapbox {
    width: 100%;
    margin-bottom: 10px;
    /*margin-bottom: 26px;*/
}

.sidemapblock .sitemapbox ul li {
    word-break: break-all;
}

.sidemapblock .sitemapbox .sitemap_a {
    width: 100%;
}

.sidemapblock .sitemapbox .sitemap_a>li>a {
    font-size: 24px;
    color: #10357e;
}

.sidemapblock .sitemapbox .sitemap_b {
    margin-top: 10px;
    /*margin-top: 30px;*/
}

.sidemapblock .sitemapbox .sitemap_b>li {
    width: 31%;
    float: left;
    margin-left: 3%;
}

.sidemapblock .sitemapbox .sitemap_b>li>a {
    display: block;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    padding-bottom: 0;
    /* padding-bottom: 15px; */
}

.site-border>li>a {
    border-bottom: 1px solid #dedede;
}

.sidemapblock .sitemapbox.site-fl {
    float: left;
    width: 33.33%;
}

.sidemapblock.site-f-l .sitemapbox {
    float: left;
    width: 33.33%;
}

.sidemapblock.site-f-l .sitemapbox:last-child {
    width: 100%;
}

.sidemapblock .sitemapbox .sitemap_b.sitemap_d>li {
    width: 100%;
    margin-left: 0;
}

.sidemapblock .sitemapbox .sitemap_b.sitemap_d>li a {
    display: inline-block;
    border-bottom: 0;
}

.sidemapblock .sitemapbox .sitemap_c>li {
    padding-left: 10px;
}

.sidemapblock .sitemapbox .sitemap_c>li>a {
    display: block;
    padding-left: 20px;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    background: url('../images/inve_se01.png') left 10px no-repeat;
}

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

.sitemap_e {
    width: 31% !important;
    float: left;
    margin-left: 3%;
    min-height: 194px;
    /* min-height: 290px; */
}

.sitemap_f {
    min-height: 140px;
    /* min-height: 180px; */
    width: 31% !important;
    float: left;
    margin-left: 3%;
}

.sitemap_g {
    width: 31% !important;
    float: left;
    margin-left: 3%;
}

.sitemap_e .sitemap_a>li {
    width: 100%;
    margin-left: 0;
}

.sitemap_e .sitemap_b>li,
.sitemap_f .sitemap_b>li {
    width: 100% !important;
    margin-left: 0 !important;
    float: none;
}

.sitemap_e .sitemap_b>li a,
.sitemap_f .sitemap_b>li a {
    border-bottom: 0 !important;
}

.sitemap_height {
    min-height: 34px !important;
    /* min-height: 50px !important; */
}

.sitemap_6 .sitemapbox .sitemap_b>li>a {
    border-bottom: 0 !important;
}


/*  */

.suspend_container {
    width: 100%;
    height: 60px;
    /* background: rgba(0, 0, 0, 0.5); */
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    background: url('../images/top_bg.png') top right no-repeat;
}

.suspend_container.scroll {
    background: rgba(0, 0, 0, 0.5);
}

.suspend_container div {
    padding: 10px 10px 10px 58%;
    text-align: right;
    line-height: 40px;
    vertical-align: middle;
    height: 40px;
}

.suspend_container div a {
    display: block;
    float: left;
    margin-left: 20px;
    position: relative;
    /* width: 32px; */
    /* height: 32px; */
    font-size: 14px;
    color: #000;
}

.suspend_container.scroll div a {
    color: #fff !important;
}

.suspend_container div a.go_home_s {
    width: 60px;
    height: 40px;
    padding-left: 30px;
    background: url('../images/home.png') left center no-repeat;
    background-size: 30px;
}

.suspend_container div a.go_home_s:hover {
    color: #ed9335;
    background: url('../images/home_hover.png') left center no-repeat;
    background-size: 30px;
}

.suspend_container div a.go_home_s.on {
    background: url('../images/home_scroll.png') left center no-repeat;
    background-size: 30px;
}

.suspend_container div a.sitemap_s {
    padding-left: 30px;
    background: url('../images/sitemap.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.sitemap_s:hover {
    color: #ed9335;
    background: url('../images/sitemap_hover.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.sitemap_s.on {
    background: url('../images/sitemap_scroll.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.contacts_s {
    padding-left: 30px;
    background: url('../images/contacts.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.contacts_s:hover {
    background: url('../images/contacts_hover.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.contacts_s.on {
    background: url('../images/contacts_scroll.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.wx_s {
    padding-left: 30px;
    background: url('../images/wx.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.wx_s:hover {
    color: #ed9335;
    background: url('../images/wx_hover.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.wx_s.on {
    background: url('../images/wx_scroll.png') left center no-repeat;
    background-size: 23px;
}

.suspend_container div a.wx_s img {
    display: block;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
}

.suspend_container div a.wx_s:hover img {
    display: block;
}


/* 公开信息 */

.environmental_report {
    position: relative;
}

.environmental_report .swiper-slide {
    width: 48%;
    margin-left: 2%;
}

.environmental_report .swiper-slide .pic {
    width: 100%;
    height: 140px;
    line-height: 140px;
    background: #f9f9f9;
    /* background: #f3f3f3; */
    text-align: center;
    vertical-align: middle;
}

.environmental_report .swiper-slide .pic img {
    max-width: 100%;
    vertical-align: middle;
}

.environmental_report .swiper-slide .font {
    width: 100%;
    height: 100px;
}

.environmental_report .swiper-slide .font p {
    padding: 30px;
    text-align: center;
}

.environmental_report .swiper-slide .font p a {
    color: #333;
    padding-right: 20px;
    background: url(../images/icon_05.png) right center no-repeat;
}

.environmental_report .swiper-slide .font p a:hover {
    background: url(../images/icon_13.png) right center no-repeat;
}

.environmental_report .swiper-button-prev,
.environmental_report .swiper-button-next {
    width: 34px;
    height: 34px;
    top: 28%;
    margin-top: -17px;
    display: none;
}

.environmental_report .swiper-button-prev {
    left: -50px;
    background: url(../images/icon_22.png) center no-repeat;
}

.environmental_report .swiper-button-next {
    right: -50px;
    background: url(../images/icon_21.png) center no-repeat;
}

.video_model {
    margin-top: 60px;
}

.video_model .img_container {
    width: 90%;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.video_model .img_container>img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.video_model .img_container a {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
}

.video_model .img_container a img {
    width: 32px;
}

.my-video-dimensions video {
    width: 100%;
}

.vjs-big-play-button,
.vjs-control-bar,
.vjs-playing .vjs-control-bar {
    display: none !important;
}


/* 法律声明 */

.legal_declaration {
    margin: 30px auto;
}

.legal_declaration p {
    margin-top: 20px;
    font-size: 16px;
    color: #555;
    line-height: 36px;
}

.legal_declaration p strong {
    font-size: 18px;
    font-weight: bold;
    color: #45548c;
    background: url(../images/bullet.gif) left center no-repeat;
    padding-left: 16px;
}

.legal_declaration h2 {
    color: #10357e;
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
}

.legal_declaration p a {
    color: #ed9335;
}


/* */

.wifi {
    margin-bottom: 40px;
}

.media_con {
    display: none;
}


/* iframe 高度 */

#company_activity .page_cell .price iframe {
    height: 1300px;
}

.mobile_banner,
.home .section3 .block_l_l .product_l,
.home .section3 .block_r_right .product_r,
.section5_footer,
.video_box {
    display: none;
}

.my-video-dimensions {
    width: 100%;
    height: auto;
}


/*  */

.section03_team p {
    font-size: 14px;
    color: #666;
    text-align: right;
}

#loading {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    vertical-align: middle;
    top: 0;
    display: none;
}

#loading img {
    vertical-align: middle;
}


/* 2018-09-12 */

.verification-code {
    margin: 20px 0;
}

.verification-code .code {
    display: inline-block;
    padding: 20px 28px;
    border: 1px #dadada solid;
    width: 120px;
    vertical-align: top;
}

.verification-code .code p {
    font-size: 22px !important;
    line-height: 1em !important;
    color: #000 !important;
    letter-spacing: 2px;
    margin: 0 !important;
    text-align: center;
}

.verification-code .code-input {
    display: inline-block;
    vertical-align: top;
}

.verification-code .code-input input {
    width: auto !important;
    padding: 20px 28px !important;
    border: 1px solid #dedede;
    font-size: 18px;
    color: #333;
}

.verification-code .code-btn {
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    font-size: 0;
}