html {background-color: #F3F3F3;}

/*宽度1400px*/
.content-1400 {width: 1400px;margin: 25px auto 0 auto;font-size: 14px;background-color: #fff;box-sizing: border-box;padding: 48px 40px 20px 40px;min-height: 200px;margin-bottom: 20px;}

.content-1400-title {border-bottom: 1px solid #F3F3F3;padding-bottom: 10px;}

.content-1400-title-wrapper {border-bottom: 1px solid #F3F3F3;padding-bottom: 10px;}

.content-1400-title-group {display: inline-block;}

.content-1400-title-group .content-1400-title-item {display: inline-block;vertical-align: bottom;}

.content-1400-title-group .content-1400-title-main {font-size: 24px;color: #333;}

.content-1400-title-group .content-1400-title-main > span {color: #206BD1;}

.content-1400-title-group .content-1400-title-sub {font-size: 18px;color: #DCDCDC;}

/*宽度1400px带导航*/
.content-1400-nav {width: 1400px;margin: 25px auto;font-size: 14px;box-sizing: border-box;position: relative;display: flex;}

.content-1400-nav-left {width: 220px;background-color: #fff;height: fit-content;}

.content-1400-nav-right {flex: 1;margin-left: 40px;font-size: 14px;background-color: #fff;box-sizing: border-box;padding: 48px 40px 20px 40px;}

.c4nl_title {box-sizing: border-box;padding: 23px 20px 18px 40px;background-color: #206BD1;}
.c4nl_titles{box-sizing: border-box;background-color: #206BD1;padding: 23px 14px 18px 20px;}
.c4nl_title_product{
    background-color: #206BD1;
}

.c4nl_title > h1 {font-size: 22px;color: #fff;}

.c4nl_line {height: 1px;background-color: #fff;opacity: 0.2;margin-top: 4px;margin-bottom: 5px;}
.c4nl_title_product .c4nl_line{
    color:#FFF;opacity: 1;
    background-color: #206BD1;border-top: 1px solid #FFF;
}

.c4nl_title > span {font-size: 16px;color: #fff;}

.c4nl_list {box-sizing: border-box;padding: 0 10px;max-height:681px;overflow-y: auto;}
.c4nl_list::-webkit-scrollbar {
    width: 0;
  }
     
.c4nl_item {text-align: center;height: 58px;line-height: 58px;border-bottom: 1px solid #F3F3F3;}

.c4nl_item:last-child {border-bottom: none;}

.c4nl_item > a {position: relative;font-size: 16px;color: #666;padding-left: 15px;display: inline-block;min-width: 69px;width:100%;text-align: left;}

.c4nl_item > a::before {position: absolute;left: 0;top: 19px;width: 4px;content: "";background-color: transparent;height: 0;display: inline-block;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.c4nl_item:hover > a::before {height: 20px;background-color: #206BD1;}

.c4nl_item:hover > a {color: #206BD1;transition: all .3s ease-in-out;}

.c4nl_item .c4nl_active {color: #206BD1;}

.c4nl_item .c4nl_active::before {position: absolute;left: 0;top: 19px;width: 4px;content: "";background-color: #206BD1;height: 21px;display: inline-block;}
.content-1200{
    width:1160px;
}
@media screen and (max-width: 900px) {
    html{background-color: #fff;}
    .content-1400{width: 100%;margin: 0;padding: .5rem .5rem;background-color: #fff;min-height: auto;}
    .content-1400-nav{width: 100%;margin: 0;padding: .24rem .24rem;background-color: #fff;padding-top: 0;}
    .content-1400-nav-left{display: none;}
    .content-1400-nav-right{margin-left: 0;padding: 0 !important;width: 100%;}
}