html, body {
    padding: 0;
    margin: 0;
}

body {
    font-size: 16px;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    line-height: 1;
}

* {
    position: relative;
    box-sizing: border-box;
    transition: all .5s;
}

a {
    color: #333;
    text-decoration: none;
}

.flh, .fl {
    float: left;
}

.flrh, .flr {
    float: right;
}

.abwh, .ab {
    position: absolute;
}

.wh, .abwh {
    width: 100%;
    height: 100%;
}

.abwh {
    top: 0;
    left: 0;
}

.bl {
    display: block;
}

.ibh, .ib {
    display: inline-block;
    vertical-align: middle;
}

.flrh, .flh, .ibh {
    height: 100%;
}

.main_bg {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

.bgcover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.tac {
    text-align: center;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.mau {
    margin-left: auto;
    margin-right: auto;
}

.hide {
    display: none;
}

.w90 {
    width: 90%;
}

.w95 {
    width: 95%;
}

.w97 {
    width: 97%;
}

.w100 {
    width: 100%;
}

.w50 {
    width: 50%;
}

.w85 {
    width: 85%;
}

.w81 {
    width: 81%;
}

.h100 {
    height: 100%;
}

.c333 {
    color: #333;
}

.c666 {
    color: #666;
}

.c999 {
    color: #999;
}

.arccontent .selectTdClass {
    background-color: #edf5fa !important
}

.arccontent table.noBorderTable td, .arccontent table.noBorderTable th, .arccontent table.noBorderTable caption {
    border: 1px dashed #ddd !important
}

.arccontent table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
    width: 100% !important;
}

.arccontent td, .arccontent th {
    padding: 5px 10px !important;
    border: 1px solid #DDD;
    line-height: 1.4;
}

.arccontent caption {
    border: 1px dashed #DDD;
    border-bottom: 0;
    padding: 3px;
    text-align: center;
}

.arccontent th {
    border-top: 1px solid #BBB;
    background-color: #F7F7F7;
}

.arccontent table tr.firstRow th {
    border-top-width: 2px;
}

.arccontent .ue-table-interlace-color-single {
    background-color: #fcfcfc;
}

.arccontent .ue-table-interlace-color-double {
    background-color: #f7faff;
}

.page {
    text-align: center;
    margin-top: 70px;
}

.page a {
    display: inline-block;
    padding: 15px 25px;
    border: 1px solid #f3f3f3;
    background: #fff;
    margin: 0 5px 0 -1px;
    border-radius: 4px;
    overflow: hidden;
}

.page a.on, .page a.active, .page a:hover {
    background: #085090;
    color: #FFF;
}


.mxw {
    max-width: 1400px;
    width: 100%;
}

.newspage_inner img {
    max-width:100%;
}

.p12 {
    padding-left: 12px;
    padding-right: 12px;
}

.bdt {
    border-top: 1px solid transparent;
}


.rotatey180_outer {
    transition: all .5s;
}

.rotatey180_outer:hover .rotatey180 {
    transform: rotateY(-180deg);
}

.hvscale_outer {
    overflow: hidden;
    display: block;
}

.hvscale_outer:hover .hvscale {
    transform: scale(1.1);
}

/* index */
.header_top {
    height: 40px;
    background-color: #ebebeb;
}

.header_top_inner {
}

.header_left {
}

.header_welcom, .header_wx {
    font-size: 16px;
    color: #333;
}

.header_welcom {
}

.header_right_link {
    padding: 1px 0;
    line-height: 1;
}
.header_right_link:last-child{
	margin-left: 20px
}

.header_wx {
    padding-right: 20px;
}

.header_no_border {
    border: none;
}

.text-center {
    text-align: center
}

.header_info {
    border-right: 1px solid #333;
}

.header_right {
	display:none;
}

.header_menu {
    height: 100px;
    background-color: #fff;
}

.header_menu_inner {
}

.logo {
    width: 25%;
    white-space: nowrap;
}

.logo_img {
    height: 60px;
}

.menu_main {
    width: 60%;
}

#userbtn{
	width:8%;
}

#userbtn .menu_item {
	width:100%;
}

#userbtn .menu_item img {
	width:50px;
	border-radius:50%;
}

.menu_item {
    width: 12.28%;
    border-top: 4px solid transparent;
}

.menu_item.on, .menu_item:hover {
    background-color: #e5f3ff;
    border-top: 4px solid #085090;
}

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

.dropmenu {
    top: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 7;
    width: 100%;
    display: none;
}

.menu_item:hover .dropmenu {
    display: block;
}

.dropmenu_item {
    height: 63px;
    border-top: 1px solid #ddd;
    display: block;
}

.dropmenu_item:hover {
    background-color: rgba(255, 255, 255, .3);
}

.dropmenu_txt {
    color: #fff;
    font-size: 16px;
}

.menu2_outer {
    display: none;
}

.login {
    width: 15%;
}

.login_inner {
    width: 134px;
    height: 40px;
    background-color: #085090;
    color: #fff;
}

.login_link {
    font-size: 18px;
    color: #fff;
}

.login_middle {
    margin: 0 7px;
}

.login_register {
}

.login_login {
}

.banner {
    padding-top: 32.875%;
}

.banner_txt {
}

.banner_inner {
    overflow: hidden;
}

.banner_txt_inner {
    padding-top: 6.66%;
}

.banner_img {
}

.banner_title {
    width: 70%;
    display: block;
}

.banner_link {
    width: 310px;
    height: 68px;
    background-color: #fff;
    border-radius: 34px;
    font-size: 24px;
    color: #085090;
    margin-top: 8.57%;
}

.banner_link_inner {
    margin-right: 24px;
}

.banner_link_arrow {
    border-left: 12px solid #085090;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.banner_bottom {
    bottom: 0;
    height: 140px;
    z-index: 7;
}

.banner_bottom_inner {
}

.banner_page {
}

.banner_progress {
    width: 120px;
    height: 4px;
    margin: 0 20px;
    background-color: #085090;
}

.banner_progress_inner {
    background-color: #6e94b6;
    width: 40px;
    left: 0;
}

.banner_page_num {
    font-size: 22px;
    color: #fff;
}

.banner_arrow {
}

.banner_scroll {
    left: 50%;
    top: 50%;
}

.banner_scroll_inner {
    width: 30px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    bottom: -25px;
    z-index: 222;
    margin-left: -15px;
    cursor: pointer;
}

.banner_scroll_line {
    width: 2px;
    height: 12px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
    border-radius: 2px;
    animation: downico 1.5s ease-out infinite;
}

