.container {
    width: 1200px;
    margin: 0 auto;
}

.header {
    height: 200px;
    background: url("http://221.228.242.78:9092/static/yixing/images/head_bg.png") no-repeat;
    background-size: 100% 100%;
}

.header .header_content {
    display: flex;
    justify-content: space-between;
}

.header .header_content .logo {
    padding-top: 76px;
}

.header .header_content .input {
    margin-top: 52px;
    width: 245px;
    height: 40px;
    border: 2px solid #93c0ff;
    border-radius: 5px;
    position: relative;
}

.header .header_content .input img {
    width: 25px;
    cursor: pointer;
    right: 10px;
    top: 5px;
    cursor: pointer;
    position: absolute;
}

.header .header_content .input input {
    width: 100%;
    height: 100%;
    padding-left: 5px;
    border-radius: 5px;
    outline: none;
    background: none;
    border: 0;
    font-size: 14px;
    padding-right: 35px;
    background: rgba(255, 255, 255, 0.5);
}

.header .header_content .input input::-webkit-input-placeholder {
    /* color: #c9c9c9; */
    color: #999;
}

.nav {
    height: 46px;
    background: linear-gradient(to bottom, #1b7bff, #017ac2);
}

.first_level_nav>ul {
    display: flex;
    justify-content: space-between;
}

.first_level_nav {
    position: relative;
}

.first_level_nav>ul>li:hover {
    content: '';
    height: 46px;
    background: url("../images/nav_bg.png") no-repeat;
    background-size: 100% 100%;
}

.first_level_nav>ul>li:hover:after {
    content: '';
}

.first_level_nav>ul>li>a {
    width: 148px;
    line-height: 46px;
    display: block;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.first_level_nav>ul>li::after {
    content: '|';
    color: #fff;
    position: absolute;
    top: 10px;
}

.first_level_nav>ul>li:nth-child(1):after {
    content: '';
}

.first_level_nav>ul>li>a:hover {
    height: 46px;
    background: url("../images/nav_bg.png") no-repeat;
    background: 100% 100%;
}

.first_level_nav>ul>li:hover .secondary_nav {
    display: block;
}

.first_level_nav .secondary_nav {
    display: none;
}

.first_level_nav .secondary_nav ul {
    border: 2px solid #a5cbfd;
    position: relative;
}

.first_level_nav .secondary_nav ul>li>a {
    height: 27px;
    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 27px;
    color: #808080;
    font-weight: bold;
    background: #ffffff;
}

.first_level_nav .secondary_nav ul>li>a:hover {
    background: #ddebff;
    color: #1879ff;
}

.first_level_nav .secondary_width {
    width: 120%;
}

.first_level_nav .secondary_nav .secondary_dw {
    position: absolute;
}

.first_level_nav .secondary_nav .secondary_dw>li>a {
    text-align: left !important;
    padding-left: 40px;

}

.nav_active {
    background: #0095ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

main {
    padding-bottom: 66px;
    padding-top: 65px;
    background: #f2f8fc;
}

.introduction {
    display: flex;
    justify-content: space-between;
    /*max-width: 1483px;*/
    width: 1230px;
    margin: 0 auto;
    background: #fff;
    border-radius: 20px;
    padding: 55px 62px 51px 40px;
    box-shadow: 0 0 10px #ccc;
}

.public_title {
    position: relative;
    margin-bottom: 54px;
}

.public_title h1 {
    font-size: 41.6px;
    position: relative;
    z-index: 2;
}

.public_title .title_line {
    width: 204px;
    height: 16px;
    position: absolute;
    bottom: -5px;
    background: #5fa4fe;
}

.introduction .introduction_left {
    width: 53%;
}

.introduction .introduction_left p {
    color: #5b5b5b;
    font-size: 25px;
    letter-spacing: 1px;
    text-indent: 2em;
    line-height: 32px;
    font-family: 'SourceHanSansCN-Regular';
}

.introduction .introduction_right {
    width: 41%;
}

.new_container {
    width: 1230px;
    margin: 0 auto;
}

.service_list {
    width: 1230px!important;
    margin-top: 82px;
    padding: 0 34px 0 38px;
}

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

.service_list .service_item {
    text-align: center;
}

.service_list .service_item a {
    font-size: 25px;
    color: #333333;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
}

.main_link_list {
    margin-top: 78px;
}

.main_link_list .link_list_ul {
    padding-bottom: 19px;
    margin-bottom: 64px;
    background-image:
        linear-gradient(#f2f8fc 40%, #f2f8fc 40%),
        /* 红色背景层 */
        linear-gradient(#e3effe 60%, #e3effe 60%);
    /* 蓝色背景层 */
    background-size: 100% 40%, 100% 60%;
    /* 每个背景层占100%宽、50%高 */
    background-position: top, bottom;
    /* 红色在顶部，蓝色在底部 */
    background-repeat: no-repeat;
    /* 禁止重复 */
}

.link_list_ul .link_bg {
    padding-bottom: 53px;
    background: url("../images/link_bg.png") no-repeat;
    background-size: 100% 100%;
}

.link_list_ul .link_bg .link_title {
    width: 447px;
    height: 78px;
    color: #fff;
    padding-left: 36px;
    padding-top: 10px;
    background: url("../images/link_title.png") no-repeat;
    background-size: 100% 100%;
}

.link_bg .link_title h1 {
    font-size: 40px;
    letter-spacing: 1px;
}

.link_list_ul .link_list {
    display: flex;
    justify-content: space-between;
    padding: 0 33px 0 42px;
    margin-top: 47px;
}

.link_list .link_item {
    width: 311px;
    text-align: center;
}

.link_list .link_item a {
    font-size: 18px;
    color: #043d86;
}

.link_list .link_item a p {
    letter-spacing: 1px;
    margin-top: 12px;
    font-family: 'AlibabaPuHuiTi-3-65-Medium';
}

.link_list .link_item .link_img {
    width: 100%;
    min-height: 236px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #4ba1fe;
    border-radius: 10px;
}

.link_list_ul .more {
    display: flex;
    margin-top: 16px;
    justify-content: flex-end;
}

.link_list_ul .more a {
    display: block;
    width: 149px;
    height: 44px;
    color: #fff;
    padding-right: 21px;
    font-size: 25px;
    line-height: 44px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #348cff;
    border-radius: 15px;
}

.link_list_ul .more a:hover {
    opacity: .8;
}

.link_title_ul {
    height: 86px;
    display: flex;
    position: relative;
}

.link_title_ul .title_item {
    font-size: 32px;
    letter-spacing: 2px;
    color: #023c85;
    padding-top: 7px;
    font-weight: bold;
    cursor: pointer;
}

.link_title_ul .title_item:nth-child(1) {
    width: 219px;
    height: 70px;
    position: absolute;
    z-index: 3;
    padding-left: 36px;
    background: url("../images/zhiya_title.png") no-repeat;
    background-size: 100% 100%;
}

.link_title_ul .title_item:nth-child(2) {
    width: 228px;
    height: 70px;
    color: #fff;
    position: absolute;
    z-index: 2;
    left: 170px;
    font-weight: bold;
    color: #023c85;
    padding-left: 110px;
    background: url("../images/zhiya_title.png") no-repeat;
    background-size: 100% 100%;
}

.link_title_ul .title_item:nth-child(3) {
    width: 228px;
    height: 70px;
    position: absolute;
    left: 280px;
    padding-left: 115px;
    background: url("../images/zhiya_title.png") no-repeat;
    background-size: 100% 100%;
}

.link_title_ul .active_pledge {
    width: 282px !important;
    height: 86px !important;
    position: relative;
    z-index: 3;
    color: #fff !important;
    font-size: 40px !important;
    background: url("../images/link_title1.png") no-repeat !important;
    background-size: 100% 100%;
}

.link_title_ul .active_insurance {
    width: 228px !important;
    height: 86px !important;
    position: absolute;
    z-index: 2;
    left: 170px;
    letter-spacing: 20px;
    padding-left: 65px !important;
    font-size: 40px !important;
    color: #fff !important;
    background: url("../images/select_active2.png") no-repeat !important;
    background-size: 100% 100%;
}

.link_title_ul .active_evaluation {
    width: 228px !important;
    height: 86px !important;
    position: absolute;
    z-index: 3 !important;
    left: 170px;
    letter-spacing: 20px;
    padding-left: 65px !important;
    font-size: 40px !important;
    color: #fff !important;
    background: url("../images/select_active2.png") no-repeat !important;
    background-size: 100% 100%;
}

.link_title_ul1 {
    display: flex;
}
#link_title_ul1 .title_item{
    position: relative;
}
#link_title_ul1 .title_item  div{
    font-weight: bold;
    text-align: center;
    position: absolute;
}
#link_title_ul1 .item_active {
    width: 318px;
    height: 86px;
    font-size: 40px;
    color: #fff;
    display: none;
    background: url("../images/new_item_active.png") no-repeat !important;
    background-size: 100% 100%;
}

.link_title_ul1 .title_item .item_not_active{
    width: 228px;
    height: 70px;
    font-size: 32px;
    color: #023c85;
    background: url("../images/zhiya_title.png") no-repeat !important;
    background-size: 100% 100%;
}

.test_active .item_not_active{
    display: none;
}
.test_active .item_active{
    display: block!important;
}
#link_title_ul_two {
    height: 86px;
}
#link_title_ul_two .active_evaluation,
#link_title_ul_two .active_insurance{
    width: 318px!important;
    z-index: 3!important;
    letter-spacing: 4px;
    background: url("../images/new_item_active.png") no-repeat!important;
    background-size: 100% 100%!important;
}







.patent_nav {
    overflow: hidden;
}

.patent_nav a {
    display: block;
    transition: all .5s ease-in-out;
}

.patent_nav a:hover {
    transform: scale(1.05);
}

footer {
    padding: 18px 0;
    background: #1879ff;
}

footer .footer_content .footer_content_flex {
    display: flex;
    justify-content: center;
}

footer .footer_content .li {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #fff;
}

footer .footer_content .li:nth-child(1) {
    margin-right: 157px;
}

footer .footer_content .li img {
    margin-right: 10px;
}

footer .footer_content .li .text {
    border-top: 1px solid #569dff;
    padding: 2px 0;
    border-bottom: 1px solid #569dff;
}

footer .copy_right {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 30px;
    /* border-top: 1px solid #b9b8b8; */
    /* padding-top: 20px; */
}

footer .copy_right p:nth-child(1) {
    margin-bottom: 20px;
}

footer .copy_right p:nth-child(1) span {
    margin-right: 20px;
    margin-left: 20px;
}

footer .copy_right p span {
    border-top: 1px solid #569dff;
    padding: 2px 0;
    border-bottom: 1px solid #569dff;
}