* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
}

.inner {
    max-width: 1532px;
    width: 96%;
    margin: 0 auto;
}

@font-face {
    font-family: "msyhbd";
    src: url('../font/msyhbd.ttf');
}

@font-face {
    font-family: "impact";
    src: url('../font/impact.ttf');
}

.header {
    position: relative;
    /* height: 891px; */
    /* background: url("../images/banner.png") no-repeat center; */
}

.banner-pic img {
    width: 100%;
}

.h-nav {
    height: 137px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ul-h-nav {
    display: flex;
    margin-right: 40px;
}

.ul-h-nav>li {

}

.ul-h-nav>li:last-child {
    margin-right: 0px;
}

.ul-h-nav>li>a {
    color: #fff;
    font-size: 18px;
}

.ul-lang {
    display: flex;
    align-items: center;
}

.ul-lang>li>a {
    font-size: 14px;
}

.Chinese {
    margin-right: 15px;
}

.Chinese>a {
    color: #a0a0a0;
}

.English>a {
    color: #000000;
}

.h-nav-w {
    display: flex;
    align-items: center;
}

.seek {
    margin-right: 26px;
}

.h-title {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.h-title>p:first-child {
    color: #ffffff;
    font-size: 60px;
    font-family: "msyhbd";
    line-height: 75px;
    user-select: none
}

.h-title>p:nth-child(2) {
    color: #e8b624;
    font-size: 24px;
    line-height: 40px;
    user-select: none
}

.logo {
    margin-left: -130px;
    user-select: none
}

.ul-i-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 150px 0 204px 0;
}

.home-pic {
    padding-bottom: 15px;
}

.ul-i-nav>li {
    /* margin-right: 297px; */
    margin-right: 33.33%;
    text-align: center;
}

.ul-i-nav>li:last-child {
    margin-right: 0;
}

.pro-t {
    color: #0069b3;
    font-size: 36px;
    font-family: "msyhbd";
    margin-bottom: 42px;
}

.pro-t1 {
    color: #666666;
    font-size: 20px;
    margin-bottom: 79px;
}

.pro-t2 {
    color: #999999;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 65px;
}

.more>a>span {
    color: #333333;
    font-size: 14px;
    vertical-align: middle;
    margin-left: 17px;
}

.product {
    margin: 0 16px 174px;
}

.product-w {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.pro-cw-cp {
    display: none;
    margin-top: 20px;
}

.por-c-w {
    width: 32.44%;
}

.pro-t-pic {
    margin-bottom: 60px;
}

.por-r-t {
    color: #000000;
    font-size: 24px;
}

/* --- */
.ptw{
    width: 22.58%;
}
.por-tt>p{
    color: #0069b3; 
}

.por-r-pic {
    margin:20px 0 42px 0;
}

.ul-por-r>li:nth-child(2), .ul-por-r>li:nth-child(3) {
    margin-bottom: 49px;
}

.ul-por-r>li:nth-child(4), .ul-por-r>li:nth-child(5) {
    margin-bottom: 40px;
}
.ul-por-r>li:nth-child(4) .por-r-t, .ul-por-r>li:nth-child(5) .por-r-t {
    margin-bottom: 8px;
}

.por-r-tt {
    line-height: 28px;
    color: #999;
    font-size: 16px;
}

.por-r {
    width: 24.28%;
}

.domain {
    padding-bottom: 231px;
    margin-bottom: 121px;
    background: url("../images/bg1.png") no-repeat center;
}

.do-title {
    color: #ffffff;
    font-size: 36px;
    margin-bottom: 11px;
}

.do-title1 {
    color: #afc5dc;
    font-size: 14px;

}

.do-title-w {
    padding: 100px 0 172px 0;
}

.ul-domain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 12px;
}

.ul-domain>li {
    width: 45.58%;
    margin-bottom: 53px;
}

.ul-domain>li>a {
    display: flex;
    align-items: center;
}

.domain-t {
    color: #fff;
    font-size: 30px;
    line-height: 38px;
}

.domain-tt {
    color: #f7db88;
    font-size: 28px;
    line-height: 38px;
}

.domian-w {
    width: 47.26%;
}

.do-pic {
    margin-right: 12px;
    width: 18.18%;
}

.new-l {
    width: 59.2%;
}

.new-title {
    color: #1e1e1e;
    font-size: 36px;
    margin-bottom: 10px;
}

.new-title1 {
    color: #a8a8a8;
    font-size: 14px;
    margin-bottom: 17px;
}

.new-pic {
    width: 28.56%;
}

.new-t-w {
    width: 68.8%;
}

.ul-new>li {
    margin-bottom: 25px;
}

.ul-new>li:last-child {
    margin-bottom: 0px;
}

.ul-new>li>a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.new-t-w>p {
    color: #737272;
    font-size: 16px;
}

.new-t-w .new-t {
    color: #000000;
    font-size: 20px;
    line-height: 32px;
}

.new-t:hover
{
    color:#0069b3;
}

.new-t1 {
    line-height: 28px;
    margin-bottom: 9px;
}

.new-t-w>p:last-child>span {
    vertical-align: middle;
    margin-left: 5px;
}

.new-more>a {
    padding: 0 0 9px 3px;
    border-bottom: 2px solid #0069b3;
}

.new-more>a>span {
    color: #868686;
    font-size: 16px;
    margin-right: 12px;
    vertical-align: middle;
}

.new-title-w {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new {
    display: flex;
    justify-content: space-between;
    margin-bottom: 124px;
    flex-wrap: wrap;
}

.new-r {
    width: 36.81%;
}

.industry-t-w {
    margin-top: 9px;
}

.industry-t-w>p {
    color: #4a4a4a;
    font-size: 17px;
    line-height: 49px;
}

.ul-partner {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2.23%;
}

.ul-partner>li {
    border: 1px solid #eeeeee;
    margin: 0 0 30px 2.23%;
    width: 22.77%;
    box-sizing: border-box;
}

.partner {
    padding: 76px 0 89px 0;
    background-color: #f3f3f3;
}

.ul-footer-nav>li {
    color: #ffffff;
    font-size: 16px;
}

.ul-footer-nav>li>a {
    color: #828282;
    font-size: 14px;
}

.footer {
    background-color: #1e1e1e;
    padding: 68px 0 102px 0;
}

.footer-nav {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

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

.ul-footer>li {
    /* margin-right: 113px; */
}

.ul-footer>li:last-child {
    margin-right: 0px;
}

.ul-footer-nav>li {
    margin-bottom: 18px;
}

.ul-footer-nav>li:last-child {
    margin-bottom: 0px;
}

.ul-footer-nav>li:first-child {
    margin-bottom: 25px;
}

.footer-logo {
    margin-top: 14px;
}

.footer-bar {
    width: 62.4%;
}

.footer-t-w .footer-t {
    color: #0069b3;
    font-size: 36px;
    font-family: "impact";
    line-height: 40px;
    margin: 11px 0 9px 0;
}

.footer-t-w>p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}

.footer-t-w>p:last-child {
    margin-top: 40px;
}

.QR {
    display: flex;
    justify-content: space-between;
    margin-left: 114px;
}

.top {
    position: fixed;
    /* right: 117px; */
    right: 6%;
    bottom: 524px;
}

.top>a {
    display: block;
    width: 67px;
    height: 67px;
    text-align: center;
    border: 1px solid #dfdfdf;
    background-color: #f3f3f3;
    box-sizing: border-box;
    padding-top: 14px;
    border-radius: 4px;
}

.top-pic {
    margin-bottom: 5px;
}

.top span {
    color: #353535;
    font-size: 15px;
}

.dom-t-w {
    width: 77.88%;
}

.home-pic>img:nth-child(2) {
    display: none;
}

.ul-i-nav>li>a span {
    color: #000000;
    font-size: 18px;
}

.home-pic img {
    margin: 0 auto;
}

.more {
    display: inline-block;
}

/* ------------------图片不变形-------------- */
.list-pic {
    position: relative;
    margin: 0 auto;
    /* max-width:238px; */
}

.list-pic>img {
    opacity: 0;
    width: 100%;
}

.p-draw 
{
    overflow:hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.p-draw img {
    transition: .5s;
    -webkit-transition: .5s;
    height: 336px;
}


.p-draws
{
    overflow:hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.p-draws img {
    transition: .5s;
    -webkit-transition: .5s;
    width:100%;
}


.p-drawss
{
    overflow:hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.p-drawss img {
    transition: .5s;
    -webkit-transition: .5s;
    max-height: 324px;
    height: 100%;
}

/* 顶部导航 */
.menu {
    display: none;
    cursor: pointer;
    margin-left: 10px
}

.menu>ul>li {
    width: 32px;
    height: 3px;
    background-color: #fff;
    margin-bottom: 5px;
}

.tc .menu>ul>li {
    background-color: #333
}

.menu>ul>li:nth-last-child(1) {
    margin-bottom: 0
}

.tc {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.5);
    transition: unset;
    -webkit-transition: unset;
}

.tc-cont {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding: 5px 25px 30px;
    box-sizing: border-box;
    /* margin-top: 84px; */
    /* border-top: 1px #232323 solid; */
}

.ul-tc {
    height: 80%;
    overflow-y: auto;
}

.ul-tc>li {
    color: #555555;
    font-size: 24px;
    width: 60%;
    border-bottom: 1px #232323 solid;
}

.ul-tc>li>a {
    display: block;
    padding: 15px 5px;
    cursor: pointer;
}

.menu2 {
    position: absolute;
    top: 20px;
    right: 10px;
    display: block;
}

/* --------------顶部搜索-------------- */
.ss2 {
    display: none;
    align-items: center;
    border-bottom: 1px #fff solid;
}

.ss2-go {
    background: url(../images/icon.png) no-repeat center;
    background-size: 15px;
    width: 35px;
    height: 15px;
    outline: none;
    cursor: pointer;
}

.ss2-inp {
    width: 500px;
    height: 56px;
    background-color: transparent;
    outline: none;
    font-size: 16px;
    color: #757575;
    color: #ffffff;
}

.ss2-inp::placeholder {
    font-size: 16px;
    color: #ffffff;
}

.header .ss2-go {
    background-image: url('../images/icon.png');
}


/* ----------------:hover效果--------------- */

.ul-i-nav>li>a:hover .home-pic>img:first-child {
    display: none;
}

.ul-i-nav>li>a:hover .home-pic>img:nth-child(2) {
    display: block;
}

.ul-i-nav>li>a:hover span {
    color: #0069b3;
}

.mouse:hover {
    cursor: pointer;
}

.lessen img {

}

.ul-h-nav>li>a:hover,
.ul-tc>li>a:hover,
.ul-lang>li>a:hover,
.ul-domain>li>a:hover .domain-t,
.more:hover span,
.previous:hover a{
    color: #0069b3;
}

.new-more>a:hover span {
    color: #0069b3;
}

.ul-footer-nav>li>a:hover {
    color: #fff;
}

.ul-cate>li>a:hover p {
    color: #ccc;
}

.ul-footer>li>a:hover {
    color: #F7CF91;
}

.glass, .p-draw {
    overflow: hidden;
    text-align:center;
}


.p-draws {
    overflow: hidden;
    text-align:center;
}

.p-draws:hover img {
    transform: scale(1.1);

}

.p-draws img {
    transition: .5s;
    -webkit-transition: .5s;
}

.glass:hover img, .glass2:hover img, .p-draw:hover img {
    transform: scale(1.1);

}

.ul-domain>li>a:hover .glass2 img {
    transform: scale(1.1);
}

.glass img, .glass2 img, .p-draw img {
    transition: .5s;
    -webkit-transition: .5s;
}
.ul-case>li:hover {
    box-shadow: 0 0 10px 0 #cfcfcf;
}


.industry-t-w>p{
    display: flex;
    align-items: center;
}
.industry-t-w>p>span{
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #aaa;
    margin-right: 5px;
}
.industry-t-w>p:hover{
    cursor: pointer;
    color: #0069b3;
}
.industry-t-w>p:hover span{
    background-color: #0069b3;
}


/* 二级 */
.ul-rank {
    position: absolute;
    top: 60px;
    background-color: #fff;
    width: 176px;
    left: 50%;
    transform: translateX(-50%);
    z-index:9999;
}

.ul-rank>li>a {
    display: block;
    color: #303030;
    font-size: 16px;
    height: 63px;
    line-height: 63px;
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ul-h-nav>li {
    position: relative;
}

.ul-h-nav>li>a {
    padding: 0 38px 42px;
}

.ul-rank>li:first-child {
    border-top: 6px solid #0069b3;
}

.ul-rank>li>a:hover {
    color: #0069b3;
    font-family: "msyhbd";
}
.ul-h-nav {
    margin-right: 0px;
}



.ul-nav3 {
    display: none;
    padding: 10px 15px;
    padding-top: 0
}

.ul-nav3 a {
    display: block;
    padding: 10px 0;
    cursor: pointer;
    border-bottom: 1px #232323 solid;
}

.ul-nav3>li:nth-last-child(1) a {
    border-bottom: none;
}
.ul-nav3>li>a:hover{
    color: #0069b3;
}
.brief-par
{
    margin-top:100px;
}
.place-wrap
{
    margin-top:100px;
}
.advisory
{
    margin-top:100px;
}
.marketing
{
    margin-top:100px;
}


/*2023-7-10*/
.pro_w{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:145px 0 50px 0; max-height:999999px;}
.pro_lf{ width:275px; position:relative;}
.sbg{ display:none;}
.sider_ico{ display:none;}
.sider{ padding:25px 0 0 0;}
.sider span{ display:block; line-height:30px; padding:10px 0; cursor:pointer;}
.sider span a{ font-size:16px; color:#333; padding:0 20px;}
.sider .pro_bot{ display:none;}
.sider .pro_bot p{ line-height:30px; padding:5px 0;}
.sider .pro_bot p a{ font-size:14px; color:#333; padding:0 20px;}
.sider .pro_bot p.s_cur{ background:#0069b3;}
.sider .pro_bot p.s_cur a{ color:#fff!important; font-weight:bold;}
.sider .pro_bot p.s_cur em{ font-weight:500;}
.sider .on{ line-height:40px;}
.sider .on a{ font-weight:bold;}
.sider a:hover{ color:#0069b3!important;}
.pro_rt{ width:calc(100% - 310px);}
.pro_rt .p-draw{ left:10px; right:10px; top:10px; bottom:10px; width:auto; height:auto;}
.pro_list{ overflow:hidden;}
.pro_list ul{ width:102.865%; display:flex; flex-wrap:wrap;}
.pro_list ul li{ margin:0 2.865% 50px 0; width:30.46833333333333%;}
.pro_list ul li .pic{ width:100%; position:relative; border:5px solid #f0f0f0; box-sizing:border-box;}
.pro_list ul li .pic a{ display:block;}
.df_img{ display:block; width:100%;}
.pro_list ul li .txt{ padding:15px 0 0 0;}
.pro_list ul li .txt h3{ line-height:48px; text-align: center;}
.pro_list ul li .txt h3 a{ font-size:16px; color:#0069b3; font-weight:bold;}
.pro_list ul li .txt p{ font-size:14px; color:#353535; line-height:30px;/* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ width:100%; box-sizing:border-box; position:relative; height: 30px; text-align: center;}
.pro_list ul li .txt p em{ display:block; position:absolute; left:0; top:0; font-style:normal;}
.pro_rt .sorter{ margin:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.pro_tit{ font-weight:bold; color:#0069b3; border-bottom:1px solid #f0f0f0; line-height:35px; font-size:30px; padding-bottom:15px;}
.dt_con1{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:50px 0;}
.dt_con1 .pic{ width:47.54%; position:relative; border:5px solid #f0f0f0; box-sizing:border-box;}
.dt_con1 .txt{ width:48.35%; font-size:14px; color:#353535; line-height:30px; padding-left:10px;}
.dt_con1 .txt p{ font-size:14px; color:#353535; line-height:30px; padding-left: 50px;/* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*/ width:100%; box-sizing:border-box; position:relative;}
.dt_con1 .txt p em{ display:block; position:absolute; left:0; top:0; font-style:normal;}
.p_tit1{ font-size:20px; color:#0069b3; line-height:50px;}
.dt_con2{ border-top:1px solid #f0f0f0; padding:32px 0 0 0;}
.dt_con2 .txt{ padding:0 0 20px 0; font-size:14px; line-height:30px; color:#353535;}
.dt_con2 .txt p{ font-size:14px; line-height:30px; color:#353535;}
.dt_con2 .txts{ padding:0 0 20px 0; font-size:14px; line-height:30px; color:#353535;}
.dt_con2 .txts p{ font-size:14px; line-height:23px; color:#353535;}
.dt_con2 .txts table{ max-width:100%; width:100%; border-right:#000000 solid 1px !important; border-top:#000000 solid 1px !important; float: left; margin-right: 30px; border-collapse:collapse !important;}
.dt_con2 .txts table tr td{ font-size:14px; line-height:32px; border-left:#000000 solid 1px !important; border-bottom:#000000 solid 1px !important; text-align:center !important;}
.dt_con3{ border-top:1px solid #f0f0f0; padding:15px 0 0 0;}
.xj_pro{ display:flex; flex-wrap:wrap; width:101.5%;}
.xj_pro li{ margin:15px 1.5% 0 0; width:18.5%;}
.xj_pro li a{ display:block;}
.xj_pro li .pic{ width:100%; position:relative; border:5px solid #f0f0f0; box-sizing:border-box;}
.xj_pro li p{ text-align:center; color:#666; font-size:14px; line-height:22px; margin-top:15px;}
.xj_pro li a:hover p{ color:#0069b3;}