* { margin: 0; padding: 0; letter-spacing: 1px; } html,body{ font-family: "Microsoft Yahei",Arial,"Roboto", "PingFangSC-Light", "Helvetica Neue", Helvetica, "Hiragino Sans GB", tahoma, SimSun, sans-serif !important; } a { text-decoration: none; } a:hover{ color: #313584 !important; } .windwidth { width: 1200px; margin:auto; } .topwindwidth { width: 1600px; margin: auto; } .top { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 85px; line-height: 85px; transition: all 0.4s; /* background: transparent; */ /*background: url(../img/5black.png) no-repeat center;*/ /*background-size: cover;*/ /*background: url(../img/5black.png) center \9;*/ background: rgba(0, 0, 0, 0.3); background-size: 100% \9; } .topbg{ background: #313584; background: #313584 \9; } .big_box33{ opacity: 1; } .top:hover{ background: #313584; background: #313584 \9; } .w{ width: 1310px; } .top .logo { height: 48px; float: left; } .top .logo img{ height: 100%; } .top .logo .logo1s{ display: inherit; } .top .logo .logo1{ display: none; } .top .logo .logo2{ display: none; } .top:hover .logo1s{ display: none; } .top:hover .logo1{ display: inherit; } .topbg .logo .logo1s{ display: none; } .topbg .logo .logo1{ display: inherit; } .top .navigation { width: max-content; float: right; overflow: hidden; } .top .navigation ul li { float: left; font-size: 16px; /*padding-right: 24px;*/ padding-right: 18px; text-align: center; /* border: 1px solid red; */ } /*刚改好的*/ /* .top .navigation ul li:nth-child(2){ padding-right: 5px; } .top .navigation ul li:nth-child(3){ padding-right: 5px; } .top .navigation ul li:nth-child(4){ padding-right: 5px; } */ .top .navigation ul .active a{ color: #313584; } .top .navigation ul li a { color: #fff; } .top .navigation ul li a:hover{ color: #0097E0 !important; position: relative; } .top .navigation ul li a:hover::after{ content:" "; background: #0096E0; height: 2px; width: 100%; position: absolute; bottom: -52px; left: 0; } .top .navigation ul li .ico { position: relative; margin-left: -12px; } .top .navigation ul li .box{ position: absolute; right: 0px; width: 55%; top: 85px; line-height: 40px; height: 0; /* background: url(../img/5black.png) no-repeat center; */ background: rgba(0,0,0,0.5); /* background: url(../img/topbg.png) no-repeat center; */ background-size: cover; transition: all 0.4s; overflow: hidden; } .top .navigation ul li .box .center{ width: max-content; margin: initial; } .top .navigation ul li .box p{ float: left; padding: 0 23px; font-size: 14px; } .top .navigation ul li:hover .box{ height: 40px; } .top .operation { float: right; /*margin-left: 8px;*/ } .top .operation .search { float: left; color: #fff; } .top .operation .language { float: left; color: #fff; /*margin-left: 20px;*/ margin-left: 16px; } .top .operation .search a,.top .operation .search a:hover{ cursor: pointer; color: #fff; } .top .operation .language a{ color: #fff; cursor: pointer; } .top .operation .language a:hover{ color: #00a2d4; } .top .operation .language .ico{ margin-left: -4px; } .top .navigation .navigation_operation{ display: none; overflow: hidden; } .top .navigation .navigation_operation .search { float: left; width: 55%; border-radius: 8px; } .top .navigation .navigation_operation .search input{ width: 92%; background: #fff; border: 0; border-radius: 4px; padding: 0 4%; height: 24px; color: #333; } .top .navigation .navigation_operation .search input::-webkit-input-placeholder{ color: #999; } .top .navigation .navigation_operation .language { float: left; display: none; color: #fff; } .top .navigation .navigation_operation .language .ico{ margin-left: -4px; } .top .shrink{ position: absolute; right: 2%; top: 0; display: none; } .top .shrink_bg{ display: none; position: fixed; z-index: 98; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/5black.png) no-repeat center; opacity: 0; background-size: 100% 100%; /* background-color: rgba(0,0,0,.5); */ } .top .search_box{ position: absolute; top: 85px; left: 0; right: 0; width: 100%; height: 0; /*background: url(../img/5white.png) no-repeat center;*/ background: rgba(255,255,255,0.95); background-size: 100%; text-align: center; transition: all 0.4s; overflow: hidden; box-shadow:2px 2px 5px rgba(0,0,0,0.6); } .top .search_box .input{ max-width: 1200px; width: 36%; margin: 160px auto; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; position: relative; } .top .search_box .input input{ background-color: transparent; height: 40px; border: 0; width: 88%; padding: 0 10% 0 2%; color: #666; font-size: 16px; } .top .search_box .input img{ position: absolute; right: 0; top: 7px; } .top .navigation ul li .layui-icon_sub{ display: none; } .carousel{ max-height: 947px; background-color: #F5F6FB; } .carousel .layui-carousel-ind{ top: -80px; } .carousel .layui-carousel-ind ul{ background-color: transparent; } .carousel .layui-carousel-ind li{ width: 7px; height: 7px; } .rjdongtai{ font-size: 28px !important; } .index1 { background: url(../img/bg.png) no-repeat center; background-size: cover; overflow: hidden; padding: 80px 0; } .index1 .title { margin: 0; } .index1 .title .left { float: left; font-size: 30px; font-family: SourceHanSansSC; font-weight: 400; color: #333333; line-height: 1; } .index1 .title .left p { font-size: 18px; font-family: AbitareSans; font-weight: normal; color: #999; margin-top: 18px; } .index1 .title .right { float: right; border-bottom-width: 0; margin: 0 -10px; } .index1 .title .layui-tab-title li { height: 32px; line-height: 32px; padding: 0 13px; border-radius: 8px 4px 8px 4px; color: #999; margin: 0 10px; } .index1 .title .layui-tab-title li::before { content: ""; position: absolute; right: -10px; top: 9px; height: 14px; width: 1px; background-color: #ccc; } .index1 .title .layui-tab-title li:last-child::before { display: none; } .index1 .title .layui-tab-title .layui-this:after { border: 0; } .index1 .title .layui-tab-title .layui-this { background: #313584; color: #fff; } /* 导航跳了两次,从新命名一个覆盖layui组件的样式就行了*/ .right .layui-tab-title1{ position: relative; left: 0; /* height: 40px; */ height: auto; white-space: nowrap; border-bottom-width: 1px; border-bottom-style: none; /* transition: all .2s; */ -webkit-transition: all .2s; } .layui-tab-title1 li { height: 32px; line-height: 32px; padding: 0 5px; display: inline-block; border-radius: 8px 4px 8px 4px; color: #999; margin: 0 10px; } .layui-tab-title1 li { height: 32px; line-height: 32px; padding: 0 5px; display: inline-block; border-radius: 8px 4px 8px 4px; color: #999; cursor: pointer; margin: 0 10px; position: relative; } .layui-tab-title1 .layui-this { background: #313584; color: #fff; } .layui-tab-title1 li::before { content: ""; position: absolute; right: -10px; top: 9px; height: 14px; width: 1px; background-color: #ccc; } .layui-tab-title1 li:last-child::before { display: none; } .layui-tab-title1 .layui-this:after { border: 0; } /*闪跳到此结束*/ .title_bian{ padding-top: 40px; padding-bottom: 40px; } .index1 .title .content { width: 100%; overflow: hidden; padding: 48px 0 0; } .index1 .title .content .boxbg { height: 485px; border-radius: 32px 8px; position: relative; } .index1 .title .content .boxbg .box { position: absolute; z-index: 1; right: 48px; top: 78px; width: 440px; /* background-color: rgba(255, 255, 255, .9); */ background: url(../img/white.png) no-repeat center; background-size: cover; padding: 32px 30px 64px; border-radius: 16px 4px 16px 4px; } .index1 .title .content .boxbg .box .tit { font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 500; color: #313584; line-height: 1; } .index1 .title .content .boxbg .box .tit p { font-size: 14px; font-family: AbitareSans; font-weight: normal; color: #666666; margin-top: 18px; } .index1 .title .content .boxbg .box .cont { margin-top: 24px; font-size: 15px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 30px; } .index1 .title .content .boxbg .box .ico { position: absolute; right: 12px; bottom: -32px; } .box .content{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; } .index2 { overflow: hidden; padding: 80px 0; background-color: #fff; width: 100%; } .index2 .title { margin: 0; } .index2 .title .left { float: left; font-size: 30px; /* font-family: SourceHanSansSC; */ font-weight: 400; color: #333333; line-height: 1; } .index2 .title .left p { font-size: 18px; font-family: AbitareSans; font-weight: normal; color: #999; margin-top: 18px; } .index2 .title .right { float: right; border-bottom-width: 0; margin: 0 -10px; } .index2 .title .layui-tab-title li { height: 32px; line-height: 32px; padding: 0 13px; border-radius: 8px 4px 8px 4px; color: #999; margin: 0 10px; } .index2 .title .layui-tab-title li::before { content: ""; position: absolute; right: -10px; top: 9px; height: 14px; width: 1px; background-color: #ccc; } .index2 .title .layui-tab-title li:last-child::before { display: none; } .index2 .title .layui-tab-title .layui-this:after { border: 0; } .index2 .title .layui-tab-title .layui-this { background: #313584; } .index2 .title .layui-tab-title .layui-this a{ color: #fff !important; } .index2 .title .layui-tab-title li a{ color: #999; } .index2 .title .content { width: 100%; overflow: hidden; padding: 48px 0 0; } .index2 .title .content .box { overflow: hidden; } .index2 .title .content .box .boxleft { float: left; width: 50%; box-sizing: border-box; padding-right: 80px; } .index2 .title .content .box .boxleft .boxleftblock { padding-bottom: 56px; position: relative; } .index2 .title .content .box .boxleft .boxleftblock .img { width: 100%; height: 344px; transition: all 0.4s; } .index2 .title .content .box .boxleft .boxleftblock .des { position: absolute; bottom: 0; left: 0; right: 0; background: #F7F7F7; padding: 0 21px; height: 56px; transition: all 0.4s; } .index2 .title .content .box .boxleft .boxleftblock .des .name { height: 56px; line-height: 56px; font-size: 16px; font-family: SourceHanSansSC; font-weight: 400; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .index2 .title .content .box .boxleft .boxleftblock .des .name span { float: left; margin-right: 12px; font-size: 20px; font-family: AbitareSans; font-weight: normal; color: #666666; } .cooperation_box .box_sw{ margin: 30px 0 0 !important; } .index2 .title .content .box .boxleft .boxleftblock .des .cont{ color: #999; line-height: 24px; height: 55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; } .msgnews_box .con1{ margin-top: 20px !important; } .index2 .title .content .box .boxleft .boxleftblock:hover .des{ height: 120px; } .index2 .title .content .box .boxleft .boxleftblock:hover .des .name{ color: #313584; } .index2 .title .content .box .boxleft .boxleftblock:hover .img{ background-size: 110% !important; } .index2 .title .content .box .boxright { float: left; width: 50%; /* margin-top: -30px; */ } .index2 .title .content .box .boxright .li:first-child{ border-top: 1px solid #e6e6e6; } .index2 .title .content .box .boxright .li { /* height: 98px; */ /* line-height: 98px; */ height: 100px !important; line-height: 60px; border-bottom: 1px solid #e6e6e6; overflow: hidden; transition: all 0.4s; position: relative; cursor: pointer; } .index2 .title .content .box .boxright .li .tit { overflow: hidden; padding-top: 20px; color: #666 !important; } .index2 .title .content .box .boxright .li .tit .name { font-size: 16px; font-family: SourceHanSansSC; font-weight: 400; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; float: left; width: 80%; height: 80px; } .index2 .title .content .box .boxright .li .tit .time{ font-size: 14px; font-family: AbitareSans; font-weight: normal; color: #999999; float: right; } .index2 .title .content .box .boxright .li .des{ width: 80%; margin-top: -30px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; line-height: 24px; height: 72px; /* display: -webkit-box; */ /* -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; /* margin-bottom: 35px; */ opacity: 0; } .index2 .title .content .box .boxright .li:hover .des{ opacity: 1; transition: all 0.4s; color: #999999 !important; } .index2 .title .content .box .boxright .li:hover .des a{ color: #999999 !important; } .index2 .title .content .box .boxright .li:hover .tit{ padding-top: 1px; transition: all 0.4s; } .index2 .title .content .box .boxright .li:hover .tit .name{ color: #313584; } .index2 .title .content .box .boxright .li .ico{ position: absolute; right: 0px; top: 63%; transform: translateY(-50%); display: none; opacity: 0; } .index2 .title .content .box .boxright .li:hover .ico{ transition: all 1s; opacity: 1; } .index2 .title .content .box .boxright .active { /* line-height: 1; */ height: 200px; overflow: hidden; } .index2 .title .content .box .boxright .active .ico{ display: block; } .index2 .title .content .box .boxright .active .tit .name { /* color: #313584; */ } .cont ul .list1:first-child{ margin-top: 0 !important; } .aboutus_box .content .box2 .cont li{ padding: 16px 32px 28px !important; } .aboutus_box .content .box2 .cont li .hcdiv{ margin-top: 0 !important; } .msg_recruit_box .box .but{ width: 100px !important; border-radius: 4px !important; font-size: 16px !important; } .apply_recruit_box .right .submit input{ width: 100px !important; height: 40px !important; } .apply_recruit_box .left{ height: 260px; } .layui-carousel-arrow { width: 50px !important; height: 50px !important; line-height: 52px !important; } .bot{ /* background: #F5F6FB; */ /* background-color: rgb(49,53,132); */ background: #F5F6FB; padding: 50px 0 0px; } .bot .box{ overflow: hidden; padding-left: 57px; } /* .box .cont p strong{ font-size: 16px; } */ .bot .box .box1{ float: left; padding-right: 33px; /*padding-top:20px;*/ } .bot .box .box1 .tit{ font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333; line-height: 1; margin-bottom: 18px; } .bot .box .box1 p{ width: 220px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; /* line-height: 24px; */ position: relative; /* top: -15px; */ } .bot .box .box1 p img{ /* margin: 12px 4px; */ /* padding-right: 50px; */ /* padding-left: 40px; */ } .bot .box .box1 p img:nth-child(2){ /* position: absolute; */ /* right: 30px; */ /* left: 75px; */ } .bot .box .box1 p img:nth-child(3){ position: absolute; /* right: 30px; */ left: 75px; } .bot .box .box1 p img:nth-child(4){ position: absolute; /* right: 30px; */ left: 75px; } .bot .box .box2{ float: left; } .bot .box .box2 li{ width: 177px; /* padding-right: 38px; */ float: left; } .bot .box .box2 li p{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333; margin-bottom: 8px; } .bot .box .box2 li span{ display: block; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #ccc; line-height: 15px; padding-top:10px; } .bot .box .box2 li span a{ color: #999; } .bot .box .box2 li span a:hover{ color: #0096E0 !important; } .bot .box .box3{ float: right; text-align: center; } .bot .box .box3 img{ width: 120px; height: 120px; } .bot .box .box3 p{ margin-top: 20px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; } .bot .link{ overflow: hidden; margin-top: 32px; } .bot .link li{ float: left; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; margin-right: 10px; line-height: 24px } .bot .link li a{ color: #999999; } .copyright{ height: 54px; line-height: 54px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; /*color: #999999;*/ color: #999; text-align: center; border-top: 1px solid #fff; background-color: #fff; } .copyright a:hover{ color: #ccc !important; } .aboutus_box .content .numCount .clearfix .li:nth-child(2){ padding-left: 2%; padding-right: 0; } .aboutus_box .content .numCount .clearfix .li:nth-child(4){ padding-left: 2%; padding-right: 4%; } .aboutus_box .content .numCount .clearfix .li:nth-child(3){ padding-left: 2%; padding-right: 3%; } .aboutus_box .content .numCount .clearfix .li:nth-child(5){ padding-left: 2%; padding-right:1%; } .apply_recruit_box .right .button .input .input2::placeholder{ color: #000; } .contactus_box .box .box1 .lianxi .p{ font-size: 14px; } .contactus_box .box .box1 .lianxi .p img{ width: 28px; height: 28px; float: left; margin-right: 2px; vertical-align: middle; } .contactus_box .box .box1 .lianxi .p div{ width: 100%; font-size: 14px; line-height: 28px; color: #666; } /*成员结构*/ .table{ font-size: 16px; text-align: center; margin: 0 auto; border-collapse: separate; border-spacing: 0; border: 1px solid #ccc; /* margin-bottom: 100px; */ border-radius: 10px; } .ditu_left{ float: left; margin-top: 120px; } .ditu_right{ float: right; } .table td{ padding: 12px; } .table tr th:first-child,.table tr td:first-child {/*设置table左边边框*/ /* border-left: 1px solid #ccc; */ border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } .table tr th:last-child,.table tr td:last-child {/*设置table右边边框*/ /* border-right: 1px solid #ccc; */ /* border-bottom: 1px solid #ccc; */ } .table tr td:first-child, .table tr td:nth-child(2), .table tr td:nth-child(3){/*设置table表格每列底部边框*/ border-bottom: 1px solid #ccc; } .table tr th { /* border-top: 1px solid #ccc; */ } .table tr:first-child th:first-child { border-top-left-radius: 12px; } .table tr:last-child td{ border-bottom: none; } .table tr:first-child th:last-child { /* border-top-right-radius: 12px; */ } .table tr:last-child td:first-child { /* border-bottom-left-radius: 12px; */ } .table tr td:last-child { /* border-bottom-right-radius: 12px; */ /* border-bottom: none; */ } /*成员结构*/ .box3 .cont table tr td{ text-align: left; } .box3 .cont .box3_box{ margin: 20px 52px; height: 578px; overflow: hidden; } .box3 .cont table tr td .p_tit1{ display: block; font-size: 140px; font-family: AvantGarde CE; font-weight: bold; color: #F3F3F6; line-height: 140px; } .box3 .cont table tr td .name{ font-size: 24px; font-family: Adobe Heiti Std; font-weight: normal; color: #333333; margin-top: 20px; } .box3 .cont table tr td p{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; line-height: 30px; } .box3 .cont table tr td p a{ color: #999999 !important; } .floatbox{ position: fixed; z-index: 99; right: -5px; bottom: 10%; } .floatbox .li{ width: 40px; height: 40px; line-height: 40px; border: 1px solid #CCCCCC; text-align: center; margin-bottom: -1px; margin-right: -1px; background-color: #fff; transition: all 0.4s; cursor: pointer; } /* .floatbox .li:hover{ background-color: #eee; } */ .floatbox .backtop{ position: relative; left: 100%; } .banner{ height: 415px; background-size: auto 100% \9; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/banner_01.png',sizingMethod='scale'); position: relative; } .banner p{ position: absolute; width: 1200px; margin: auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); font-size: 38px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #fff; line-height: 1; } .banner p span{ display: block; margin-top: 13px; font-size: 22px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #eee; } .aboutus_box{ padding: 24px 0 80px; } .aboutus_box .box{ margin: 0; } .aboutus_box .crumbs{ float: left; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; height: 32px; line-height: 32px; } .aboutus_box .crumbs a{ color: #999; } .aboutus_box .crumbs span{ color: #999; } .aboutus_box .right { float: right; border-bottom-width: 0; margin: 0 -10px; height: auto; } .aboutus_box .layui-tab-title li { height: 32px; line-height: 32px; padding: 0 13px; border-radius: 8px 4px 8px 4px; color: #999; margin: 0 10px; } .aboutus_box .layui-tab-title li::before { content: ""; position: absolute; right: -10px; top: 9px; height: 14px; width: 1px; background-color: #ccc; } .aboutus_box .layui-tab-title li:last-child::before { display: none; } .aboutus_box .layui-tab-title .layui-this:after { border: 0; } .aboutus_box .layui-tab-title .layui-this { background: #313584; color: #fff; } .aboutus_box .layui-tab-title li a{ color: #999; } .aboutus_box .layui-tab-title .layui-this a{ color: #fff !important; } .aboutus_box .content { width: 100%; overflow: hidden; padding: 48px 0 0; } .aboutus_box .content .box1{ } .aboutus_box .content .box1 .tit{ font-size: 36px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 1; } .aboutus_box .content .box1 .tit p{ margin-top: 24px; font-size: 18px; font-family: Gadugi; font-weight: 400; color: #999; } .aboutus_box .content .cont{ overflow: hidden; margin-top: 45px; } .aboutus_box .content .cont .des{ width: 50%; float: left; } .aboutus_box .content .cont .img{ float: right; /* width: 45%; */ width: 550px; height: 460px; } .aboutus_box .content .cont .img img{ width: 100%; } .aboutus_box .content .numCount{ margin-top: 120px; overflow: hidden; } .aboutus_box .content .numCount .clearfix .li{ width: 16%; float: left; padding: 0 2%; } .aboutus_box .content .numCount .clearfix .li .numU{ line-height: 1; } .aboutus_box .content .numCount .clearfix .li span{ font-size: 56px; font-family: AbitareSans; font-weight: normal; color: #323584; } .aboutus_box .content .numCount .clearfix .li .unitC{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; margin-left: 8px; } .aboutus_box .content .numCount .clearfix .li .indc{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; margin-top: 14px; } .aboutus_box .content .box2 .tit{ font-size: 28px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 1; } .aboutus_box .content .box2 .tit p{ margin-top: 24px; font-size: 14px; font-family: Gadugi; font-weight: 400; color: #999; } .aboutus_box .content .box2 .cont{ background: url(../img/history.png) repeat-y left; background-size: 16px 100%; } .aboutus_box .content .box2 .cont ul{ margin-left: 80px; } .aboutus_box .content .box2 .cont li{ background: #F5F6FB; border-radius: 32px 8px 32px 8px; margin-bottom: 32px; padding: 28px 32px; transition: all 0.4s; } .aboutus_box .content .box2 .cont li .p_div1{ font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; } .aboutus_box .content .box2 .cont li:hover .p_div1{ font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333; } .aboutus_box .content .box2 .cont li:hover .hcdiv{ margin-top: 20px; display: block; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333; line-height: 24px; } .aboutus_box .content .box2 .cont li .hcdiv{ margin-top: 20px; display: block; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 24px; } .aboutus_box .content .box2 .cont li:hover{ background-color: #e5e5e5; color: #333; } .aboutus_box .content .box2 .cont li:hover p{ color: #666; } .aboutus_box .content .box2 .cont li:hover span{ color: #666; } .aboutus_box .content .box3 .tit{ font-size: 36px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 1; } .aboutus_box .content .box3 .tit p{ margin-top: 24px; font-size: 18px; font-family: Gadugi; font-weight: 400; color: #999; } .aboutus_box .content .box3 .cont ul{ margin: 1px; box-sizing: border-box; overflow: hidden; border: 1px solid #ccc; border-radius: 10px; } .aboutus_box .content .box3 .cont li{ float: left; width: 50%; border-top: 1px solid #ccc; margin: -1px; border-left: 1px solid #ccc; } .aboutus_box .content .box3 .cont li .box3_box{ margin: 20px 52px; height: 578px; overflow: hidden; } .aboutus_box .content .box3 .cont li .box3_box .p_tit1{ display: block; font-size: 110px; font-family: AvantGarde CE; font-weight: bold; color: #F3F3F6; line-height: 110px; } .aboutus_box .content .box3 .cont li .box3_box a{ color: #999; } .aboutus_box .content .box3 a:hover{ color: blue; } .aboutus_box .content .box3 .cont li .box3_box span{ display: block; font-size: 18px; font-family: AvantGarde CE; /* font-weight: bold; */ color: #999; /* line-height: 105px; */ } .aboutus_box .content .box3 .cont li .box3_box .name{ font-size: 24px; font-family: Adobe Heiti Std; font-weight: normal; color: #333333; /* line-height: 72px; */ /* margin-top: 20px; */ } .aboutus_box .content .box3 .cont li .box3_box p{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; line-height: 28px; } .aboutus_box .content .box3 .cont .table-member{ border-collapse: collapse; width: 100%; margin-bottom: 50px; } .aboutus_box .content .box3 .cont .table-member thead{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #474A8D; line-height: 62px; background: #D4D4E1; border: 1px solid #CCCCCC; } .aboutus_box .content .box3 .cont .table-member thead th{ padding-left: 28px; } .aboutus_box .content .box3 .cont .table-member tbody{ border: 1px solid #CCCCCC; } .aboutus_box .content .box3 .cont .table-member tbody tr td{ padding-bottom: 40px; vertical-align: top; padding-left: 28px; } .aboutus_box .content .box3 .cont .table-member tbody tr:nth-child(2) td{ padding-bottom: 50px; vertical-align: top; } .aboutus_box .content .box3 .cont .table-member tbody tr:nth-child(2) td .title{ /* margin-top: 36px; */ } .aboutus_box .content .box3 .cont .table-member tbody tr td .title{ font-size: 22px; font-family: Adobe Heiti Std; font-weight: normal; color: #333333; padding-bottom: 10px; padding-top: 40px; /* width: 330px; */ } .aboutus_box .content .box3 .cont .table-member tbody tr td:nth-child(1){ padding-left: 28px; width: 50%; } .aboutus_box .content .box3 .cont .table-member1{ border-collapse: collapse; width: 100%; margin-bottom: 50px; } .aboutus_box .content .box3 .cont .table-member2{ margin-bottom: 0px; } .aboutus_box .content .box3 .cont .table-member1 thead{ font-size: 24px; font-family: Microsoft YaHei; font-weight: bold; color: #474A8D; line-height: 62px; background: #D4D4E1; border: 1px solid #CCCCCC; } .aboutus_box .content .box3 .cont .table-member1 thead th{ padding-left: 28px; } .aboutus_box .content .box3 .cont .table-member1 tbody{ border: 1px solid #CCCCCC; } .aboutus_box .content .box3 .cont .table-member1 tbody tr td{ padding-bottom: 40px; padding-left: 28px; vertical-align: top; width: 50%; } .aboutus_box .content .box3 .cont .table-member1 tbody tr td .title{ margin-top: 36px; } .aboutus_box .content .box3 .cont .table-member1 tbody tr td .title{ font-size: 22px; font-family: Adobe Heiti Std; font-weight: normal; color: #333333; padding-bottom: 23px; margin-top: 40px; line-height: 1.2; width: 88%; } /* #tabul::-webkit-scrollbar{ background-color: #999; height: 10px; border-radius:10px; background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.5) 75%,transparent 75%,transparent) } */ #tabul::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); background-color:#F5F5F5; border-radius:10px; } #tabul::-webkit-scrollbar { height: 10px; background-color:#F5F5F5; } #tabul::-webkit-scrollbar-thumb { background-color:#999; border-radius:10px; background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent) } .p_erwm{ width: 80px;bottom: 55px;left: 60px;position: fixed;z-index: 999999; } /* 轮播数字原点 */ /* .carousel .layui-carousel-ind ul .layui-this::after{ content: '01'; background-color: none; width: 0; height: 0; position: absolute; bottom: 10px; } .carousel .layui-carousel-ind ul .layui-this{ } */ .cause_box{ padding: 12px 0 65px; } .cause_box .box{ margin: 0; } .cause_box .crumbs{ float: left; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; height: 32px; line-height: 32px; } .cause_box .crumbs a{ color: #999; } .cause_box .crumbs span{ color: #999; } .cause_box .right { float: right; border-bottom-width: 0; margin: 0 -10px; height: auto; } .cause_box .layui-tab-title li { height: 32px; line-height: 32px; padding: 0 4px; border-radius: 8px 4px 8px 4px; color: #999; margin: 0 10px; } .cause_box .layui-tab-title li::before { content: ""; position: absolute; right: -10px; top: 9px; height: 14px; width: 1px; background-color: #ccc; } .cause_box .layui-tab-title li:last-child::before { display: none; } .cause_box .layui-tab-title .layui-this:after { border: 0; } .cause_box .layui-tab-title .layui-this { background: #313584; color: #fff; } .cause_box .layui-tab-title li a{ color: #999; } .cause_box .layui-tab-title .layui-this a{ color: #fff !important; } .cause_box .content { width: 100%; overflow: hidden; padding: 0; } .cause_box .content .box .tit{ font-size: 28px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 1; padding-bottom: 22px; padding-top: 20px; } .cause_box .content .box .cont{ /* padding: 20px 0 0; */ padding-bottom: 10px; } .cause_box .content .box .cont img{ max-width: 100%; } .cause_box .content .box ul{ overflow: hidden; margin: 24px -23px -24px; } .cause_box .content .box ul li{ box-sizing: border-box; float: left; width: 25%; padding: 0 23px 24px; } .cause_box .content .box ul li a{ padding: 0 12px; display: block; height: 38px; line-height: 38px; border: 1px solid #CCCCCC; border-radius: 5px; text-align: center; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .cause_box .content .box ul li a:hover{ background-color: #313584 !important; color: #fff !important; } .news_box{ padding: 24px 0 80px; } .news_box .box{ margin: 0; } .news_box .crumbs{ float: left; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; height: 32px; line-height: 32px; } .news_box .crumbs a{ color: #999; } .news_box .crumbs span{ color: #999; } .news_box .right { float: right; border-bottom-width: 0; margin: 0 -10px; height: auto; } .news_box .layui-tab-title li { height: 32px; line-height: 32px; padding: 0 13px; border-radius: 8px 4px 8px 4px; color: #999; margin: 0 6px; } .news_box .layui-tab-title li::before { content: ""; position: absolute; right: -10px; top: 9px; height: 14px; width: 1px; background-color: #ccc; } .news_box .layui-tab-title li:last-child::before { display: none; } .news_box .layui-tab-title .layui-this:after { border: 0; } .news_box .layui-tab-title .layui-this { background: #313584; color: #fff; } .news_box .layui-tab-title li a{ color: #999; } .news_box .layui-tab-title .layui-this a{ color: #fff !important; } .news_box .content { width: 100%; /* overflow: hidden; */ padding: 48px 0 0; } .news_box .content .box li{ /* padding: 24px 0; */ margin-bottom: 30px; overflow: hidden; border-bottom: 1px solid #ccc; position: relative; } .content_box66{ padding-top: 84px; } .box_conte_88{ padding: 0 0 80px !important; } .news_box .content .box li:hover{ border: 0; } .list333:hover{ border: 0px solid #ccc; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%); } .list333:hover .but{ /* border: 1px solid #313584; */ background: #313584; transition: all 0.4s; color: #fff !important; } .list333:hover .but span{ color: #fff !important; } .news_box .content .box .list5{ padding: 24px 0; overflow: hidden; border-bottom: 1px solid #ccc; position: relative; } .news_box .content .box li .img{ float: left; width: 295px; height: 166px; transition: all 0.4s; /* overflow: hidden; */ } .news_box .content .box li .img123{ float: left; width: 295px; height: 166px; transition: all 0.4s; overflow: hidden; } .news_box .content .box li .cont{ float: left; width: 867px; margin-left: 32px; } .news_box .cont_box88{ padding: 80px 0 0; overflow: inherit; } .news_box .content .box li .cont .name{ overflow: hidden; line-height: 30px; padding: 18px 0 18px; } .news_box .content .box li .cont .name a{ display: block; width: 70%; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; float: left; } .news_box .content .box li .cont .name .time{ float: right; width: 26%; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; text-align: right; padding-right: 22px; } .news_box .content .box li .cont .des{ /* margin-top: 32px; */ width: 78%; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; line-height: 24px; transition: all 0.4s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; cursor: pointer; } .news_box .content .box li .cont .but .des_xian{ display: block; position: absolute; right: 30px; top: 0px; border-left: 1px solid #999; } .news_box .content .box li .cont .but{ position: absolute; right: 26px; bottom: 52px; width: 93px; height: 36px; line-height: 36px; border: 1px solid #999999; border-radius: 8px 4px 8px 4px; text-align: center; /* overflow: hidden; */ transition: all 0.4s; /* background-color: #313584; */ } .news_box .content .box li:hover{ cursor: pointer; } .news_box .content .box li .cont .but p{ width: 200px; margin-left:0px; transition: all 0.4s; } .news_box .content .box li .cont .but span{ width: 100px; height: 36px; line-height: 36px; float: left; font-size: 16px; font-family: Helvetica; font-weight: 400; color: #666666; position: relative; transition: all 0.4s; } li:hover .cont .but1{ border: 1px solid #313584 !important; background: #313584 !important; transition: all 0.4s !important; } .news_box .content .box li .cont .but:hover span{ /* color: #313584; */ color: #fff; transition: all 0.4s; } .news_box .content .box li .cont .but span img{ float: right; margin: 6px 6px 6px -24px; } .news_box .content .box li .cont .but span .ico{ float: none; margin: 0; } .news_box .content .box li:hover .cont .name a{ color: #313584; } .news_box .content .box li:hover .cont .but{ /* background-color: #313584; */ } .news_box .content .box li:hover .cont .but p{ margin-left: 0; } .news_box .content .box li:hover .img{ background-size: 105% !important; overflow: hidden; /* animation: bgimage 0.6s infinite; */ } /* @keyframes bgimage { 0%{background-size: 100%;} 100%{background-size: 105%;} } */ .news_box .content .box li:hover .img123{ transform: scale(1.1); } .news_box .content .box li:hover .cont .des{ /* margin-top: 22px; */ color: #999; } .news_box .content .box li .cont .des a{ color: #999 !important; margin-top: 22px; } .news_box .content .box li:hover .cont .des a{ color: #999 !important; margin-top: 22px; } .msgnews_box{ padding: 24px 12px 80px; overflow: hidden; } .msgnews_box .box{ margin: 0; } .msgnews_box .crumbs{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; height: 32px; line-height: 32px; } .msgnews_box .crumbs a{ /* color: #333333; */ color: #999; } .msgnews_box .crumbs span{ /* color: #313584; */ } .msgnews_box .content{ margin-top: 30px; } .msgnews_box .left{ width: 850px; float: left; } .msgnews_box .left .tit{ border-bottom: 1px solid #eee; overflow: hidden; padding-bottom: 12px; } .msgnews_box .left .tit .name{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 30px; /* width: 88%; */ margin-bottom: 12px; } .msgnews_box .left .tit .time{ float: left; font-size: 14px; font-family: Helvetica; font-weight: 400; color: #999999; line-height: 32px; } .msgnews_box .left .tit .share{ float: right; font-size: 14px; font-family: Adobe Heiti Std; font-weight: normal; color: #999999; line-height: 32px; } .msgnews_box .left .tit .share img{ float: right; } .msgnews_box .left .cont{ padding: 32px 0 0; } .msgnews_box .left .cont img{ max-width: 100%; } .msgnews_box .right{ float: right; width: 300px; padding: 0 12px 32px; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } .msgnews_box .right .tit{ font-size: 18px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 60px; border-bottom: 1px solid #eee; } .msgnews_box .right li{ border-bottom: 1px solid #eee; padding: 21px 0; } .msgnews_box .right li p{ font-size: 14px; font-family: Myriad Pro; font-weight: 400; color: #999999; } .msgnews_box .right li span{ display: block; margin-top: 6px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .msgnews_box .right li:hover span{ color: #313584; } .square-box{ width: 1200px; position: relative; } .square-box .square-image{ position: absolute; top: 150px; left: 516px; } .square-box .square-four-box{ display: flex; flex-direction: column; justify-content: space-between; } .square-box .square-left{ display: flex; justify-content: space-between; margin-bottom: 103px; } .square-box .square-left .square-one{ /* background: #FFFFFF; */ /* background: red; */ border-radius: 5px; /* padding: 0 8px; */ /* margin-left: 7px; */ width: 536px; height: 167px; box-sizing: border-box; padding-top: 10px; } .square-box .square-left .square-one .square-icon{ width: 64px; height: 64px; padding-left: 8px; } .square-box .square-left .square-one .square-icon .image-icon{ width: 100%; height: 100%; } .square-box .square-left .square-one .square-text{ width: 84%; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 24px; padding-left: 20px; } .square-box .square-left .square-two{ background: #FFFFFF; border-radius: 5px; width: 536px; height: 167px; box-sizing: border-box; padding-top: 10px; } .square-box .square-left .square-two .square-icon{ width: 64px; height: 64px; padding-left: 57px; } .square-box .square-left .square-two .square-icon .image-icon{ width: 100%; height: 100%; } .square-box .square-left .square-two .square-text{ width: 83%; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 24px; padding-left: 70px; } .square-box .square-right{ display: flex; justify-content: space-between; } .square-box .square-right .square-three{ border-radius: 5px; width: 536px; height: 167px; margin-left: 7px; box-sizing: border-box; padding-top: 10px; } .square-box .square-right .square-three .square-icon{ width: 64px; height: 64px; padding-left: 8px; } .square-box .square-right .square-three .square-icon .image-icon{ width: 100%; height: 100%; } .square-box .square-right .square-three .square-text{ width: 83%; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 24px; padding-left: 20px; margin-top: -3px; } .square-box .square-right .square-four{ border-radius: 5px; width: 536px; height: 167px; box-sizing: border-box; padding-top: 10px; } .square-box .square-right .square-four .square-icon{ width: 64px; height: 64px; padding-left: 58px; } .square-box .square-right .square-four .square-icon .image-icon{ width: 100%; height: 100%; } .square-box .square-right .square-four .square-text{ width: 83%; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 24px; padding-left: 72px; } .language{ cursor: pointer; } .language1{ cursor: pointer; } .enterprise_box{ padding: 24px 0 70px; overflow: hidden; } .enterprise_box .crumbs{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; height: 32px; line-height: 32px; /*margin-bottom: 20px;*/ } .enterprise_box .crumbs a{ color: #999; } .enterprise_box .crumbs span{ color: #999; } .enterprise_box .tit{ overflow: hidden; } .recruit_box .crumbs a{ color: #999 !important; } .recruit_box .crumbs span{ color: #999 !important; } .enterprise_box .tit .img{ width: 270px; height: 270px; float: left; position: relative; top: 32px; } .enterprise_box .tit .des{ float: right; width: 710px; padding: 46px 0 0; } .enterprise_box .title{ font-size: 36px; font-family: SourceHanSansSC; font-weight: 400; color: #333333; line-height: 1; } .enterprise_box .title p{ margin-top: 18px; font-size: 18px; font-family: Adobe Heiti Std; font-weight: normal; color: #CCCCCC; } .enterprise_box .tit .des .detailed{ margin-top: 18px; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 44px; } .enterprise_box .tit .des .detailed P{ margin-top: 18px; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 44px; } .enterprise_box .cont{ margin-top: 80px; } .enterprise_box .cont ul{ overflow: hidden; margin: -34px; margin-top: 34px; padding: 34px 34px 80px; } .enterprise_box .cont ul li{ width: 19%; height: 360px; float: left; text-align: center; transition: all 0.4s; padding: 0 5px; overflow: hidden; position: relative; } .enterprise_box .cont ul li:nth-child(odd){ position: relative; top: -18px; } .enterprise_box .cont ul li:nth-child(even) .mark .linian-bot{ order: 1; } .enterprise_box .cont ul li:nth-child(even) .mark .linian-top{ order: 2; } .enterprise_box .cont ul li:nth-child(even) .linian-top img{ margin: 35px auto 10px; } .enterprise_box .cont ul li{ cursor: pointer; } .enterprise_box .cont ul li .linian-bot{ text-align: left; padding: 40px 20px 0; } .enterprise_box .cont ul li:hover .linian-number{ color: #fff; } .enterprise_box .cont ul li:hover .linian-title{ color: #fff; } .enterprise_box .cont ul li:hover .linian-des{ color: #fff; } .enterprise_box .cont ul li .linian-number{ font-size: 18px; font-family: Source Han Sans CN; font-weight: bold; color: #323584; } .enterprise_box .cont ul li .linian-title{ font-size: 18px; font-family: Source Han Sans CN; font-weight: bold; color: #323584; } .enterprise_box .cont ul li .linian-des p span{ padding-top: 7px; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; color: #333333; line-height: 20px; } .enterprise_box .cont ul li .mark{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; } .enterprise_box .cont ul li:hover .mark{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: transparent; display: flex; flex-direction: column; } .enterprise_box .cont ul li:hover .mark .linian-bot .linian-des p span{ color: #fff !important; } .enterprise_box .cont ul li img{ margin: 70px auto 10px; /* width: 90px; height: 90px; */ } .enterprise_box .cont ul li p{ font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; margin-bottom: 12px; } .enterprise_box .cont ul li span{ display: block; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666 ; line-height: 24px; } .enterprise_box .cont ul li:hover{ box-shadow: 0px 0px 10px 0px rgba(49, 53, 132, 0.1); color: #fff !important; } .enterprise_box .cont ul li:hover .linian-bot .linian-des{ color: #fff; } .enterprise_box .box{ margin-top: 40px; } .enterprise_box .box ul{ margin: 34px -11px 0; } .enterprise_box .box ul li{ padding: 0 11px; width: 33.33%; float: left; box-sizing: border-box; } .enterprise_box .box ul li .div{ height: 278px; position: relative; overflow: hidden; } .enterprise_box .box ul li .div div{ position: absolute; top: 242px; left: 0; width: 100%; height: 100%; transition: all 0.4s; } .enterprise_box .box ul li .div div p{ margin: 0 24px; line-height: 36px; height: 36px; font-size: 18px; font-family: SourceHanSansSC; font-weight: 400; color: #333333; border-bottom: 1px solid #b8b8b8; transition: all 0.4s; } .enterprise_box .box ul li .div div span{ display: block; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 30px; margin: 47px 24px 0; } .enterprise_box .box ul li:hover .div div{ top: 0; } .enterprise_box .box ul li:hover .div div p{ line-height: 94px; height: 94px; } .cooperation_box{ padding: 24px 0 80px; overflow: hidden; } .cooperation_box .box{ margin: 80px 0 0; } .cooperation_box .crumbs{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; height: 32px; line-height: 32px; } .cooperation_box .crumbs a{ color: #999; } .cooperation_box .crumbs span{ color: #999; } .cooperation_box .box ul{ margin: -12px; } .cooperation_box .box li{ padding: 12px 20px; width: 33.33%; float: left; box-sizing: border-box; } .cooperation_box .box li a{ display: block; padding: 30px 15px 30px; background: #FFFFFF; box-shadow: 0px 0px 5px 0px rgba(3, 13, 122, 0.15); border-radius: 4px; position: relative; transition: all 0.4s; } .cooperation_box .box li a .time{ font-size: 20px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; } .cooperation_box .box li a .name{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 24px; transition: all 0.4s; } .cooperation_box .box li a .cont{ margin-top: 32px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; line-height: 24px; height: 90px; } .cooperation_box .box li a p{ position: absolute; bottom: 0; left: 0; height: 2px; width: 0; background-color: #313584; transition: all 0.4s; } .cooperation_box .box li a:hover { background-color: #030D7A26; } .cooperation_box .box li a:hover p{ width: 100%; } .cooperation_box .box li a:hover .name{ color: #313584; } .msgnews_box .right li:last-child{ border: none; } .nav_icon{ width: 23px; height: 20px; background-color: #fff; line-height: 20px; border: 1px solid #eee; text-align: center; } .jiantou{ width: 20px !important; height: 14px !important; } .xy_list:hover{ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .xy_list:hover .but{ border: 0px solid #313584; background: #313584; transition: all 0.4s; color: #fff !important; } .xy_list:hover .but span{ color: #fff !important; } .list58:first-child{ margin-top: 0 !important; } .news_box .content .box li .cont .but:hover{ background: #313584; border: 1px solid #313584 !important; } .recruit_box{ padding: 24px 0 70px; overflow: hidden; } .recruit_box .title{ font-size: 28px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 1; margin-top: 50px; } .recruit_box .title p{ margin-top: 20px; font-size: 18px; font-family: Helvetica; font-weight: 400; color: #CCCCCC; } .recruit_box .search{ width: 300px; height: 48px; line-height: 48px; border: 1px solid #CCCCCC; border-radius: 6px; padding: 0 25px; margin-top: 30px; position: relative; } .recruit_box .search input{ width: 100%; height: 42px; font-size: 14px; font-family: SourceHanSansSC; font-weight: 400; background-color: #fff; border: 0; color: #333; } .recruit_box .search .img_i{ position: absolute; top: 9px; right: 10px; cursor: pointer; } .recruit_box .search input::-webkit-input-placeholder{ color: #CCCCCC; } .recruit_box .screen{ margin-top: 24px; padding-top: 24px; background: #F5F6FB; padding-left: 24px; padding-right: 24px; } .recruit_box .screen .li{ font-size: 14px; font-family: Adobe Heiti Std; font-weight: normal; color: #333333; line-height: 24px; position: relative; overflow: hidden; } .recruit_box .screen .li p{ float: left; width: 100px; } .recruit_box .screen .li ul{ overflow: hidden; float: left; width: 1000px; height: 48px; transition: all 0.4s; } .recruit_box .screen .li li{ float: left; padding: 0 12px; height: 24px; line-height: 24px; border-radius: 12px; margin-right: 24px; margin-bottom: 24px; transition: all 0.4s; } .recruit_box .screen .li li a{ color: #333; } .recruit_box .screen .li .active{ background: #313584; color: #fff !important; } .recruit_box .screen .li .active a{ color: #fff !important; } .recruit_box .screen .li .active a{ color: #fff; } .recruit_box .screen .li .active a:hover{ color: #fff !important; } .recruit_box .screen .li span{ position: absolute; right: 0; top: 0; cursor: pointer; } .recruit_box .total{ font-size: 14px; font-family: SourceHanSansSC; font-weight: 400; color: #313584; margin-top: 36px; } .recruit_box .box{ border-top: 1px solid #ccc; /* border-bottom: 1px solid #ccc; */ overflow-x: auto; margin-top: 24px; } .recruit_box .box ul{ width: 1200px; font-size: 14px; font-family: SourceHanSansSC; font-weight: 400; color: #333333; } .recruit_box .box ul li{ height: 60px; line-height: 60px; position: relative; overflow: hidden; } .recruit_box .box ul li:first-child{ background: #b4b5c3 !important; color: white; } .recruit_box .box ul li a{ color: #333 !important; position: relative; z-index: 2; } .recruit_box .box ul li::before{ content: ""; position: absolute; width: 0; height: 0; border-radius: 50%; top: 50%; left: 50%; margin-top: 0; margin-left: 0; transition: all 1s; background: url(../img/topbg.png) no-repeat center; background-size: 100% 100%; } .recruit_box .box ul li div{ width: 18%; text-align: left; line-height: 24px; padding: 18px 0px; float: left; } .recruit_box .box ul li div:first-child{ width: 18%; text-align: left; line-height: 24px; padding: 18px 40px; float: left; } .recruit_box .box ul li:nth-child(2n-1){ background-color: #F5F6FB; } .recruit_box .box ul li:hover::before{ width: 1200px; height: 1200px; margin-top: -600px; margin-left: -600px; } .recruit_box .box ul li:first-child::before{ display: none; } .content_box .jiansuo_nav ul li a .content_info{ width: 90%; } .msg_recruit_box{ padding: 80px 0 42px; } .msg_recruit_box .box{ overflow: hidden; border: 1px solid #D9D5D2; border-radius: 2px; padding: 20px 46px; margin-bottom: 28px; position: relative; } .msg_recruit_box .box .tit{ font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; } .msg_recruit_box .box span{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; margin-top: 45px; width: 33.33%; float: left; } .msg_recruit_box .box .but{ width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 24px auto 0; background: #313584; border-radius: 10px; font-size: 18px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #FFFFFF; } .msg_recruit_box .box .share{ position: absolute; right: 46px; top: 46px; cursor: pointer; } .apply_recruit_box{ overflow: hidden; padding: 80px 0; } .apply_recruit_box .left{ float: left; width: 260px; padding: 24px; border: 1px solid #eeeeee; border-radius: 2px; } .apply_recruit_box .left .tit{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; } .apply_recruit_box .left .name{ margin-top: 20px; font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; } .apply_recruit_box .left p{ margin-top: 12px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; } .apply_recruit_box .left p span{ color: #999; } .apply_recruit_box .right{ padding: 24px; width: 820px; float: right; border: 1px solid #eeeeee; border-radius: 2px; } .apply_recruit_box .right .tit{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; } .apply_recruit_box .right .cont .name{ margin-top: 24px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 1; padding-bottom: 10px; border-bottom: 1px dashed #999; } .apply_recruit_box .right .cont li{ overflow: hidden; height: 40px; line-height: 40px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333; } .apply_recruit_box .right .cont li p{ width: 70%; float: left; } .apply_recruit_box .right .cont li span{ width: 10%; float: left; } .apply_recruit_box .right .cont li .del{ width: 60px; height: 28px; line-height: 28px; background-color: #313584; border-radius: 2px; float: right; color: #fff; text-align: center; margin: 6px 0; cursor: pointer; } .apply_recruit_box .right .button{ width: max-content; margin: 24px auto 0; line-height: 50px; overflow: hidden; } .apply_recruit_box .right .button p{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; float: left; } .apply_recruit_box .right .button .input{ /* float: left; */ height: 48px; line-height: 48px; border: 1px solid #313584; border-radius: 4px; padding: 0 0 0 20px; overflow: hidden; margin-left: 12px; } .apply_recruit_box .right .button .input input{ border: 0; background-color: #fff; height: 48px; float: left; width: 200px; } .apply_recruit_box .right .button .input span{ float: right; width: 80px; height: 48px; text-align: center; background: #313584; margin-left: 20px; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #FFFFFF; } .apply_recruit_box .right .button .tips{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 28px; padding: 10px 0; clear: both; } .contactus_box{ position: relative; z-index: 1; /* margin-top: -100px; */ background-color: #fff; border-radius: 5px; /* box-shadow: 0px 0px 30px 0px rgba(49, 53, 132, 0.1); */ overflow: hidden; /* padding: 30px 24px; */ /* margin-bottom: 70px; */ } .tit_contact { font-size: 36px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; line-height: 1; } .tit_contact p{ margin-top: 8px; font-size: 14px; font-family: Helvetica; font-weight: 400; color: #CCCCCC; } .contactus_box .box .box1 { padding: 40px 0; float: left; } .contactus_box .box .box1 .name{ font-size: 24px; font-family: SourceHanSansSC; font-weight: 400; color: #333333; position: relative; padding-bottom: 40px; line-height: 1; letter-spacing: 2.6px; } .contactus_box .box .box1 .name p{ font-size: 12px; font-family: SourceHanSansSC; font-weight: 400; color: #666666; margin-top: 12px; } .contactus_box .box .box1 .name span{ position: absolute; bottom: 0; left: 0; width: 32px; height: 2px; background-color: #9a9a9a; } .contactus_box .box .box1 .cont{ padding: 40px 0 0; /* position: relative; */ } .contactus_box .box .box1 .cont p{ font-size: 16px; font-family: SourceHanSansSC; font-weight: 400; color: #999999; line-height: 28px; margin: 1px 0; } .contactus_box .box .box1 .cont p img{ width: 28px; height: 28px; float: left; margin-right: 2px; vertical-align: middle; } .contactus_box .box .box2 { padding: 40px 0; float: left; margin-left: 80px; } .contactus_box .box .box2 .name{ font-size: 18px; /* font-family: SourceHanSansSC; */ font-weight: 400; color: #666; position: relative; padding-bottom: 34px; line-height: 1; } .contactus_box .box .box2 .name p{ font-size: 28px; /* font-family: SourceHanSansSC; */ font-weight: 400; color: #666; margin-top: 8px; } .contactus_box .box .box2 .name span{ position: absolute; bottom: 0; left: 0; width: 32px; height: 2px; background-color: #9a9a9a; } .contactus_box .box .box2 .cont{ padding: 35px 0 0; } .contactus_box .box .box2 .cont p{ font-size: 18px; /* font-family: SourceHanSansSC; */ font-weight: 400; color: #666; margin: 10px 0; } .contactus_box .box .box2 .cont p:nth-child(2){ font-size: 28px; } .contactus_box .box .box2 .cont p span{ font-size: 18px; /* font-family: SourceHanSansSC; */ font-weight: 400; color: #666; } .contactus_box .box .map{ float: right; width: 530px; margin-top: 40px; margin-bottom: 30px; } .dongtai{ margin-top: 60px; } .news_list_box{ padding: 12px 0 80px; overflow: hidden; } .news_list_box .box{ margin: 0; /* margin-bottom: 80px; */ } .news_list_box .crumbs{ float: left; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; height: 32px; line-height: 32px; } .news_list_box .crumbs a{ color: #999; } .news_list_box .crumbs span{ color: #999; } .news_list_box .right { float: right; border-bottom-width: 0; margin: 0 -10px; height: auto; } .news_list_box .layui-tab-title li { height: 32px; line-height: 32px; padding: 0 10px; border-radius: 8px 4px 8px 4px; color: #999; margin: 0 10px; } .news_list_box .layui-tab-title li::before { content: ""; position: absolute; right: -10px; top: 9px; height: 14px; width: 1px; background-color: #ccc; } .news_list_box .layui-tab-title li:last-child::before { display: none; } .news_list_box .layui-tab-title .layui-this:after { border: 0; } .news_list_box .layui-tab-title .layui-this { background: #313584; color: #fff; } .news_list_box .layui-tab-title li a{ color: #999; } .news_list_box .layui-tab-title .layui-this a{ color: #fff !important; } .news_list_box .content{ /* overflow: hidden; */ width: 100%; /*padding-top: 70px;*/ padding: 1px; } .content47{ padding: 0 !important; } .news_list_box .content .tit{ overflow: hidden; } .news_list_box .content .tit .left{ width: 685px; float: left; box-sizing: border-box; padding: 15px; background-color: #F5F6FB; border-radius: 4px; padding-bottom: 85px; position: relative; } .news_list_box .content .tit .left .newslistcar{ width: 100%; height: 300px; } .news_list_box .content .tit .left .des{ overflow: hidden; position: absolute; bottom: 15px; left: 15px; right: 15px; background: #F5F6FB; padding-top: 10px; transition: all 0.4s; } .news_list_box .content .tit .left .des .time{ float: left; width: 50px; font-size: 20px; font-family: Myriad Pro; font-weight: 400; color: #666666; line-height: 36px; } .news_list_box .content .tit .left .des .time p{ font-size: 14px; font-family: Myriad Pro; font-weight: 400; color: #999999; border-top: 1px solid #E6E6E6; line-height: 1; padding-top: 9px; } .news_list_box .content .tit .left .des .name{ width: 580px; float: right; line-height: 36px; } .news_list_box .content .tit .left .des .name p{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_list_box .content .tit .left .des .name span{ display: block; font-size: 14px; font-family: Adobe Heiti Std; font-weight: normal; color: #999999; line-height: 24px; height: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all 0.4s; } .news_list_box .content .tit .left:hover .des .name p{ color: #313584; } .news_list_box .content .tit .left:hover .des .name span{ height: 72px; white-space: initial; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news_list_box .content .tit .right{ float: right; width: 485px; height: 400px; } .news_list_box .content .tit .right li{ padding: 10px 20px 2px; overflow: hidden; background-color: #F5F6FB; margin-bottom: 20px; transition: all 0.4s; } .news_list_box .content .tit .right li .time{ float: left; width: 45px; font-size: 20px; font-family: Myriad Pro; font-weight: 400; color: #666666; line-height: 36px; } .news_list_box .content .tit .right li .time p{ font-size: 14px; font-family: Myriad Pro; font-weight: 400; color: #999999; border-top: 1px solid #E6E6E6; transition: all 0.4s; } .news_list_box .content .tit .right li .name{ width: 375px; float: right; line-height: 36px; transition: all 0.4s; } .news_list_box .content .tit .right li .name p{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all 0.4s; } .news_list_box .content .tit .right li .name span{ display: block; font-size: 14px; font-family: Adobe Heiti Std; font-weight: normal; color: #999999; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all 0.4s; } .news_list_box .content .tit .right li:hover{ background-color: #313584; } .news_list_box .content .tit .right li:hover .time{ color: #fff; } .news_list_box .content .tit .right li:hover p{ color: #fff; } .news_list_box .content .tit .right li:hover span{ color: #fff; } .news_list_box .content .cont{ overflow: hidden; /* margin-top: 80px; */ } .news_list_box .content .cont .title{ font-size: 36px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #323852; padding-left: 26px; border-left: 6px solid #313584; height: 34px; line-height: 34px; } .news_list_box .content .cont ul{ margin-top: 35px; } .news_list_box .content .cont li{ overflow: hidden; /* margin-bottom: 30px; */ position: relative; border-bottom: 1px solid #ccc; cursor: pointer; padding-top: 30px; } .news_list_box .content .cont li .img{ float: left; width: 260px; height: 156px; overflow: hidden; } .news_list_box .content .cont li .img img{ height: 100%; transition: all 0.4s; } .news_list_box .content .cont li .name{ width: 670px; float: left; margin-left: 30px; padding-right: 30px; } .news_list_box .content .cont li .name .na{ font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; /* line-height: 1; */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .news_list_box .content .cont li .name p{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 25px; height: 50px; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all 0.4s; } .news_list_box .content .cont li .name span{ display: block; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 54px; transition: all 0.4s; } .news_list_box .content .cont li .time{ width: 114px; float: right; border-left: 1px solid #ccc; height: 156px; padding-left: 30px; font-size: 30px; /* font-family: Source Han Sans CN; */ font-weight: 300; color: #4D4D4D; } .news_list_box .content .cont li .ico{ position: absolute; right: 45px; /* right: 0; */ bottom: 40px; width: 32px; height: 32px; } .news_list_box .content .cont li:hover .name .na{ color: #214295; } .news_list_box .content .cont li:hover .img img{ transform: scale(1.1); } .news_list_box .content .cont li:hover .name p{ margin-top: 10px; } .news_list_box .content .cont li:hover .name span{ margin-top: 59px; } .news_list_box .content .more{ width: 98px; height: 42px; line-height: 42px; margin: 36px auto 0; background: #fff; border: 1px solid #214295; border-radius: 8px 4px 8px 4px; overflow: hidden; transition: all 0.4s; cursor: pointer; } .news_list_box .content .more p{ width: 196px; margin-left: -98px; transition: all 0.4s; } .news_list_box .content .more span{ width: 98px; float: left; text-align: center; } .news_list_box .content .more img{ width: 32px; height: 16px; } .news_list_box .content .more:hover{ background-color: #214295; } .news_list_box .content .more:hover p{ margin-left: 0; } .page{ text-align: center; margin-top: 40px; } .page ul{ width: max-content; margin: auto; } .page ul li{ float: left; padding: 0 !important; width: 31px; height: 31px; line-height: 31px; text-align: center; border: 1px solid #eee; border-radius: 4px; margin: 0 6px; } .box .content .cont p{ font-size: 16px; } .box .content .cont p span{ font-size: 14px; line-height: 2em; } .page ul li a{ width: 31px; height: 31px; line-height: 31px; text-align: center; display: block; color: #666; border-radius: 4px; /* border: 1px solid #eee; */ } .page ul li a:hover{ background-color: #313584; border-color: #313584; color: #fff !important; } .page ul .active{ background-color: #313584; border-color: #313584; color: #fff; } .page ul .disabled{ color: #999; background-color: #eee; } .nota{ text-align: center; /* margin: 80px 0; */ color: #666; min-height: 650px; line-height: 650px; } #qrcode img{ max-width: 100%; } ul.nav_animate{ transition: all 1s; overflow: hidden; margin-top:-85px; } .pbox_cont1{ padding: 0; } .pbox_cont1 .p_tit_bt{ font-size: 28px; padding-top: 50px; padding-bottom: 10px; } .pbox_cont1 .p_bt_x{ border-top: 3px solid #313584; width: 100px; } .pbox_cont1 .p_neirong{ padding-top: 20px; font-size: 16px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; line-height: 28px; } .cont .cont_left{ height: auto; width: 48%; float: left; padding-top: 16px; position: relative; } .cont .cont_left .p_tit_bt{ font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 500; color: #333; } .cont .cont_left .p_shuoming{ font-size: 12px; font-family: Gadugi; font-weight: 400; color: #999999; padding: 6px 0 40px; } .cont .cont_left .p_info_wz{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; /* border-bottom: 1px solid #ccc; */ margin-bottom: 90px; /* min-height: 150px; */ line-height: 28px; } .cont .cont_left:hover .p_info_wz{ color: #094594; } .cont .cont_left .p_xt{ position: absolute; left: 0; /* bottom: -30px; */ border-top: 1px solid #ccc; /* padding: 60px 0 0px 0; */ width: 60px; transition: all 0.6s; opacity: 1; } .cont .cont_left:hover .p_xt{ width: 100%; /* color: #094594; */ } .cont .cont_left a .image{ opacity: 0; } .cont .cont_left:hover a .image{ opacity: 1; transition: all 0.6s; } .con_98_10 .w-slider { /*-padding-*/ padding: 0; margin: 0 auto; /*-position-*/ position: relative; top: 0px; left: 0px; /*-size-*/ width: 1000%; height:278px; overflow: hidden; visibility: hidden; } .con_98_10 .w-slider .w-slider-wrap { /*-position-*/ position: relative; top: 0px; left: 0px; /*-size-*/ width: 1050px; height: 278px; cursor: default; overflow: hidden; cursor: pointer; } /* .cont .cont_left:hover .p_xt{ display: block; opacity: 1; } .cont .cont_left:hover .p_tit_bt{ color: #094594; } */ .cont .li:hover .cont_left .p_xt{ display: block; opacity: 1; } .cont .li:hover .cont_left .p_tit_bt{ color: #094594; } .cont .li:hover .cont_left a .image{ opacity: 1; transition: all 0.6s; } .cont .li:hover .cont_left .p_xt{ width: 100%; /* color: #094594; */ border-top: 1px solid #094594; } .cont .li:hover .cont_left .p_info_wz{ color: #094594; } .cont .li .cont_right img{ transition: all 1s; } .cont .li:hover .cont_right img{ transform: scale(1.1); transition: all 1s; } .cont .cont_right{ overflow: hidden; } .fanhui{ /* width: 100%; */ /* height: 60px; */ /* background-color: red; */ margin-top: 30px; padding: 40px 0; box-shadow: 0px 0px 10px #eee; border: 1px solid #eee; } .fanhuij{ text-align: center;position: absolute;left: 50%;top: 50%;margin-left: -20px;margin-top: -10px; } .cont .cont_left img{ width: 20px; height: 10px; position: absolute; right: 0px; bottom: -48px; } .cont .cont_right{ width: 48%; float: right; } .cont ul{ /* padding-top: 80px; */ } .cont ul li{ padding-bottom: 40px; display: inline-block; } .cont ul .lin{ margin-top: 0 !important; } .cont ul li:first-child{ margin-top: 40px; } .cont ul li:nth-child(even) .cont_right{ float: left; } .cont ul li:nth-child(even) .cont_left{ float: right; } .index1 .title .layui-tab-title li a{ color: #999 !important; } /* .index1 .title .layui-tab-title li a:hover{ color: #313584 !important; } */ ul.nav_animates{ margin-top:0px; } .layui-tab-title{ border-bottom-style: none; } .xian{ border-top: 3px solid #313584; width: 85px; margin-bottom: 20px; } .h1{ /*padding-top: 12px;*/ padding-bottom: 15px; display: inline-block; padding-right: 20px; font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333333; } .p_h1{ padding-top: 26px; } .info{ margin: 50px 0; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666; line-height: 30px; word-wrap: break-word; white-space: normal; word-break: break-all; } .animated{ animation-delay: 0.3s !important; } .cont img{ max-width: 100%; height: auto; } .mhsow{ display: none !important; } .mcenter{ text-align: center; } /* .fixed{ position: fixed; top: 100px; right: 350px; } */ .mrow{ margin-top: 32px; } .mindex1 .mtitle{ font-size: 24px; font-weight: 500; color: #333333; line-height: 16px; } .mindex1 .mdesc{ font-size: 12px; font-weight: normal; color: #333333; line-height: 28px; opacity: 0.2; padding: 9.5px 0px 16px; } .mindex1 .mcover img{ border-radius: 16px 4px 16px 4px; max-width: 100%; } .mcover_box{ text-align: left; padding-bottom: 30px; padding-left: 12px; } .mcover_title{ font-size: 18px; font-weight: normal; color: #333333; line-height: 23px; padding: 32px 0px 14px; } .mcover_btn{ margin-left: 0px; height: 44px; line-height: 44px; padding: 0px 17px; background: #313584; border-radius: 4px; cursor: pointer; font-size: 16px; color: #fff; display: inline-block; } .mcontent_box{ padding-bottom: 30px; width: 100%; } .mcontent_box_title{ overflow: hidden; height: 60px; line-height: 60px; /* padding-bottom: 30px; */ } .mcontent_box .mtitle_left{ font-size: 24px; /* font-family: Source Han Sans CN; */ font-weight: 500; color: #333333; /* padding-left: 12px; float: left; */ text-align: center; } .mcontent_box .minfo_right{ float: right; } .mcontent_box .minfo_right .mxinxi{ font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 500; padding-right: 12px; color: #333333; } .mcontent_box .minfo_right img{ width: 13px; height: 10px; } .mcontent_box img{ width: 100%; } .mcontent_box .mimages{ margin: 0px 12px; padding: 12px 0px; padding-bottom: 32px; /* border-top:1px solid #ccc; */ } .mcontent_box .mimages:nth-child(2){ /* border-top:1px solid #ccc; */ } .mcontent_box .mimages .mdate{ font-size: 12px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #666666; padding-left: 0px; padding-bottom: 10px; padding-top: 12px; } .mcontent_box .mimages .mdate img{ width: 50px; vertical-align: middle; } .mcontent_box .mimages .mp{ font-size: 20px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #333; padding-left: 0px; margin-bottom: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-wrap: break-word; white-space: normal; word-break: break-all; } .mcontent_box .mimages .mdate .md_img{ width: 14px; height: 14px; vertical-align: middle; } .p_tit{ margin-top: -4px; } .p_zinav{ /* overflow: hidden; */ margin: 24px -23px -24px; padding-bottom: 65px; } .p_zinav li{ box-sizing: border-box; float: left; width: 25%; padding: 0 23px 24px; } .p_zinav li a{ padding: 0 12px; display: block; height: 38px; line-height: 38px; border: 1px solid #CCCCCC; border-radius: 5px; text-align: center; font-size: 14px; /* font-family: Source Han Sans CN; */ font-weight: 400; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p_zinav li:hover a{ background-color: #313584; color: #fff !important; } .table_job{ width: 100%; } .table_job td,.table_job th{ text-align: center; line-height: 44px; } .table_job th{ background: #b4b5c3; } .table_job tr:nth-child(2n){ background: #F5F6FB; } .table_job tr:hover{ background: rgb(186,188,215); transition: all 1s; } .table_job thead th{ width: 18%; text-align: left; line-height: 24px; padding: 18px 0px 18px 20px; font-weight: normal; color: white; } .table_job tbody td div{ /* width: 18%; */ display: inline-block; text-align: left; } .table_job tbody td{ text-align: left; padding-left: 20px; }