@keyframes downico {
    0% {
        top: 0;
        opacity: 1;
    }
    35% {
        top: 40%;
        opacity: 0;
    }
    65% {
        top: -40%;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}

/* .banner_scroll_img {display: block; margin-left: -50%; margin-top: -25px;} */
.banner_left {
}

.banner_right {
    margin-left: 50px;
}

.banner_arrow_inner {
    cursor: pointer;
    outline: none;
}

.course {
    margin-bottom: 24px;
}

.course_inner {
}

.the_title {
    margin-top: 80px;
}

.tt_bg {
    font-size: 50px;
    opacity: .15;
    color: #666;
    top: 0;
    text-transform: uppercase;
}

.tt_txt {
    padding-top: 25px;
    font-size: 42px;
    color: #333;
    margin-bottom: 10px;
    display: block;
    font-weight: 777;
}

.tt_border {
    height: 2px;
    width: 80px;
    background-color: #085090;
}

.tt_desc {
    margin-top: 12px;
    font-size: 20px;
    color: #999;
    max-width: 910px;
    line-height: 2;
    padding: 0 24px;
    text-align: justify;
}

.course_content {
    margin-top: 36px;
    white-space: nowrap;
}


.custalign {
  margin-left: 34px!important;
}

.course_up {
    height: 280px;
}

.course_bottom {
    height: 300px;
}

.course_middle {
    width: 46%;
}

.course_aside {
    width: 27%;
}

.course_left {
    padding-right: 7%;
}

.course_right {
    padding-left: 7%;
}

.course_img {
    margin-bottom: 36px;
}

.course_txt {
    font-size: 26px;
}

.coursetop_border {
    bottom: 0;
    height: 1px;
    background-image: linear-gradient(to right, #fff, #eaeaea, #eaeaea, #eaeaea, #eaeaea, #eaeaea, #eaeaea, #fff);
}

.courseup_borderleft {
    left: 0;
    bottom: 0;
    width: 1px;
    background-image: linear-gradient(to bottom, transparent, #eaeaea, #eaeaea, #eaeaea);
}

.courseup_borderright {
    right: 0;
    bottom: 0;
    width: 1px;
    background-image: linear-gradient(to bottom, transparent, #eaeaea, #eaeaea, #eaeaea);
}

.coursebottom_borderleft {
    left: 0;
    top: 0;
    width: 1px;
    background-image: linear-gradient(to top, transparent, #eaeaea, #eaeaea, #eaeaea);
}

.coursebottom_borderright {
    right: 0;
    top: 0;
    width: 1px;
    background-image: linear-gradient(to top, transparent, #eaeaea, #eaeaea, #eaeaea);
}

.hot {
    background-color: #f4f6f7;
}

.hot_inner {
    padding-bottom: 90px;
}

.hot_content {
    height: 720px;
    margin-top: 50px;
}

.hot_item {
    width: 15%;
    margin-left: 1%;
    border-radius: 20px;
    overflow: hidden;
}

.hot_item:first-child {
    margin-left: 0;
}

.hot_item.on {
    width: 52%;
}

.hot_cover {
    background: #fff;
    overflow: hidden;
}

.hot_title {
    height: 72%;
}

.hot_title_inner {
    font-size: 24px;
    width: 24px;
    word-break: break-all;
	 writing-mode: vertical-rl;
}

.hot_title_bottom {
    bottom: 14%;
    font-size: 36px;
}

.hot_title_bottom_inner {
    width: 30px;
}

/*
.hot_fold {background-color: #085090; color: #fff; width: 0; overflow: hidden;}
.hot_item.on .hot_fold {width: 100%;}
.hot_item.on .hot_cover {width: 0;}
*/
.hot_fold {
    background-color: #085090;
    color: #fff;
    overflow: hidden;
    opacity: 0;
}

.hot_item.on .hot_fold {
    opacity: 1;
}

.hot_item.on .hot_cover {
    opacity: 0;
}

.hot_fold_inner {
    width: 72%;
}

.hf_num {
    margin-top: 70px;
    padding-right: 72px;
    font-size: 52px;
    margin-bottom: 50px;
}

.hf_title {
    font-size: 28px;
    margin-bottom: 24px;
}

.hf_subtitle {
    font-size: 16px;
    padding-bottom: 40px;
    margin-bottom: 36px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.hf_subtitle_item {
    padding-left: 10px;
    margin-right: 10px;
    border-left: 1px solid white;
}

.hf_subtitle_item:first-child {
    padding-left: 0px;
    border-left: 0px solid white;
}

.hf_desc {
    margin-bottom: 120px;
    font-size: 14px;
    line-height: 1.7;
    text-align: justify;
}

.hf_more {
    width: 210px;
    height: 60px;
    background-color: #fff;
    border-radius: 30px;
}

.hf_more_inner {
    margin-right: 24px;
    font-size: 20px;
    color: #333;
}

.hf_more_arrow {
    border-left: 12px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.advantage {
    padding-top: 660px;
    background-color: #085090;
}

.advantage_outer {
    top: 90px;
}

.advantage_inner {
    background-color: #fff;
    border-radius: 7px;
    z-index: 3;
}

.advantage_title {
}

.advantage_content {
    margin-top: 77px;
    width: 90%;
    padding-bottom: 80px;
}

.advitem {
    width: 20.5%;
    margin-left: 6%;
}

.advitem:first-child {
    margin-left: 0;
}

.advnum {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 54px;
    font-size: 22px;
    font-weight: 777;
}

.advnum1 {
    border: 2px solid #f7c85e;
    color: #f7c85e;
}

.advnum2 {
    border: 2px solid #6fabf6;
    color: #6fabf6;
}

.advnum3 {
    border: 2px solid #8bdb9d;
    color: #8bdb9d;
}

.advnum4 {
    border: 2px solid #9ad8fb;
    color: #9ad8fb;
}

.advicon {
    padding-top: 20px;
}

.advicon_img {
    display: inline-block;
    max-width: 100%;
}

.advtxt {
    margin-top: 45px;
    color: #333;
    font-size: 26px;
    margin-bottom: 30px;
}

.advdesc {
    font-size: 16px;
    color: #999;
    margin-bottom: 10px;
}

.product {
    background-color: #f4f6f7;
    padding-top: 210px;
}

.product_title {
}

.product_content {
    margin-top: 60px;
    padding-bottom: 50px;
}

.product_item {
    height: 395px;
    margin-bottom: 40px;
}

.product_detail {
    padding: 46px 50px;
    background-color: #fff;
}

.product_num {
    width: 140px;
    height: 46px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #085090;
    margin-bottom: 32px;
}

.product_num_inner {
    font-size: 24px;
    color: #fff;
}

.product_txt {
    color: #085090;
    font-size: 28px;
    margin-bottom: 24px;
    font-weight: 777;
}

.product_desc {
    font-size: 16px;
    color: #999;
}

.product_desc_item {
    margin-bottom: 0;
}

.product_picture {
    overflow: hidden;
}

.product_title {
}

.product_col {
    width: 50%;
    overflow: hidden;
}

.product_dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999;
    margin-right: 6px;
}

.secdots {
	margin: 0 0 0 6px;
}

.product_desc_content {
}

.product_more_inner {
    color: #333;
    font-size: 19px;
}

.product_more_arrow {
    border-left: 12px solid #333
}

.product_more {
    margin-top: 48px;
    width: 192px;
    height: 54px;
    border-radius: 27px;
    border: 1px solid #333;
}

.product_left {
    border-bottom-left-radius: 30px;
}

.product_right {
    border-top-right-radius: 30px;
}

.case {
}

.case_title {
}

.product_title {
}

.case_swiper_outer {
    margin-top: 50px;
}

.case_swiper_inner {
}

.case_swiper {
    overflow: hidden;
}

.swiper-wrapper {
}

.swiper-slide {
}

.case_item {
}

.case_img {
    padding-top: 72%;
}

.case_bottom {
    height: 170px;
    padding: 40px 30px;
    background-color: #fff;
}

.cb_inner {
}

.case_itemtitle {
    font-size: 18px;
    color: #333;
    font-weight: 777;
    line-height:1.6;
}

.case_item:hover .case_itemtitle {
    color: #085090;
}

.case_date {
    font-size: 16px;
    color: #999;
    left: 30px;
    bottom: 40px;
}

.case_swiper_bottom {
    height: 130px;
}

.case_page {
}

.case_progress {
    width: 120px;
    height: 4px;
    margin: 0 20px;
    background-color: #e6e9eb;
}

.case_progress_inner {
    background-color: #085090;
    width: 40px;
    left: 0;
}

.case_page_num {
    font-size: 22px;
    color: #333;
}

.banner_arrow {
}

.banner_arrow_inner {
}

.case_left {
    margin-right: 50px;
}

.case_right {
}

.case_bg {
}

.case_bg_outer {
    max-width: 1600px;
}

.case_bg_inner {
    background-color: #f4f6f7;
    height: 80%;
    bottom: 0;
}

.more_inner {
    color: #333;
    font-size: 18px;
    margin-right: 20px;
}

.more_arrow {
    border-left: 12px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.more_outer {
    margin-top: 48px;
    width: 192px;
    height: 54px;
    border-radius: 27px;
    border: 1px solid #333;
	cursor: pointer;
}

.more_outer:hover .more_inner {
    color: #085090;
}

.more_outer:hover .more_arrow {
    border-left: 12px solid #085090;
}

.about {
    padding-top: 120px;
}

.about_inner {
}

.about_left {
    width: 66%;
}

.about_title {
}

.about_title_inner {
    margin-top: 0;
}

.about_more {
}

.more_inner {
}

.more_arrow {
}

.about_right {
    width: 34%;
}

.about_up {
    height: 559px;
}

.about_bottom {
    height: 220px;
    background-color: #085090;
}

.abbtm_left {
}

.abbtml_item {
    color: #fff;
}

.abbtml_title {
    font-size: 16px;
    margin-bottom: 20px;
}

.abbtml_num_outer {
}

.abbtml_num {
    font-size: 40px;
    font-weight: 777;
}

.abbtml_unit {
    bottom: 0;
    right: -20px;
}

.abbtm_left {
    width: 66%;
}

.abbtm_right {
    width: 34%;
    background-color: #0f70c5;
}

.abbtml_item_outer {
    width: 25%;
}

.news {
    background-color: #f4f6f7;
    padding-bottom: 90px;
}

.news_inner {
}

.news_title {
    margin-bottom: 50px;
}

.the_title {
}

.news_swiper {
}

.news_swiper_labels {
    margin-bottom: 50px;
}

.news_swiper_label {
    font-size: 18px;
    color: #666;
    padding: 17px 46px;
    border-radius: 25px;
    width: auto;
    height: auto;
    background: unset;
    background-color: unset;
    opacity: 1;
    margin: 0 5px;
    outline: none;
}

.news_swiper_label.swiper-pagination-bullet-active {
    color: #fff;
    border-radius: 25px;
    background-color: #085090;
}

.news_swiper_inner {
    overflow: hidden;
}

.footer {
}

.footer_inner {
    padding-bottom: 30px;
}

.footer_title {
    padding: 40px 0;
    font-size: 30px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24);
    font-weight: 777;
}

.footer_content {
    color: #fff;
	width:100%;
	height:229px;
}

.footer_left {
}

.footer_item {
    margin-left: 7%;
    margin-top: 15px;
}

.footer_item:first-child {
    margin-left: 0;
}

.footer_big {
    font-size: 20px;
    margin-bottom: 24px;
}

.footer_little {
    font-size: 16px;
    opacity: .5;
    margin-bottom: 14px;
}

.footer_little:hover {
    opacity: 1;
}

.footer_item_inner {
    display: block;
    color: #fff;
}

.footer_right {
}

#footer .footer_right_item {
	margin-left:0;
}

.footer_contact {
    white-space: nowrap;
    margin-bottom: 20px;
}

.footer_contact_title {
    font-size: 18px;
}

.footer_contact_content {
}

.footer_contact_item {
    font-size: 24px;
}

.footer_contact_middle {
    font-size: 24px;
}

.footer_address {
    font-size: 18px;
    opacity: .5;
    margin-bottom: 20px;
}

.footer_qr {
}

.footer_qr_item {
    margin-left: 50px;
}

.footer_qr_img {
    width: 100px;
    height: 100px;
    display: block;
    margin-bottom: 12px;
}

.footer_qr_label {
    font-size: 16px;
    opacity: 0.5;
}

.footer_bottom {
    border-top: 1px solid rgba(255, 255, 255, .5);
}

.footer_bottom_inner {
    height: 40px;
}

.fbitem {
    margin-left: 12px;
    color: #fff;
    opacity: .5;
}

.fbitem:first-child {
    margin-left: 0px;
}

.yssupport {
    margin-left: 36px;
}

/* course page */
.course_page {
}

.cbanner {
    background-color: #135895;
}

.cbanner_inner {
    height: 200px;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
	display: flex;
    justify-content: center;
    align-items: center;
}

.cb_title {
    color: #fff;
	height: 100px;
}

.cb_big {
    font-size: 42px;
    margin-bottom: 10px;
}

.cb_little {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: lighter;
    text-transform: uppercase;
}

.cb_slogan {
    font-size: 20px;
}

.cbroute {
    color: #fff;
    font-size: 18px;
    height: 50px;
}

.cbroute_arrow {
}

.cbroute_link {
    color: #fff;
}

.cc_content {
    padding-top: 60px;
    background-color: #f4f6f7;
    padding-bottom: 174px;
}

.cc_content_inner {
}

.cc_item {
    padding: 60px 55px;
    min-height: 360px;
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 40px;
}

.cc_left {
    width: 36%;
}

.cc_big {
    font-size: 36px;
    margin-bottom: 20px;
    font-weight: 777;
}

.cc_small {
    font-size: 14px;
    text-transform: uppercase;
}

.cc_line {
    width: 46px;
    height: 2px;
    background-color: #085090;
    margin-top: 30px;
}

.cc_num {
    font-size: 36px;
    color: #333;
    left: 55px;
    bottom: 60px;
    font-weight: 777;
}

.cc_right {
    width: 64%;
    padding-top: 16px;
    color: #333;
}

.cc_righttitle {
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    font-weight: 777;
}

.cc_right_ul {
    padding-top: 20px;
}

.cc_right_li {
    margin-bottom: 16px;
    width: 33.333%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cc_dot {
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #333;
}

.cc_txt {
    font-size: 16px;
}

.cc_item:hover {
    background-color: #085090;
}

.cc_item:hover * {
    color: #fff;
}

.cc_item:hover .cc_line {
    background-color: #fff;
}

.cc_item:hover .cc_dot {
    background-color: #fff;
}

.cc_right_li:hover .cc_txt {
    color: #f78;
}

/* product center */
.pdcenter {
    padding-top: 60px;
    background-color: #f4f6f7;
    padding-bottom: 80px;
}

.pdcenter_inner {
}

.pdc_labels, .list_labels {
    border-bottom: 1px solid #d7d7d7;
}

.pdc_label, .list_label {
    font-size: 22px;
    color: #333;
    cursor: pointer;
    padding-bottom: 27px;
    border-bottom: 4px solid transparent;
    margin: 0 50px;
    width: auto;
    height: auto;
    opacity: 1;
    background: unset;
    border-radius: unset;
}

.pdc_label:hover,
.list_label:hover,
.pdc_label.active,
.list_label.active,
.list_label.swiper-pagination-bullet-active {
    border-bottom: 4px solid #085090;
    color: #085090;
}

.pdc_page, .list_page {
    padding-top: 60px;
}

.pdc_item {
    width: 23.5%;
    margin-left: 2%;
    background-color: #fff;
    background-position: center 95%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0 30px 25px;
    margin-bottom: 40px;
}

.pdc_item:nth-child(4n - 3) {
    margin-left: 0;
}

.pdc_img_outer {
    height: 280px;
    white-space: nowrap;
}

.pdc_img {
    max-width: 100%;
    max-height: 100%;
}

.pdc_item_title {
    font-size: 18px;
    color: #333;
    margin-bottom: 17px;
}

.pdc_item_type {
    font-size: 14px;
    color: #666;
    padding: 5px 7px;
    border: 1px solid #d7d7d7;
}

.pdc_item:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .3);
}

.pdc_item:hover .pdc_item_title {
    color: #085090;
}

/* case show */
.css_item {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 40px;
}

.css_item:nth-child(3n - 2) {
    margin-left: 0;
}

.css_item:hover .case_itemtitle {
    color: #085090;
}

/* news list */
.newslist {
    padding-top: 60px;
}

.newslist_inner {
}

.nsl_banner {
    height: 460px;
    display: block;
}

.nsl_banner_title {
    bottom: 0;
    padding: 18px 30px;
    color: #fff;
    font-size: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .5);
}

.nsl_title {
    margin-top: 60px;
}

.nsl_link {
    margin-left: 0;
    margin-right: 100px;
}

.nsl_ul {
    padding-top: 40px;
}

.nsl_li {
    height: 285px;
    padding: 30px 0;
    border-top: 1px solid #d7d7d7;
}

.nsl_li:first-child {
    border-top: 1px solid transparent;
    padding-top: 0;
}

.nslli_img {
    width: 315px;
}

.nslli_right {
    margin-left: 315px;
    padding-left: 65px;
    padding-top: 10px;
    margin-right: 100px;
    max-width: 724px;
}

.nslli_title {
    font-size: 18px;
    color: #333;
    margin-bottom: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 777;
}

.nsl_li:hover .nslli_title {
    color: #085090;
}

.nslli_desc {
    font-size: 16px;
    line-height: 2;
    color: #666;
}

.nslli_date {
    top: 10px;
    right: 0;
    font-size: 18px;
    color: #999;
}

.nslli_button {
    bottom: 30px;
    right: 0;
    height: 40px;
    width: 140px;
}

.more_inner {
    margin-right: 12px;
}

.nslli_title1 {
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 777;
}

.nsl_li1 {
    padding: 30px 0;
    border-top: 1px solid #d7d7d7;
}

.nsl_li1:first-child {
    border-top: 1px solid transparent;
    padding-top: 0;
}

.nslli_date1 {
    float: right;
    font-size: 18px;
    color: #999;
}

.nslli_title1 {
    display: inline-block;
}


/* about */
.about_main {
    background-color: #f4f6f7;
}

.abm_title {
    padding: 30px 0;
}

.abm_labels {
}

.abm_label {
}

.abm_c1 {
    height: 480px;
    margin-bottom: 80px;
}

.abmc1_left {
    width: 36%;
}

.abmc1_left_inner {
}

.abmc1_right {
    width: 64%;
    padding: 100px 32px 110px 132px;
    background-repeat: no-repeat;
    background-position: top 24px right 77px;
    background-color: #fff;
}

.abmc1_right_title {
    font-size: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
}

.abmc1_right_txt {
    line-height: 2;
    font-size: 16px;
    color: #666;
    margin-top: 40px;
    text-align: justify;
}

.abm_c2 {
    height: 400px;
    background-color: #085090;
}

.abm_c2_inner {
}

.abm_c2_img {
}

/* contact */
.contact_main {
    padding: 60px 0;
}

.contact_main_inner {
}

.ctt_title {
    font-size: 24px;
    color: #333;
    margin-bottom: 48px;
}

.ctt_cols {
    margin-bottom: 80px;
}

.ctt_col {
    border: 1px solid #e6e6e6;
    width: 23.5%;
    margin-left: 2%;
    height: 320px;
    padding-top: 50px;
}

.ctt_col:first-child {
    margin-left: 0;
}

.ctt_img {
    margin-bottom: 16px;
}

.ctt_subtitle {
    font-size: 24px;
    color: #333;
    margin-bottom: 25px;
}

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

.ctt_form {
}

.ctt_form_left {
    width: 49%;
}

.ctt_input_outer {
    height: 60px;
    padding-left: 20px;
    margin-bottom: 30px;
    background-color: #f4f6f7;
}

.red_star {
    color: #f00;
    font-size: 12px;
}

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

.ctt_input_label3 {
}

.ctt_input {
    font-size: 18px;
    width: 72%;
    border: none;
    background: unset;
    height: 42px;
    outline: none;
}

.ctt_input:focus {
    background: white;
}

.ctt_input3 {
    width: 24%;
}

.ctt_code {
    width: 168px;
}

.ctt_code_right {
    padding: 0 24px;
    background-color: #fff;
}

.ctt_cntl {
    margin-left: 24px;
    padding-bottom: 5px;
    border-bottom: 1px solid #333;
}

.ctt_form_right {
    width: 49%;
    margin-left: 2%;
    background-color: #f4f6f7;
    height: 240px;
}

.cttfr_inner {
}

.cttfr_title {
    height: 60px;
    padding-left: 20px;
}

.ctt_form_content {
    border: none;
    background-color: unset;
}

.ctt_form_content:focus {
    background-color: white;
}

.ctt_submit_outer {
}

.ctt_submit {
}

.more_outer {
}

.more_inner {
}

.more_arrow {
}

.map_outer {
    margin-top: 70px;
}

.ctt_tareaouter {
    margin-left: 50px;
    margin-right: 20px;
    height: 160px;
}

/* product article */
.pda {
    background-color: #f4f6f7;
    padding-top: 60px;
}

.pda_inner {
}

.pda_left {
    margin-right: 300px;
}

.pda_topwhite {
    background-color: #fff;
    padding: 40px;
}

.pda_bottom {
}

.pda_preview {
    margin-bottom: 60px;
}

.pda_previewimg {
    width: 320px;
    height: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
    border: 1px solid #d7d7d7;
}

.pda_previewtxt {
    padding: 30px 70px;
    margin-left: 320px;
    min-height: 320px;
}

.pdap_title {
    font-size: 22px;
    color: #333;
    margin-bottom: 20px;
}

.pdap_type {
    padding: 5px 7px;
    border: 1px solid #dcdcdc;
    margin-bottom: 20px;
}

.pdap_desc {
    font-size: 16px;
    color: #666;
    line-height: 2;
}

.pda_swiper_outer {
}

.pda_labels {
}

.pda_labels > .nsl_link {
    font-size: 18px;
    outline:none;
}

.nsl_link {
}

.pda_swiper {
    overflow: hidden;
}

.pda_content {
    line-height: 2.0;
    padding: 15px 0;
    text-align: justify;
}

.pda_bottom_labels {
    margin-bottom: 30px;
}

.nsl_link {
}

.pdab_ul {
}

.css_item {
}

.pda_right {
    width: 300px;
}

.pda_right_title {
    font-size: 22px;
    color: #085090;
    margin-bottom: 25px;
}

.pda_right_inner {
}

.pda_right_inner > .pdc_item {
    width: 85%;
}

.pda_right_inner .pdc_img {
    width: 70%;
}

.pda_labels_txt {
    margin-bottom: 36px;
}

/* news article */
.newspage {
    padding-bottom: 60px;
}

.newspage_inner {
}

.nsp_title {
    font-size: 24px;
    color: #333;
    font-weight: 777;
    margin-bottom: 24px;
}

.nsp_date {
    font-size: 16px;
    color: #666;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
}

.nsp_content {
    line-height: 1.5;
}

.nsp_links {
    height: 100px;
    bottom: 0;
    margin-top: 20px;
}

.nsp_links_inner { /*! display: inline-block; */
}

.nsp_link {
    width: 50%;
    font-size: 14px;
}

.nsp_link, .nsp_link > a {
    color: #333;
}

.nsp_left {
    padding-left: 24px;
}

.nsp_right {
    padding-right: 24px;
}

.nsp_linkslable {
    margin-bottom: 12px;
    color: #21749c;
    font-size: 16px;
}

/* login */
.login_cbanner_inner {
    height: 150px;
}

.cb_little_login {
    margin-bottom: 0;
}

.login_main_inner {
    max-width: 600px;
}

.register_link_outer {
    margin-top: 12px;
}

.more_outer {
    margin-top: 0;
}

.login_wx_link_outer {
    border-top: 1px solid #ddd;
    margin-top: 12px;
    padding-top: 12px;
    padding-left: 12px;
}

.login_wx_link {
}

.window_wxlogin {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    z-index: 23333;
    white-space: nowrap;
    font-size: 0;
}

.window_wxlogin_inner {
    background-color: #fff;
    width: 360px;
    height: auto;
    max-width: 95%;
}

.wwi_title {
    padding: 20px;
    font-size: 18px;
    color: #333;
    font-weight: 777;
    border-bottom: 1px solid #ddd;
}

.wwi_content {
    padding: 60px 40px 80px;
    white-space: normal;
}

.wwi_qr {
}

.wwi_qr_img {
}

.wwi_close {
    right: 10px;
    top: 5px;
    font-size: 24px;
    color: #000;
    border: 0px solid #999;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    line-height: 32px;
    color: #999;
    cursor: pointer;
}

.wwi_txt {
    font-size: 14px;
    color: #666;
    margin-top: 24px;
}

.mobile_footer_bottom_inner {
    display: none;
}
.aui_main {
	text-align:left;
}
.aui_state_focus .aui_content {
	 padding: 20px 25px 20px 10px !important;
}

.mbmenu {
	display: none;
}

.mbmenu .wrapper {
	margin-bottom: 5px;
}

.mbmenu .wrapper ul {
	display: flex;
   align-items: center;
	text-align: center;
   flex-wrap: wrap;
	list-style: none;
	margin: 0;
   padding: 0;
	background: #ebebeb;
	color:#fff;
}

.mbmenu .wrapper ul li {
	width:33.3%;
	padding: 13px 8px;
   border-right: 2px solid #fff;
   border-bottom: 2px solid #fff;
}

.mbmenu .wrapper ul li:nth-child(3n+1):nth-last-child(-n+3),
.mbmenu .wrapper ul li:nth-child(3n+1):nth-last-child(-n+3)~.mbmenu .wrapper ul li{
    border-bottom: none;
}

.mbmenu .wrapper ul li:nth-child(3n){
    border-right: none;
}

.mbmenu .wrapper ul li.on {
	background: #085090;
}

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



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

.mobile-avatar {
	display:none;
}


/* media */
@media (max-width: 1400px) {
    .banner_link {
        margin-top: 5%;
    }

    .advtxt {
        font-size: 24px;
    }

    .footer_inner, .news_inner, .case_swiper_outer, .banner_bottom_inner, .header_menu_inner, .header_top_inner {
        padding-left: 12px;
        padding-right: 15px;
    }
}

@media (max-width: 1200px) {	
    .footer_left {
        width: 50%;
        float: left;
    }

    .footer_right {
        width: 50%;
    }

    .footer_right_item {
        float: right;
    }

    .banner_link {
        display: none;
    }
}

@media (max-width: 1024px) {
	.header_menu_inner {
		 display: flex;
    	align-items: center;
    	justify-content: space-between;
	}
	.mobile-avatar {
		display:block;
		margin-right: 30px;
	}
	
	.mobile-avatar img {
		width: 50px;
      height: 50px;
      border-radius: 50%;
	}
	.mbmenu {
		display: block;
	}
	.header_right_link:last-child {
		margin-left:0;
	}
	
	.header_right .mydata {
		margin-left: 15px;
	}
    body {
        width: 100%;
        max-width: 777px;
        margin: 0 auto;
        box-shadow: 0px 2px 12px #0003;
    }

    .custalign {
       margin-left: 31px!important;
    }

    .myprev {
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow: hidden;
    }

    .menu_main {
        display: none;
    }

    .pda_preview {
        margin-bottom: 0px;
    }

    .c666 {
       font-size:18px;
    }

    .nsp_links {
       height:70px;
    }
    .login {
        width: auto;
        float: right;
        height: 50%;
    }

    .header_welcom {
        font-size: 14px;
    }

    .header_right_link {
        font-size: 14px;
    }

    .login_link {
        font-size: 14px;
    }

    .login_inner {
        width: 134px;
        height: 30px;
    }

    .tt_txt {
        font-size: 20px;
        padding-top: 12px;
        margin-bottom: 2px;
    }

    .tt_desc {
        font-size: 12px;
        margin-top: 2px;
        line-height: 1.5;
    }

    .course_img {
        height: 48px;
        margin-bottom: 12px;
    }

    .course_txt {
        font-size: 12px;
    }

    .course_bottom, .course_up {
        height: 120px;
    }

    .ccinner {
        white-space: normal;
        padding: 0 7px;
    }

    .nrlouter {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
	 text-align:left;
  }

    .course_right {
        padding-left: 0;
    }

    .course_left {
        padding-right: 0;
    }

    .course_content {
        margin-top: 12px;
    }

    .the_title {
        margin-top: 12px;
    }

    .logo_img {
        width: 160px;
        height: auto;
    }

    .header_menu {
        height: 70px;
    }

    .header_top {
        height: 30px;
    }

    .header_left {
        display: none;
    }

    .header_right {
      float: left;
		display:block;
    }

    .banner_scroll {
        display: none;
    }

    .banner_bottom {
        height: 48px;
    }

    .banner_page_num {
        font-size: 16px;
    }

    .banner_progress {
        width: 72px;
        margin: 0 10px;
    }

    .tt_bg {
        font-size: 36px;
    }

    .course {
        margin-bottom: 0;
    }

    /* hot */
    /*
    .hot_item.on, .hot_item { width: 48%; height: 47%;}
    .hot_title_inner {width: auto; font-size: 16px;}
    .hot_title_bottom {font-size: 16px; text-align: left; padding-left: 24px; top: 24%;}
    .hf_num { margin-top: 7px; padding-right: 2px; font-size: 16px; margin-bottom: 0px; text-align: center; display: none;}
    .hf_title { font-size: 14px; margin-bottom: 12px; margin-top: 24px;}
    .hf_subtitle, .hf_desc {display: none;}
    .hot_content {height: 240px;}
    .hf_more {width: 100px; height: 20px; background-color: #fff; border-radius: 10px;}
    .hf_more_inner {margin-right: 4px; font-size: 14px; color: #333;}
    .hf_more_arrow {border-left: 12px solid #333; border-top: 10px solid transparent; border-bottom: 10px solid transparent;}
    .hot_cover {display: none;}
    .hot_fold {width: 100%;}
    */


    .hf_num {
        margin-top: 7px;
        padding-right: 7px;
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
        font-weight: 777;
        display: none;
    }

    .hot_content {
        height: 240px;
        margin-top: 10px;
    }

    .hf_title {
        font-size: 18px;
        line-height: 1.7;
        font-weight: 777;
        margin-top: 12px;
    }

    .hf_title {
        margin-bottom: 7px;
    }

    .hf_subtitle_item {
        font-size: 14px;
        margin-left: 0;
        margin-bottom: 5px;
    }

    .hf_subtitle {
        font-size: 12px;
        padding-bottom: 4px;
        margin-bottom: 3px;
        border-bottom: 0px solid rgba(255, 255, 255, .2);
    }

    .hf_more {
        width: 100px;
        height: 24px;
        background-color: #fff;
        border-radius: 12px;
        position: absolute;
        bottom: 36px;
    }

    .hf_more_inner {
        margin-right: 4px;
        font-size: 12px;
        color: #333;
    }

    .hf_more_arrow {
        border-left: 12px solid #333;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }

    .hot_fold_inner {
        height: 100%;
        width: 81%;
    }

    .hot_title_inner {
        font-size: 14px;
        width: 14px;
        word-break: break-all;
    }

    .hot_title {
        height: 90%;
        color: #666;
    }

    .hot_item {
        width: 9%;
    }

    .hot_item.on {
        width: 70%;
    }

    .hot_title_bottom {
        bottom: 2%;
        font-size: 18px;
    }

    .hot_cover {
        font-size: 0;
    }

    .hot_inner {
        padding-bottom: 10px;
    }

    /* hot end */
    .advantage_content {
        margin-top: 12px;
        padding-bottom: 12px;
    }

    .advnum {
        width: 30px;
        height: 30px;
        line-height: 24px;
        font-size: 12px;
    }

    .advtxt {
        font-size: 14px;
        margin-top: 10px;
        color: #333;
        margin-bottom: 10px;
    }

    .advicon {
        padding-top: 5px;
    }

    .advdesc {
        display: none;
    }

    .advantage_outer {
        top: 3%;
    }

    .advantage {
        padding-top: 360px;
    }

    .product {
        padding-top: 10px;
    }

    .product_content {
        margin-top: 10px;
        padding-bottom: 10px;
    }

    .product_col {
    }

    .product_detail {
    }

    .product_picture {
    }

    .product_item {
        height: 195px;
        margin-bottom: 10px;
    }

    .product_detail {
        padding: 7px;
    }

    .product_num_inner {
        font-size: 14px;
    }

    .product_num {
        width: 70px;
        height: 26px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #085090;
        margin-bottom: 25px;
    }

    .product_txt {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .product_desc {
        font-size: 12px;
    }

    .product_more {
        margin-top: 8px;
        width: 92px;
        height: 30px;
        border-radius: 15px;
    }

    .product_more_inner {
        font-size: 14px;
    }

    .banner_link_inner {
        margin-right: 4px;
    }

    .case_bottom {
        padding: 7px;
    }

    .case_itemtitle {
        font-size: 14px;
        line-height:1.6;
    }

    .case_date {
        font-size: 14px;
        left: 0px;
        bottom: 0px;
        text-align: center;
        width: 100%;
        padding-bottom: 10px;
        background-color: #fff;
        padding-top: 5px;
    }

    .case_bottom {
        height: 80px;
    }

    .case_swiper_bottom {
        height: 40px;
    }

    .case_page_num {
        font-size: 16px;
    }

    .case_progress {
        width: 72px;
        height: 4px;
        margin: 0 7px;
    }

    .banner_arrow_inner {
        height: 50%;
    }

    .case_left {
        margin-right: 24px;
    }

    .case_swiper_outer {
        margin-top: 10px;
    }

    .about {
        padding-top: 20px;
    }

    .about_up {
        height: auto;
    }

    .about_right {
        display: none;
    }

    .abbtm_right {
        display: none;
    }

    .about_left {
        width: 100%;
    }

    .abbtm_left {
        width: 100%;
    }

    .more_outer {
        margin: 12px 0;
        width: 92px;
        height: 24px;
        border-radius: 12px;
        white-space: nowrap;
    }

    .more_inner {
        font-size: 12px;
        margin-right: 4px;
    }

    .abbtml_item_outer {
        white-space: nowrap;
    }

    .abbtml_title {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .abbtml_num {
        font-size: 18px;
        font-weight: 777;
    }

    .abbtml_num_outer {
        display: inline-block;
    }

    .abbtml_unit {
        font-size: 14px;
    }

    .about_bottom {
        height: 120px;
    }

    .news_swiper_label {
        font-size: 14px;
        color: #666;
        padding: 10px 16px;
        border-radius: 15px;
        width: auto;
        height: auto;
        background: unset;
        background-color: unset;
        background-color: unset;
        opacity: 1;
        margin: 0 5px;
        outline: none;
    }

    .news_swiper_labels {
        margin-bottom: 10px;
    }

    .news_title {
        margin-bottom: 10px;
    }

    .news {
        background-color: #f4f6f7;
        padding-bottom: 10px;
    }

    .footer_left {
        display: none;
    }

    .footer_title {
        padding: 10px 0;
        font-size: 18px;
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, 0.24);
        height: 40px;
        font-weight: 777;
    }

    .footer_contact_item {
        font-size: 14px;
    }

    .footer_item {
        margin-left: 0;
        margin-top: 10px;
    }

    .footer_right {
        width: 100%;
    }

    .footer_contact_title {
        font-size: 14px;
    }

    .footer_contact_middle {
        font-size: 16px;
    }

    .footer_qr_label {
        font-size: 14px;
        opacity: 0.5;
    }

    .footer_address {
        font-size: 14px;
        opacity: .5;
        margin-bottom: 10px;
        line-height: 1.5em;
    }

    .footer_contact {
        white-space: nowrap;
        margin-bottom: 10px;
		text-align: left;
    }

    .footer_qr {
        width: 100%;
        text-align: center;
    }

    .footer_qr_item:first-child {
        margin-left: 0;
    }

    .footer_inner {
        padding-bottom: 10px;
    }

    .footer_bottom {
        font-size: 14px;
    }

    .footer_bottom_inner {
        height: auto;
        line-height: 1.5;
        padding-bottom: 5px;
    }

    /* menu2 */
    .logo {
        width: 50%;
    }

    .menu2_outer {
        height: 100%;
        margin-left: 72%;
    }

    .menu2_icon {
        right: 0;
        width: 36px;
        height: 100%;
        cursor: pointer;
    }

    .menu2_icon_inner {
        top: 36%;
        bottom: 36%;
        border-top: 3px solid #085090;
        border-bottom: 3px solid #085090;
        width: 100%;
    }

    .menu2 {
        display: block;
    }

    .menu2_mask {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #0007;
        left: 0;
        top: 0;
        z-index: 72;
    }

    .menu2_content {
        z-index: 75;
        position: fixed;
        background: #085090;
        left: -70%;
        height: 100%;
        width: 70%;
        padding-top: 12%;
        top: 0;
    }

    .on .menu2_mask {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        background: #0007;
        left: 0;
        top: 0;
        z-index: 72;
    }

    .on .menu2_content {
        left: 0;
    }

    .menu2_item {
        display: block;
        color: white;
        padding: 7px 0;
        margin: 5px 0;
    }

    .menu2_item.current {
        display: block;
        color: white;
    }

    .menu2_item:hover .menu2_item_txt, .menu2_item.current .menu2_item_txt {
        color: white;
        border-bottom: 2px solid white;
    }

    .menu2_item_txt {
        color: white;
        padding-bottom: 12px;
        font-size: 16px;
    }

    /* menu2 end */
    /* course */
    .cc_left {
        width: 100%;
        height: auto;
    }

    .cbanner_inner {
        height: 140px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        white-space: nowrap;
    }

    .cb_title {
        max-width: 100%;
        padding: 0 24px;
        white-space: normal;
    }

    .cb_big {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .cb_little {
        font-size: 14px;
        margin-bottom: 12px;
        font-weight: lighter;
        text-transform: uppercase;
    }

    .cb_slogan {
        font-size: 12px;
        line-height: 1.5;
    }

    .cbroute {
        color: #fff;
        font-size: 14px;
        height: 30px;
    }

    .cc_content {
        padding-top: 10px;
        background-color: #f4f6f7;
        padding-bottom: 10px;
    }

    .cc_item {
        padding: 12px;
        background-color: #fff;
        min-height:auto;
        border-radius: 10px;
        margin-bottom: 10px;
    }

    .cc_big {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 777;
    }

    .cc_right {
        width: 100%;
        padding-top: 10px;
        color: #999;
        padding-left: 0%;
        overflow: auto;
    }

    .cc_right_li {
        margin-bottom: 10px;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 7px;
    }

    .cc_righttitle {
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: 1px solid #eaeaea;
        font-weight: 777;
    }

    .cc_right_ul {
        padding-top: 10px;
    }

    .cc_txt {
        font-size: 14px;
        color: #666;
    }

    .cc_num {
        font-size: 16px;
        color: #333;
        left: unset;
        bottom: unset;
        font-weight: 777;
        top: 12px;
        right: 24px;
    }

    .cc_line {
        width: 46px;
        height: 2px;
        background-color: #085090;
        margin-top: 12px;
    }

    /* .cc_right_ul {overflow: auto;} */
    /* course end */
    /* product list */
    .pdc_label, .list_label {
        font-size: 16px;
        color: #333;
        cursor: pointer;
        padding-bottom: 12px;
        border-bottom: 4px solid transparent;
        margin: 0 10px;
        width: auto;
        height: auto;
        opacity: 1;
        background: unset;
        border-radius: unset;
    }

    .pdcenter {
        padding-top: 10px;
        background-color: #f4f6f7;
        padding-bottom: 10px;
    }

    .pdc_page, .list_page {
        padding-top: 10px;
    }

    .pdc_item {
        width: 44%;
        margin-left: 4%;
        background-color: #fff;
        background-position: center 95%;
        background-repeat: no-repeat;
        background-size: contain;
        padding: 0 7px 5px;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .pdc_item:nth-child(4n-3) {
        margin-left: 4%;
    }

    .pdc_img_outer {
        height: 165px;
    }

    .pdc_item_title {
        font-size: 14px;
        color: #333;
        margin-bottom: 7px;
    }

    .pdc_item_type {
        font-size: 12px;
        color: #666;
        padding: 3px 5px;
        border: 1px solid #d7d7d7;
    }

    .pdc_img {
        max-width: 100%;
        max-height: 80%;
    }

    /* product list end */
    /* case list */
    .css_item {
        width: 46%;
        margin-left: 2%;
        margin-bottom: 10px;
    }

    .css_item:nth-child(3n-2) {
        margin-left: 2%;
    }

    .csshow .case_date {
        font-size: 14px;
        left: 0px;
        bottom: 0px;
        text-align: left;
        width: 100%;
        padding-bottom: 10px;
        background-color: #fff;
        padding-top: 5px;
        padding-left: 5px;
    }

    .abm_title {
        padding: 20px 0;
    }

    .abmc1_right {
        width: 100%;
        padding: 12px;
        background-repeat: no-repeat;
        background-position: top 24px right 77px;
        background-color: #fff;
    }

    .abmc1_left {
        width: 0%;
    }

    .abmc1_right_title {
        text-align: center;
    }

    .abmc1_right_txt {
        line-height: 1.5;
        font-size: 14px;
        color: #666;
        margin-top: 10px;
    }

    .abm_c1 {
        height: auto;
        margin-bottom: 10px;
        display: inline-block;
    }

    .abm_c2 {
        height: 200px;
        background-color: #085090;
    }

    /* case list end */
    /* contact list */
    .contact_main {
        padding: 20px 10px;
    }

    .ctt_title {
        font-size: 20px;
        color: #333;
        margin-bottom: 24px;
        font-weight: 777;
    }

    .ctt_col {
        border: 1px solid #e6e6e6;
        width: 47%;
        margin-left: 2%;
        height: 177px;
        padding-top: 10px;
        margin-bottom: 12px;
        border-radius: 5px;
    }

    .ctt_col:first-child {
        margin-left: 2%;
    }

    .ctt_img {
        margin-bottom: 6px;
        width: 50%;
    }

    .ctt_subtitle {
        font-size: 16px;
        color: #333;
        margin-bottom: 7px;
    }

    .ctt_col_content {
        font-size: 14px;
        color: #333;
    }

    .ctt_cols {
        margin-bottom: 10px;
    }

    .ctt_form_left {
        width: 96%;
        margin-left: 2%;
    }

    .ctt_input_outer {
        height: 40px;
        padding-left: 20px;
        margin-bottom: 10px;
        background-color: #f4f6f7;
    }

    .ctt_input_label {
        font-size: 16px;
        color: #333;
    }

    .ctt_input {
        height: 30px;
        width: 66%
    }

    .ctt_code {
        width: 52%;
    }

    .ctt_code_right {
        padding: 0 7px;
        background-color: #fff;
    }

    .ctt_cntl {
        margin-left: 7px;
        padding-bottom: 5px;
        border-bottom: 1px solid #333;
    }

    .ctt_input3 {
        width: 20%;
    }

    .ctt_form_right {
        width: 96%;
        margin-left: 2%;
        background-color: #f4f6f7;
        height: 180px;
    }

    .map_outer {
        margin-top: 10px;
    }

    .ctt_tareaouter {
        margin-left: 40px;
        margin-right: 20px;
        height: 100px;
    }

    .cttfr_title {
        height: 36px;
        padding-left: 20px;
        margin-bottom: 12px;
    }

    /* contact list end */
    /* news article */
    .nsp_title {
        font-size: 16px;
        color: #333;
        font-weight: 777;
        margin-bottom: 12px;
        line-height: 1.5;
        padding: 0 10px;
    }

    .nsp_date {
        font-size: 14px;
        color: #666;
        margin-bottom: 12px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 12px;
    }

    .nsp_content {
        margin-left: 7px;
        margin-right: 7px;
    }

    .nsp_right, .nsp_left {
        padding: 0 12px;
    }

    /* news article end */
    /* product article */
    .pda_right {
        display: none;
    }

    .pda_left {
        margin-right: 0px;
    }

    .pda_previewimg {
        width: 100%;
        height: 320px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: auto;
        border: 1px solid #d7d7d7;
    }

    .pda_previewtxt {
        padding: 10px;
        margin-left: 0px;
        min-height: unset;
        clear: both;
    }

    .pda_topwhite {
        background-color: #fff;
        padding: 10px;
    }

    .pda {
        background-color: #f4f6f7;
        padding-top: 10px;
    }

    .pda_labels > .nsl_link {
        font-size: 16px;
    }

    .pda_bottom_labels {
        margin-bottom: 10px;
    }

    .nsl_title {
        margin-top: 10px;
    }

    /* product article end */
    /* news list */
    .nsl_ul {
        padding-top: 10px;
    }

    .nsl_li {
        height: 160px;
        padding: 10px;
        border-top: 1px solid #d7d7d7;
    }

    .nslli_img {
        width: 0%;
    }

    .nslli_right {
        margin-left: 0%;
        padding-left: 5%;
        padding-top: 10px;
        margin-right: 100px;
        max-width: 724px;
    }

    .nslli_date {
        display: none;
    }

    .nslli_right {
        margin-right: 0;
    }

    .nslli_title {
        margin-bottom: 0px;
    }

    .nslli_desc {
        max-height: 60px;
        overflow: hidden;
    }

    .nslli_button {
        bottom: 15px;
        right: 50%;
        margin-right: -46px;
    }

    /* news list end */
    .page {
        margin: 10px 0;
    }

    .page a {
        padding: 6px 12px;
    }

    .nsl_li1 {
        padding: 15px 10px;
    }

    .nslli_title1 {
        font-size: 14px;
        width: 75%;
        padding: 5px 0;
    }

    .nslli_date1 {
        font-size: 14px;
        padding: 5px 0;
    }

    .cb_slogan {
        font-size: 14px;
    }

    .mobile_footer_bottom_inner {
        display: block;
    }

    .copyitem {
        font-size: 12px;
    }

    .certitem {
        font-size: 12px;
        padding-bottom: 20px;
        margin-top: 5px;
    }

    .footer_bottom_inner {
        display: none;
    }
}