html{margin: 0;padding: 0}
body{margin: 0;padding: 0;font-family:'sy-normal', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
button{padding: 0}
.img{position: relative;display: block;}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
:root{
    --main-color: #11121A;
    --main-color-hover: #1D2088;
    --fcolor: #999999;
    --fcolor2:#999999;
    --fcolor3:#666666;
    --hover: #0563ec;
    --fz12:12px;
    --fz13:13px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz22:22px;
    --fz24:24px;
}
header{border-bottom:1px solid hsla(228,9%,89%,.5);box-shadow: 0 8px 14px 0 rgba(0,0,0,.04)
}
header .content {width:96.25%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center}
header .content .left{display: flex;align-items: center;width:45%;justify-content: space-between;}
header .content .left .navs {display: flex;margin-left: 60px;align-items: center;justify-content: space-between;width: 68%}
header .content .left .navs span{height: 20px;border-right: 1px solid #b9b9bd}
header .content .left .navs a{line-height: 71px;font-size: var(--fz16);transition: all .3s}
/*header .content .left .navs a:last-child{margin-left: 70px}*/
header .content .left .navs a:hover{color: #166aea}
header .content .right {display: flex;align-items: center}
header .content .right .en_change{display: flex;align-items: center}
header .content .right .en_change span{cursor: pointer}
header .content .right .en_change span:hover .hkDbFG{fill:#166aea }
header .content .right  .hkDbFG{transition: all .3s}
header .content .right .btn{width: 128px;border-radius: 100px;padding:0 36px;box-sizing: border-box;display: block;line-height: 42px;text-align: center;border: 1px solid #166aea;color: #166aea;transition: all .3s ease;margin-left: 18px;font-size: var(--fz16)}
header .content .right .btn:hover {background-color: #166aea;color: #fff}
header .nav{display: none}
header .nav img{width: 24px;cursor: pointer}
header .nav img:last-child{display: none}
header .nav.active img{display: none}
header .nav.active img:last-child{display: block}



/*
手机导航栏
*/
.nav_top {position: fixed;top: 60px;width:430px;background-color: #fff;z-index: 8;height: 100vh;right: 0;border-top: 1px solid #eeeeee;visibility: hidden;opacity: 0;transition: all .3s;padding: 18px 24px 60px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between}
.nav_top.active{opacity: 1;visibility: visible;}
.nav_top .link a{display: block;padding: 10px 0;font-size: var(--fz20);}
.nav_top .link .line{height: 1px;background-color:  #e1e2e6;margin: 10px 0}
.nav_top  .btn {width: 80%;margin: 0 auto;min-width: 148px;text-align: center;padding: 24px 0;}
.nav_top  .btn a {color: #fff;line-height: 48px;display: block;background-color:#166aea;border-radius: 100px;}
.mengzhao {position: fixed;top: 60px;background-color:rgba(0,0,0,.2);left: 0;z-index: 7; height: 100vh;width: 100%;transition: all .3s;opacity: 0;visibility:hidden}
.mengzhao.active{visibility: visible;opacity: 1;}
.ov.active{overflow: hidden}














/*
公用宽度
*/
.w_content{width: 90.104%;margin: 0 auto}



.box_one{height: 140px;border-bottom: 1px solid #ebebeb}
.box_one .w_content{display: flex;align-items: center;height: 140px;justify-content: space-between}
.box_one .t{font-weight: 700;font-size: 40px;}
.box_one .right form{border-bottom: 2px solid #000;transition:all .3s ease;width: 264px;display: flex;justify-content: space-between;align-items: center}
.box_one .right form.active{width:360px;border-bottom: 2px solid #116dff;margin-right: -18px}
.box_one .right form:hover{border-bottom:2px solid #166aea}
.box_one .right input {border: 0;outline: 0;font-size: var(--fz16);padding:14px 0;transition: all .3s ease;cursor: pointer}
input[name="color"]::-webkit-input-placeholder { /* WebKit browsers */

    color: rgb(133,133,133);

    font-size:var(--fz16);

}
.E18U0C{width: 14px;}
.box_two{position: sticky;top: 0;box-shadow: 0 2px 7px 0 rgba(0,0,0,.05);transition: all ease;background-color: #fff;z-index: 5}
.box_two .w_content{display: flex;align-items: center;height:60px;color: #166aea;font-size: var(--fz16)}

main.bg{background-color: #f5f7f7;padding-top: 64px;}

.box_t .td{font-size: var(--fz20);font-weight: 700;color: #000;line-height: 1.6;margin-bottom: 20px}
.box_t .lis ul {display: flex}
.box_t .lis ul  li:first-child{padding-right: 14px;border-right:1px solid #bebebe }
.box_t .lis ul  li.active a {background: #0c6efc;color: #fff}
.box_t .lis ul  li a {padding:0 8px ;font-size:var(--fz14) ;line-height: 30px;display: block;border: 1px solid rgba(0,0,0,.2);transition: all .3s}
.box_t .lis ul  li a:hover{background-color: #0c6efc;color: #fff}
.box_t .lis ul  li:nth-of-type(n+2){margin-left: 10px}
.box_list{margin-top: 40px}
.box_list .list {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-column-gap: 60px;grid-row-gap: 35px}
.box_list .list .top{box-shadow: 0 6px 20px 0 rgba(0,0,0,.08);margin-bottom: 20px;position: relative}
.box_list .list .top:hover .op_link{opacity: 1;}
.box_list .list .top .op_link{position: absolute;width: 100%;height: 100%;background-color: hsla(0,0%,100%,.94);top: 0;display: flex;justify-content: center;flex-direction: column;align-items: center;transition: all .3s ease;opacity: 0}
.box_list .list .top .op_link>a{padding: 0 28px;border:1px solid #0c6efc;border-radius: 24px;line-height: 48px;display: block;color: #0c6efc;transition: all .3s ease}
.box_list .list .top .op_link>a:hover{background-color: #0c6efc;color: #fff;}
.box_list .list .top .op_link>a.active{background-color: #0c6efc;color: #fff;}
.box_list .list .top .op_link>a:nth-of-type(2){margin-top: 20px}
.box_list .list .top .op_link span{position: absolute;bottom: 20px;left:20px;border-bottom: .5px solid #000;font-size: var(--fz12); }

.box_list .list .top img{width: 100%;}


.page_link{margin-top: 120px;padding-bottom: 140px;}
.page_link ul{display: flex;justify-content: center;align-items: center}
.page_link ul li{font-size: var(--fz22);padding: 0 17px}

.page_link ul li a {font-size: var(--fz22);transition: all .3s}
.page_link ul li a.page_active{color: rgba(0,0,0,.2)}

.page_link ul li a:hover{color: #0c6efc}
.page_link ul li:first-child svg{fill:rgba(0,0,0,.2) }
.page_link ul li:nth-of-type(2) svg{fill:rgba(0,0,0,.2) }
.page_link ul li.left svg{transform: scaleX(-1);}
.page_link svg{width: 16px;}



/*
点击列表弹出
*/

.list_content {padding: 27px 20px 20px 20px;position: fixed;top: 0;height: 100vh;background-color: #fff;z-index: 9;width: 100vw;box-sizing: border-box;opacity: 0;visibility: hidden;transition: all .3s ease;display: none}
.list_content.active{opacity: 1;visibility: visible}
.list_content .btn{margin: 30px auto 30px;background-color: #116dff;text-align: center;min-width:90px;width: 25%;border-radius: 100px;transform: translateY(80vh);transition: all .2s ease}
.list_content .btn a {line-height: 48px;color: #fff;}
.list_content.active .btn{transform: translateY(0)}
.list_content.active .content{transform: translateY(0);opacity: 1;}
.list_content .content{transform: translateY(130px);opacity: 0;transition: all .3s .3s ease;overflow-y: auto }
.list_content .content p{line-height: 1.5em;}
.list_content .content span{margin-top: 20px;display: block}
.close{text-align: right}
.close img{width: 20px;display: inline-block;cursor: pointer;}
.list_content.active .h2{opacity: 1;}
.list_content .h2{text-align: center;font-size: var(--fz24);font-weight: 530;color: #20303c;margin-top: 10px;opacity: 0;transition: all .5s ease-in}
.list_content.active .im{transform: translateY(0);opacity: 1;}
.im{margin-top:25px;box-shadow: 0 0 5px 2px hsla(0,0%,55%,.351);transform: translateY(100vh);opacity: 0;transition: all .3s ease}
.im img{margin: 0 auto;width: 100%;}














footer {border-top: 1px solid #f0f1f2;padding: 60px 0; }
footer .content{width: 54.375%;margin: 0 auto;display: flex}
/*footer .left{flex: 1}*/
/*footer .left li{padding-right: 24px;width: 25%;}*/
/*footer .left li span {margin-bottom: 24px;font-size: var(--fz16);color: #20303c;display: block}*/
/*footer .left li .list a {margin-bottom:14px;display: block;color: #43515c;font-size: var(--fz14); }*/
/*footer .left ul {display: flex;justify-content: space-between}*/
footer .right{width: 100%;font-size: var(--fz14);}
footer .right a{margin-bottom: 24px;display: inline-block}
footer .right p {margin-bottom: 8px;line-height: 24px;color: #43515c}
footer .right .svg li a{padding: 0 5px 5px 0}
footer .right .svg{margin-top: 20px}
footer .right .svg svg{width: 20px;fill: #43515d;transition: all .3s ease}
footer .right .svg ul{display: flex;align-items: center;}
footer .right .svg ul li:nth-of-type(1):hover svg{fill:#3b5a98 }
footer .right .svg ul li:nth-of-type(2):hover svg{fill:#55acee }
footer .right .svg ul li:nth-of-type(3):hover svg{fill:#e81c00 }
footer .right .svg ul li:nth-of-type(4):hover svg{fill:#bf0012}
footer .right .svg ul li:nth-of-type(5):hover svg{fill:#4f60d4 }
footer .right .svg ul li:nth-of-type(6):hover svg{fill:#0f77b4 }
footer .right .svg ul li:nth-of-type(7):hover svg{fill:#00f2ea}

/*change 25-03-06 分页*/
.page_link a{border: 1px solid #657c9d;border-radius: 4px;width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;}
.page_link .prev a svg{transform: rotateZ(180deg)}
.page_link ul li{padding: 0 2px}
.page_link ul li a{font-size: 14px;}
.page_link ul li a.page_active{background-color: #1d1f20;border-color: #1d1f20;color: white}
.page_link ul li a:hover{background-color: #1d1f20;border-color: #1d1f20;color: white}