html {  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  font-size: 100px; background-color: #f7f7f7;}
body {  color: #444;  line-height: 1.6;  font-size: 14px;  font-family:'microsoft yahei', 'helvetica neue', tahoma, 'PingFang SC', arial, 'hiragino sans gb', sans-serif;  -webkit-font-smoothing: antialiased;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {  margin: 0;  padding: 0;}
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;  padding: 0;  border: 0;  background: 0;}
button:focus,input:focus,optgroup:focus,select:focus,textarea:focus {  text-decoration: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  outline: none;}
textarea {  resize: none;}
img {  border: 0;  vertical-align: bottom;}
a {  text-decoration: none;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  outline: none;}
a,a:hover,a:active,a:visited,a:link,a:focus{  -webkit-tap-highlight-color:rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;  outline:none;  background: none;  text-decoration: none;}
ul,li {  list-style: none;}
h1,h2,h3,h4,h5,h6 {  font-size: 100%;  font-variant: normal;}
.clearfix:before,.clearfix:after {  content: "";  display: table;}
.clearfix:after {  clear: both;  overflow: hidden;}
.clear-p-t{  padding-top: 0 !important;}
.clear-margin{  margin: 0 !important;}
.clear-b-margin{  margin-bottom: 0 !important;}
.light{	color: #0052D9;}
.p-light{	padding-left: 5px;}
.pc-box{  display: block;}
.mobile-box{  display: none;}
.mobile-box-2{  display: none;}
.fl{float: left}
.fr{float: right;}

.wrap_content{ position:relative; z-index: 1;}
/* 页面最小高 */
.null_content{  min-height: 600px;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
.text-right {text-align: right !important;}

/*页头*/
.wrap{ display: block; width: 100%;position: relative;overflow-x: hidden;}
.wrap_head{ display:block; width:100%; height: 72px;position: fixed; top: 0; left: 0; right: 0; z-index: 9; border-bottom: 1px solid #dfdfdf;
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.1);
}
.head_con{ display:block; width:1200px; height: 72px;  margin: 0px auto; z-index: 2; position: relative; }
.head_con .logo{ display:block; height:54px; width: 207px; position: absolute; left: 0; top: 9px;}
.head_con .logo h1{ display:block; height: 54px; width: 414px; text-indent: -9999px; overflow: hidden;background-size: 100% 100%;}
.header-seat{padding-bottom: 72px; transition: .25s ease;}
.head_con .line{    width: 64px;    height: 3px;   position: absolute;    left: 30px;    bottom: 10px;    background: #00a0e9;}

/*菜单*/
.menu_list{ display: block; height:72px; position: absolute; right: 0; top: 0; cursor: pointer; opacity: 1; transition:opacity 0.3s linear;transform: translate(0px,0);}
.menu_list .menu_item{ display: inline-block; height:72px; float: left; margin-left: 30px; position: relative;}
.en-us .menu_list .menu_item{  margin-left: 36px;}
.menu_list .menu_item .txt{ display: block; height:72px; line-height: 72px; font-size: 16px; color: #2b2e2e; font-weight: bold; opacity: 0.95; -webkit-transition:color 0.3s linear; position: relative; z-index: 2;}
.menu_list .menu_item .txt:hover{  opacity: 1;}
/*.menu_list .menu_item .txt:after{ display:block; content:""; height: 4px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #00a0e9; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}*/
.menu_list .menu_item .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #00a0e9; opacity: 1;}
.menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
.menu_list .menu_item.menu_item_lan{ display:none;}
.menu_list .menu_item .menu_hook{ display:none; width: 100%; height: 445px; position: absolute; left: -36px; top: 0px; z-index: 1;}

.en-us .menu_list .menu_item{ margin-left: 60px;}
.en-us .sub_list li a{ padding:10px 0;}

.sub_list{display: none; position: absolute; width:160px; left: 50%; margin-left: -80px; text-align: center; z-index: 2; }
.sub_list li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 13px 0;}
.sub_list li a:hover{ opacity: 1;}

.head_white{
    background: #f7f7f7;
}

/* 模块背景颜色 */
.white-bg{
    background-color: #f7f7f7;
}
.gray-bg{
    background-color: #fbfbfb;;
}
/* .head_white.fixed{
  position: fixed;
  top: -72px;
} */
.submenu_show .logo h1,.head_white .logo h1{ background-image: url(../images/menu_logo.png?v=20220419);background-size: 100% 100%;}
.submenu_show .menu_list .menu_item .txt,.head_white .menu_list .menu_item .txt{ color: #2b2e2e;}
.head_white .menu_list .active-tab .txt{ color: #00a0e9; font-weight: bold;}

.submenu_show.search_area_show .search_area,.head_white.search_area_show .search_area{ width: 676px; background: #f6f6f6; }
.submenu_show.search_area_show .search_area .search_icon,.head_white.search_area_show .search_area .search_icon{ opacity: 0.3; }
.submenu_show.search_area_show .search_area .ipt_search,.head_white.search_area_show .search_area .ipt_search{ color: #2b2e2e;}
.submenu_show .lang_area a,.head_white .lang_area a{ color: #2b2e2e;}
.submenu_show .lang_area .s_line,.head_white .lang_area .s_line{ color: #2b2e2e;}
.submenu_show .menu_list .menu_item.sublist_show .sub_list,.head_white .menu_list .menu_item.sublist_show .sub_list{ -webkit-animation:a_menu_item_show 0.2s ease-out both;}
.submenu_show .menu_list .menu_item.sublist_hide .sub_list,.head_white .menu_list .menu_item.sublist_hide .sub_list{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}
.submenu_show .menu_list .menu_item .menu_hook{ display:block;}
.submenu_hide,.sublist_hide{ pointer-events:none;} /*避免鼠标快速移动触发鼠标对菜单收回动画延迟 一进多出显示bug*/
.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}


.mainwrapper{width:1200px;margin:0 auto;clear:both;float:none; position:relative;}
.banner_new{ width:100%; height:auto; background:none; overflow:hidden;}
.mob-banner_new{width:100%; height:auto; background:#29333c; overflow:hidden;}


#swiper1{font-size:0; width:100%; margin:0 auto; max-height: 480px; height: 40vw;}
#swiper1 a{ font-size:0;}
#swiper1 .swiper-slide{ overflow:hidden;}
.swiper-pagination-bullet{ background-color: rgba(255,255,255,.6); opacity: 1;}
.swiper-pagination-bullet-active{background-color: rgba(255,255,255,1)}
.item_text{position:absolute;top:0;left:0;display:block;width:100%;max-height: 480px; height: 40vw;}
.item_text .con_box{width:100%; max-width: 1920px; max-height: 480px; height: 40vw;margin:0 auto;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box; text-align:left; position:relative;}
.item_text .con_box img{ width:  100%; height: 100%; object-fit: cover;}
/*页脚*/
.wrap_footer{ width:100%; background: #fbfbfb; position: relative; z-index: 1;}
.footer_con{ width:1200px; margin: 0 auto; height: 380px; position: relative;padding-top: 33px}
.footer_con .tit{ display:block; font-size: 20px; color: #5f6464; font-weight: normal; margin-bottom: 30px; }
.footer_con ul li a{ display:block; font-size: 16px; color: #5f6464; font-weight: normal; margin-bottom: 18px;}


.focus_us{ display: block; height: 55px; width: 100%; border-bottom: 1px solid #f2f3f5; padding-top: 33px; margin-bottom: 40px;}
.focus_us .tit{ float: left; margin-right: 33px; }
.focus_us .focus_list li{ display:inline-block; float: left; margin-right: 28px;}
.focus_us .focus_list li a{ display:block; height: 28px; width: 28px;}

.wechat-code {    width: 176px;    position: absolute;    left: 0;    top: -186px;    z-index: 2;    display: block;    display:none;    opacity: 0;    transition: opacity 0.2s linear;    pointer-events:none;}
.focus_us .focus_list li a:hover .wechat-code{    display: block;    opacity: 1;}

.join_us,.contact_us,.legal_info{ float: left; width: 216px;}
.contact_us{ }
.legal_info{ }

.logo_footer{ display: block; height: auto; width: 221px; position: absolute; right: 75px; top: 30%; margin-top: -21px;}
.logo_footer img{
    width: 100%;
}
.footer_area{ display:block; width: 100%; position: absolute; bottom: 51px; left: 0px;}
.footer_area .links li{ display:inline-block; float: left; margin-right: 20px;}
.footer_area .links li a{ font-size: 14px; color: #5f6464; margin-bottom: 0px;}
.footer_area .copyright{ font-size: 14px; color: #5f6464; float: right;}
.footer_area .copyright .flag_num{ display:none;}
.footer_area .copyright a{color: #5f6464;margin-right: 10px;}

/*页脚移动端元素*/
.footer_area .flag_m{ display: none;}
.back_to_top{ display:none;}

.t-flx{width: 100%; text-align: center;}
.mod-m-title{ overflow: hidden; text-align: center; font-size: 30px; color: #2a2e2e; font-family:  'TencentSansw7', 'Microsoft Yahei , Arial'; position: relative; display: inline-block; line-height: 2;}
.mod-m-title:after{ position: absolute;content: ""; left: 0; bottom: 0px; height: 4px; width: 100%; background: #2a2e2e}
.mod-m-desc{    font-size:15px;    color:rgba(95,100,100,1);    line-height:1.6;    width: 100%;  overflow: hidden;    text-align: left; text-indent: 2em;    margin-top: 8px;  padding: 0px 8px; box-sizing: border-box; padding-top: 10px;}
.mod-m-title{font-weight: normal;}
.mod-s-title{width: 100%;    overflow: hidden;    text-align: center; padding: 0 8px;   font-size: 26px;    color: #2a2e2e;    font-family:  'TencentSansw7', 'Microsoft Yahei , Arial';}
.mod-s-title2,.mod-s-title3{display: none;}

/* 内容模块 */
.brand-item{    position: relative;}
.brand-item.white-bg{    padding-top: 70px;    padding-bottom: 70px;}
.brand-item.gray-bg{    padding-top: 96px;    padding-bottom: 96px;}
.brand-item .label-box{    width: auto;    float: left;}
.business .brand-item .label-box,.student .label-box,.together .label-box{    min-width: 240px;    margin-right: 20px;}
.brand-item .label-box img{    display: inline-block;}
.brand-item .desc-box{    overflow: hidden;}
.brand-item .label-box h3{    font-size: 30px;    color: #2a2e2e;    font-family: 'TencentSansw7';}
.t-line-flx{    padding-bottom: 24px;    border-bottom: 1px solid #F2F3F5;    margin-bottom: 50px;}
.brand-item .desc-box .desc{    font-size: 14px;    line-height: 25px;    color: #5f6464;    margin-top: 7px;}
.en-us .brand-item .desc-box .desc{ text-align:justify;}
.brand-item .desc-box .go-icon{    margin-top: 15px;    display: inline-block;}
.brand-item .desc-box .go-icon img{    width: 40px;}
.brand-item .look-more{    float: right;    margin-top: 12px;}
.brand-item .look-more a{    font-size: 16px;    color: #5F6464;    letter-spacing: 0;    font-weight: bold;}

.mod-section-ad{    width: 100%;    height: 482px;    overflow: hidden;}
.mod-s-con{    width: 1200px;    margin: 0 auto;}
.mod-con{    width: 1200px;    margin: 0 auto;}
.mod-tab .clearfix{    overflow-x:hidden;    overflow-y: hidden;    position: relative;    height: 72px;}
.mod-tab .clearfix ul{ position: absolute; left: 16px; top: 0; height: 72px; padding-left: 0px; padding-right: 0px; box-sizing: border-box; display: block; white-space: nowrap;}

.mob-wrapper{display: none;width: 100%; max-height: 315px; height: 42vw; overflow: hidden; background-color: #29333c;}
.mob-wrapper h2{font-weight: 400;margin-top: 48px;margin-left:30px;font-size: 30px;color: #2b2e2e;}
#swiper2{font-size:0; width:100%; margin:0 auto; max-height: 315px; height: 42vw;}
#swiper2 a{ font-size:0;}
#swiper2 .swiper-slide{ overflow:hidden;}

.team-content{ background-color: #efefef; width: calc(100% - 16px); margin: 62px 8px 0 8px ;  }
.team-content .item-box{ padding: 20px; display: flex; position: relative;}
.team-content .item-box:after{ content: ""; left: 20px; right: 20px; position: absolute; border-top: 1px solid #ddd;  top: 0;}
.team-content .item-box:first-child:after{ content: "";border: none;}
.team-content .item-box .item-box-img{ width: 175px; height: 250px;}
.team-content .item-box .item-box-img img{width: 100%; height: 100%; object-fit: cover}
.team-content .item-box .item-box-con{ flex: 1; text-align: left;  padding-left: 50px; box-sizing: border-box;}
.team-content .item-box .item-box-con .item-title{font-size: 32px; line-height: 80px; color: #000;}
.team-content .item-box .item-box-con .item-setitle{font-size: 18px; line-height: 50px; display: none;}
.team-content .item-box .item-box-con .item-desc{font-size: 16px; padding-top: 20px;}


.legalservice-item{padding: 30px 0px ; margin: 0 auto; max-width: 1200px; width: 100%; box-sizing: border-box;}
.legalservice-header{width: 100%; text-align: center; box-sizing: border-box;}
.legalservice-item .legalservice-header .mod-m-title{padding: 0px; color: #fff;}
.legalservice-item .legalservice-header .mod-m-title:after{ position: absolute;content: ""; left: 0; bottom: 0px; height: 4px; width: 100%; background: #fff}
.legalservice-item .legalservice-content{ padding: 30px 0}
.legalservice-item .legalservice-content img{width: 100%;}
.mob-legalservice-content{display: none;}

.brand-item.brand-case{ padding: 100px 0 0 0;}
.case-content{width: 100%; max-width: 1200px; margin: 50px auto; height: 613px; background-image: url("../images/case_bg2.jpg"); background-repeat: no-repeat; background-position: center center }
.case-content .case-title{width: 100%; padding:70px  20px 10px 20px; box-sizing: border-box; color: #fff; text-align: center; font-size: 32px;}
.case-content .case-setitle{width: 100%; padding:0 10px; box-sizing: border-box; color: #fff; text-align: center; font-size: 18px;}
.case-content .case-content-box{ background: #fff; margin: 50px; height: 350px; position: relative; overflow: hidden;}
#swiper3{font-size:0; width:100%; margin:0 auto; width:  100% ;height: 350px}
#swiper3 a{ font-size:0;}
#swiper3 .swiper-slide{ overflow:hidden;}
.case-content .case-item_text{position: relative; height: auto;}
.case-content .case-item-title{ font-size: 18px; padding: 10px 10px; position: relative; padding-left: 60px;}
.case-content .case-item-desc{ padding: 10px 10px; font-size: 16px; word-break: break-word; word-wrap: break-word;position: relative;padding-left: 60px; color: #666;}
.case-content .case-item-desc p{ text-indent: 0em;}
.swiper-button-next,.swiper-button-prev{ color: #666; opacity: .3;}
.case-content .img-box{position: absolute; left: 10px; top: 10px; z-index: 1; width: 40px; height: 40px;}
.case-content .img-box img{width: 100%; height: 100%}

.case-content .cooperate-scroll{ position: relative; width:calc(100% - 60px); clear:both; overflow:hidden; max-width: 1200px;margin: 30px; height: 290px;}
.case-content .cooperate-scroll ul{ white-space: nowrap}
.case-content .cooperate-scroll ul li{ padding: 15px 0;white-space: normal; position: relative;}
.case-content .cooperate-scroll ul li:after{position: absolute; left: 20px; right: 20px; bottom: 0; border-bottom: 1px solid rgba(0,0,0,.1); content: ""; z-index: 1;}
.case-content .cooperate-scroll ul li:last-child:after{ display: none;}

.mob-case-content{display: none;}
.case-header {width: 100%; padding: 30px 0 0 0 }
.case-header img{ width: 100%; height: auto;}
.mob-case-content .case-list{ padding: 15px 20px}
.mob-case-content .case-list .case-item{ padding: 10px 0; position: relative}
.mob-case-content .case-list .case-item:after{ content: ""; left: 0px; right: 0px; position: absolute; border-top: 1px solid #ddd;  top: 0;}
.mob-case-content .case-list .case-item:first-child:after{ content: "";border: none;}
.mob-case-content .case-list .case-item .case-item-title{ text-align: left; font-size: 18px; width: calc(100% - 40px); line-height: 40px; cursor: pointer; height: 40px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.mob-case-content .case-list .case-item .icon_arrow_right{position: absolute; width: 16px; height: 16px; top: 50%; right: 0px; transform: translateY(-50%) rotate(270deg); z-index: 2; background-image: url("../images/icon_arrow_d.png"); background-repeat: no-repeat; background-position: center center; background-size: 100%;}

.mob-case-content-title{ font-size: 17px; padding: 10px 0 10px 40px ; position: relative; word-break: break-word; word-wrap: break-word;}
.mob-case-content-desc{ font-size: 15px; word-break: break-word; word-wrap: break-word;position: relative;padding-left: 40px; color: #666; padding-top: 10px;}
.mob-case-content .img-box{position: absolute; left: 0px; top: 10px; z-index: 1; width: 30px; height: 30px;}
.mob-case-content .img-box img{width: 100%; height: 100%}


.lately-location{width:100%;height:100%;overflow-y:auto;}
.lately-location.lately-location-item{position:relative;width:100%;line-height:1.3;color:#333;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:10px 0;text-align:left;border-bottom:1px solid#efefef;}
.lately-location .lately-location-item:last-child{border-bottom: none;}
.lately-location.lately-location-item img{width:1.5rem;margin-right:0.25rem;}
.layui-m-layershade{background-color: rgba(0,0,0 .3)}

.layui-m-layer1 .layui-m-layerchild{border-radius:3px;width:80%;max-width:300px;overflow:hidden;}
.layui-m-layer1 .layui-m-layercont{padding:0 1.6em 0.8em;color:#353535;min-height:40px;line-height:1.3;word-wrap:break-word;word-break:break-all;font-size:15px;}
.layui-m-layerchild h3{padding:1.3em 1.6em 0.5em;height:unset;line-height:1.6;font-size:18px;font-weight:400;color:#000;}
.layui-m-layerbtn,.layui-m-layerbtn span{border-radius:0 0 3px 3px;}
.layui-m-layerbtn span[yes]{color:#5f0000!important;font-size:18px;line-height:48px;}
.layui-m-layerbtn span[no]{border-right:1px solid#D5D5D6;color:#353535;font-size:18px;line-height:48px;border-radius:0 0 0 3px;}
.layui-m-layerbtn{border-top:1px solid#D5D5D6;background-color:#fff;}
.layui-m-layercont{padding:2.7em 20px 1.7em;color:#353535;min-height:40px;font-size:15px;line-height:1.3;word-wrap:break-word;word-break:break-all;}
.layui-m-layer-msg .layui-m-layercont{color:#fff;min-height:10px;}
body .layui-m-layer .layui-m-layer-msg{bottom:auto;}

.cases{ width: 100%;max-height: 400px;overflow:hidden ;overflow-y: auto;  }
.cases-desc{position:relative;width:100%;line-height:1.6;color:#333;font-size:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:10px 0; text-align: left}

.contact{padding-top: 120px;}
.mob-contact{display: none;}
.contact-bg{background-color: #29333c; height: 280px; width: 100%; position: relative;}
.contact-con{width: 96%; max-width: 1200px; position: absolute;left: 50%; transform: translateX(-50%); top: -160px; z-index: 2; background-color: #ffffff;  height: 315px; overflow: hidden;}
.contact-con .round{ background-color: #e1432c; border-radius: 50%; position: absolute; left: 0; width: 130px; height: 130px; bottom: -65px;}
.contact-con .round2{width: 290px; height: 290px; bottom: -145px; background-color: #fdf1ef; left: initial; right: 0;}
.contact-con .contact-box{ position: absolute; top: 50px; left: 50%; transform: translateX(-50%);width: 910px; z-index: 3;}
.contact-con .contact-box .item{ margin: 0 25px; background-color: #efefef; width: 450px; height: 142px; color: #131d27; position: relative; padding: 10px 20px; box-sizing: border-box;}
.contact-con .contact-box .item2{width: 355px;}
.contact-con .contact-box .item .title{font-size: 24px;}
.contact-con .contact-box .item .setitle{}
.contact-con .contact-box .item-btn{padding: 0px; text-align: center; width: 100%; position: absolute; left: 0; right: 0 ;bottom: 10px;}
.contact-con .contact-box .contact-btn{background-color: #131d27; border-radius: 8px; height: 36px; line-height: 36px; color: #fff; display: inline-block; font-size: 18px; margin: 0 20px; cursor: pointer; width: 126px; text-align: center;}
.contact-con .contact-box .gotoBuy{ background-color: #fe800e; position: absolute; left: 0px;bottom: 10px;}
.contact-con .contact-box .item-box-img{position: absolute; right: 0px;bottom: 5px; width: 90px;}
.contact-con .contact-box .item-box-img img{ width: 100%;}

.contact-bg .contact-con__ft{ position: absolute; left: 0 ;right: 0; bottom: 0; height: 45px; line-height: 40px; font-size: 18px;}
.contact-con .round3{background-color: #e62828; border-radius: 50%;  height: 35px; width: 35px; display: inline-block; text-align: center; line-height: 35px; color: #ffffff; margin-right: 16px;}
.contact-con .round3 .iconfont{ font-size: 20px;}
.contact-con .telephone-box{position: absolute; left: 50%;  font-weight: bold; margin-left: -240px;}
.contact-con .address-box{position: absolute; left: 50%;  font-weight: bold; transform: translateX(-50%)}

.gotoList{display: none;}