img{ max-width: 100%; height: auto;} .mode-banner{ width:100%; position:relative; overflow:hidden;} .banner-cnt{ float:left; position:relative; right:50%;} .mode-inner{float:left; position:relative; left:50%;} .mode-banner img{ /*max-width: none;*/ display: block;} /*轮播图*/ .swiper-roll-28 .item-cell>img{ transition: all 2s; transform: scale(1); -webkit-transform: scale(1); } .swiper-roll-28 .swiper-slide-active>img{ transform: scale(1.05); -webkit-transform: scale(1.05); /* -webkit-animation-name: bgzoom; animation-name: bgzoom; animation-fill-mode: forwards; -webkit-animation-duration: 2s!important; animation-duration: 2s!important;*/ } @-webkit-keyframes bgzoom { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.05); -webkit-transform: scale(1.05); } } @keyframes bgzoom { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(1.05); -webkit-transform: scale(1.05); } } .swiper-roll-28 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 30px;} .swiper-roll-28 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ opacity: 1; /*width: 26px; height:26px; background:url("../images/dot2.png") no-repeat; border-radius:0;*/ position: relative;} .swiper-roll-28 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px;} .swiper-roll-28 .swiper-pagination span{ width:28px!important; height: 5px!important; border-radius: 0!important; opacity: 0.8!important; background: #fff; opacity: 1!important;} .swiper-roll-28 .swiper-pagination span.swiper-pagination-bullet-active {width:28px!important; opacity: 1!important;background: #95262a;} .swiper-roll-28 .swiper-pagination span:before{ display: none;} .swiper-roll-28 .swiper-pagination{ bottom: 10px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ bottom:10px; width: 6px!important; height: 6px!important; border-radius: 6px!important; position: relative;} .swiper-roll-28 .swiper-pagination span.swiper-pagination-bullet-active{ width: 6px!important; height: 6px!important; border-radius:6px!important; background: #ff3300; } .box .pos{ opacity: 0; transition: all 1.5s; } .box img{ /*max-width:650px;*/ height: auto;} .box .an1{width: 100%;left: 0; top: 0;} .box .an2{right: 0; top: 0;} .swiper-slide{ overflow: hidden;} .swiper-roll-1,.swiper-roll-28{ } .box .an1{ transform: translateX(-400px);} .box .an2{ transform: translateX(400px);} .swiper-roll-28 .swiper-slide-active .box .pos{ opacity:1;transform: translateX(0);} .nstxt0{left:18%; top:35%; width: 26.9%; right: auto; position: absolute; z-index: 99;} .nstxt1{left:41%; top:35%; width: 23.2%; right: auto; position: absolute; z-index: 99;} .nstxt3{left:10.5%; top:32%; width: 37.6%; right: auto; position: absolute; z-index: 99;} .nstxt2{left:14.5%; top:32%; width: 31.3%; right: auto; position: absolute; z-index: 99;} /*头部*/ .logo img{ display: block; height: 65px;} .logo{ margin: 15px 0;} .gstels{font-family: "tf_din_medium"; color: #006dc9; line-height: 100%;margin-left:20px; } .searchs{color: #006dc9; position: relative;} .searchs .sbt .icon-search{ cursor: pointer; font-size:24px; font-weight: bold; line-height: 100%; position: relative; top: 2px; padding-right: 20px; position: relative;} .searchs .sbt .icon-search:after{ border-right: 1px solid #ccc; content: ""; position: absolute; right: 0; top: 2px; height: 20px;} .in-search5{border-radius:32px; transition: all .3s; display: block; width: 0; overflow: hidden;position: absolute; right: 60px; left: auto; top: 0px; z-index: 999999;} .im-search5 input{ padding: 0 10px; border: 1px solid #ccc; background: #fff; height: 32px; line-height: 32px; border-radius:32px; width: 220px; } .in-search5 a{transition: all .3s; opacity: 0; cursor: pointer; position: absolute!important; right: 0; top: 3px; color: #006dc9; } .in-search5 .icon-search:before{ font-size: 20px; color: #006dc9;font-weight:bold;} .searchs5 .icon-search:before{content: "\e626";font-size: 18px; line-height: 100%; color: #006dc9; font-weight:bold; cursor: pointer;} .in-search50{width: 220px;} .in-search50 a{right: 15px; opacity:1;} .in-search50 .icon-search:before{ content: "\e600";} .searchs a:hover{color: #006dc9;} /*搜索框显示*/ .searchs{ display: none;} .in-search5{ width: 250px; right: 0; top: -18px;} .im-search5 input{ height: 42px;width: 250px; line-height: 42px; font-size: 14px!important;} .searchs .sbt{ } .in-search5 a{ opacity: 1; right: 15px; top: 8px;} /*导航开始*/ .headers{ position: relative; z-index: 888;} .navstop{ background:#006dc9; height: 60px; } .navMenu{ display: flex;} .navMenu>li { flex: 1; margin: 0 1px; display: inline-block;position: relative; height: 60px; line-height: 60px; } .navMenu>li.cr>a,.navMenu>li:hover>a{ background: #cc262a;} .navMenu>li>a { cursor: pointer; white-space: nowrap; display: block;padding: 0 18px 0 18px; box-sizing: border-box; text-align: center; color: #666; } .navMenu>li>a>span{ color:#fff;line-height:100%;font-size:18px;} .navMenu>li.cr>a, .navMenu>li>a:hover,.navMenu>li>a:hover *,.navMenu>li.cr>a * {} .wrap-nav .submenus{ display: none!important; height: 0; opacity: 0; transition: all .3s; position: absolute; overflow: hidden; width: 100%; left: 0; top: 60px; /*background:#fff; */background: #006dc9; padding: 10px 0 0 0; box-sizing: border-box; border-bottom-left-radius:8px; border-bottom-right-radius:8px;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); } .navMenu>li:hover .submenus{opacity: 1; text-align: left; font-size: 16px; border-top:5px solid rgba(150,46,51,0.05); } .navMenu>li:hover .submenus{opacity: 1; text-align: left; font-size: 16px; border-top:5px solid rgba(150,46,51,0.05); position: absolute;} .navMenu>li .submenus li{ line-height: 36px; margin-left: 0;margin-right: 0;padding-left: 15px; padding-right: 15px; line-height: 36px; float: none; display: block; /*border-bottom: 1px solid #f4f4f4;*/border-bottom: 1px solid rgba(255,255,255,.1); /*text-align: left;*/ text-align: center; } .navMenu>li .submenus li a{ font-size: 18px; color: #fff; } .navMenu>li .submenus ul{ padding-bottom: 15px; } .navMenu>li .submenus li:hover{ background: rgba(150,46,51,0.05);} .navMenu>li .submenus li:hover a{ /*color: #006dc9;*/color: #fff;} .navMenu>li .submenus li{ position: relative; transition: all .3s; } .navMenu>li .submenus li span{ position: relative; z-index: 4;} .navMenu>li .submenus li:after{ content: ""; display: block; position: absolute; left: 0; top: 0; height: 100%; width:0; /*background: rgba(0,109,201,0.05); *//**/background: rgba(255,255,255,0.2); /*background: #cc262a; */transition: all .3s;} .navMenu>li .submenus li:hover{ background: none;} .navMenu>li .submenus li:hover:after{ width:100%;} /*导航结束*/ /*二级菜单*/ .sub,.sub-1{ /*position: fixed;*/ position: absolute;left: 0; right: 0; background:rgba(255,255,255,1); border-bottom: 1px solid #f9f9f9; z-index: 1777; top: 156px; border-top:1px solid #d4d4d4; overflow: hidden;} .sub-ad{ float: right;} .sub .wrap-layer,.sub-1 .wrap-layer{ z-index: 2; padding-top:65px; padding-bottom: 65px;} .sub-1 .wrap-layer{ max-width: 1260px;} .sub .wrap-layer:after{ content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 100%; left: -100%; margin-left: 210px; background: #ececec; } .sub-lefts{ float: left; position: relative; z-index: 3;} .sub-right{ margin-left: 270px;} .sub-lefts ul{ display: block; width: 210px;} .sub-lefts ul li { margin-bottom: 4px; margin-top: 4px; padding-left: 40px;border-left:3px solid #ececec; font-size: 22px; color: #000; height: 70px; line-height: 70px; display: block; box-sizing: border-box;} .sub-lefts ul li.cr,.sub-lefts ul li:hover{ background: #fff; border-left:3px solid #d6000f;} .sec{ float:left;} .sec li{ min-height: 72px/*; position: relative;*/ } .sec-fir{ top: -15px; position: relative;height: 75px; line-height: 75px; border-bottom:1px solid #d4d4d4; width: 260px;} .sec .sub-sec{ position:absolute;/* left:350px; top: 0;*/ left:600px; top: 60px; display: none; width: 305px;} .sec li.cr .sub-sec{ display: block;} .sec-fir a{ font-size: 20px;height: 74px; line-height: 74px; display: block; position: relative;} .sec-fir a:after{ content: "\e67a"; font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; right: 0; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%)} .sub-infos{ min-height: 600px;} .sub-sec dt{ font-size: 16px; font-weight: bold; margin-top: 8px; margin-bottom: 8px;} .sub-sec dl{ margin-top: 10px; margin-bottom: 30px;} .sub-sec dd{ margin-top: 5px; color: #666; font-size: 14px; } .sub-sec dd a{ white-space: nowrap;} .sub-sec dd:hover{ padding-left: 25px;background:url(../images/arr_r3.png) 0 center no-repeat; } .sub-sec dd.new a{ padding-right:52px; position: relative; font-weight: bold; color: #000;} .sub-sec dd.new a:after{ width: 42px; height: 17px; content: ""; display: block; position: absolute; right: 0; bottom: 0;} .sub .sec-fir:hover a,.sub-sec dt:hover a,.sub-sec dd:hover,.sec li.cr .sec-fir a{ color:#006dc9;} .sub-ad{ padding-top: 20px;} .sub-ad .item-cell{ margin-bottom: 35px;} .subad{ position: absolute; right: 0; top:65px;} .sub-inner1{ min-height: 182px; padding-right: 420px;} .subnav-1{ position: relative; padding-left: 150px;} .subnav-1 h3{ position: absolute; left: 0; top: 0; font-size: 20px; color: #000;} .subnav-1 h3:hover{color:#006dc9;} .sub-1 ul{ display: flex; flex-wrap:wrap ; position: relative; top: -14px;} .sub-1 li{ margin-right: 115px; box-sizing: border-box; display: block;width: 235px; border-bottom: 1px solid #dedede; height: 60px; line-height: 60px; font-size: 16px;} .sub-1 li:nth-child(2n){margin-right: 0;} .sub-1 a{ display: block; transition: all .3s; -webkit-transition: all .3s; } .sub-1 li:hover a{padding-left: 40px;background:url(../images/arr_r3.png) 0 center no-repeat;color:#006dc9; } .sub-2 .sub-inner1{padding-right: 0; display: flex;} .sub-2 .subnav-1{ width: 50%; box-sizing: border-box;} .sub-2 ul {top: -5px;} .sub-2 ul li{ width: 50%; box-sizing: border-box; padding-right: 40px; margin-right: 0; border-bottom: none; line-height: 35px; height: 35px;} .sub-2 ul li a{padding-left: 16px; position: relative;} .sub-2 ul li a:after{border-left:2px solid #bfbfbf; left: 0; top: 13px; content: ""; height: 10px; display: block; position: absolute;} .sub-2 li:hover a{ background: none;padding-left: 16px;color: #13315d;} .sub-2 li:hover a:after{border-left:2px solid #13315d; } .sub0{ height: 0; transition: all .3s;-webkit-transition: all .3s; opacity: 0; } .subcr{opacity: 1;} .myssubs2{ opacity: 1;} /*二级菜单结束*/ /*首页*/ /*关于我们*/ .comtit{ text-align:center; font-weight:bold; line-height: 100%; } .comtit *{font-weight:bold;} .comtit cite{ color:#006dc9;} .com-desc{text-align:center; color: #666; margin-top: 15px;} .slogos{ line-height: 140%; font-weight: bold; color: #010101;} .abt-desc{text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .abt-desc a{ color: #999;} .slogos:hover{ color: #006dc9;} .abt-desc a strong{color: #010101; font-weight: normal;} .abt-desc a:hover{ color: #006dc9;} .mores a:hover{ background: #034b88;} .modvideo{ max-width: 660px;} .mores{ margin-top: 20px;} .mores a{ text-align: center; display: inline-block; width: 120px; height: 40px; line-height: 40px; background: #006dc9;color: #fff;} .mores a span:after{ line-height: 100%; content: ""; border:6px solid transparent; border-left: 6px solid #fff; margin-left: 6px; display: inline-block; vertical-align: middle;} .modvideo a:after{ content: ""; position: absolute; width: 52px; height: 52px; background: url("../images/videoicon.png") no-repeat; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);} .about-nums{ margin-right:0; margin-top: 30px;} .about-nums ul{ } .about-nums ul{ margin-top:20px; -webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content:space-between;} .about-nums ul li{ text-align:left; white-space: nowrap; color: #000; position: relative; /*margin-bottom:60px;*/ align-items: flex-end; } .about-nums ul li:nth-child(2) h3 span,.about-nums ul li:nth-child(4) h3 span{ /*min-width: 324px;*/ display: inline-block;} .about-nums ul li:nth-child(3) h3 span{/*min-width: 213px;*/ display: inline-block;} .about-nums ul li h3 span{ font-weight:normal; display: inline-block; padding-right: 15px;line-height: 100%;/*font-family: "arail"!important;*/ color: #005bac; /*font-weight: bold; */ font-family: "tf_din_medium"; } .about-nums ul li h3 {padding-right:0;position: relative; } /*.about-nums ul li h3 span:after{ content: ""; position: absolute; border-bottom: 1px solid #6eb939; display: block; bottom: -8px; left: 0; right:0; }*/ .about-nums ul li h3 cite{ } .about-nums ul li h3 cite.pr{ position: relative; left: -10px;} .about-nums ul li h3 sub{ position: relative;/*top: -35px;*/top: -25px; left: -10px;} .about-nums ul li i{ padding-top:5px; display: block; font-style: normal; /*font-weight: bold;*/} .about-nums{ } .about-nums ul li{ position:relative;} .about-nums ul li:hover h3 *{} .about-nums ul li.lines{ width: 0; height: 60px; border-left: 1px solid rgba(255,255,255,.5); display: block; } .about-nums ul li h3 sub.tbico{ width: 80px; position: absolute; left: 30px; top: -30px;} /*.modvideo .modpic{ height:400px!important;} */ .about-nums ul li:nth-last-child(1){ margin-right: 50px;} /*我们的服务*/ .greysbg{ background:#f8f8f8;} .services-navs{ width:240px; background: #fff; margin-right: 35px; padding-bottom: 15px;} .services-navs li{ position: relative; } .services-navs li>a{ display: block; position: relative; padding-left: 30px; /*padding: 6px 10px 6px 30px;*/ padding: 5px 10px 5px 30px; margin: 1px 0;} .services-navs li.cr>a,.services-navs li:hover>a{ background: #006dc9; color: #fff;} .services-navs li:hover>a:after,.services-navs li.cr>a:after{ content: ""; position: absolute; height: 100%; width: 6px; background: #cc262a; left: -5px; top: 0;} .serimgs{ width:52%; margin-top: 30px;} .serimgs .serpic{ width: 100%;} .mid-service{ margin-right: 25px;} .mid-service .service-tit{ padding-top: 30px; font-weight: bold; } .mid-service .service-desc{ color:#898989; color: #333;} .mid-service .service-desc:hover,.mid-service .service-tit:hover,.mod-whysel .item-desc:hover { color: #006dc9;} .service-desc{ margin-top:5px; line-height: 150%;} .wcase{ margin-top: 5px;} .wcase a{ margin-right: 20px;} .serinfos{ height: 0; overflow: hidden;} .seractive{ height:auto; overflow:visible;} /*客服*/ .mod-kf{ background:#006dc9 url("../images/bg60.jpg") center 0 no-repeat; height: 250px;} .mdkf{ color:#fff; } .mdkf .mdtits{ line-height: 100%; padding-top:60px; font-weight: bold;} .wraphottel{ margin-top: 35px;} .hottels h3{font-family: "tf_din_medium"; padding-top: 5px; line-height: 100%;} .hottels{ background:url("../images/kficon2.png") 0 center no-repeat; padding-left: 70px; margin-right: 55px;} .onlinekf a{ color: #fff; display: block; width: 170px; height: 45px; line-height: 45px; border-radius:45px; background: #cc262a; text-align: center;} .onlinekf{ margin-top: 20px;} .comtit2{ text-align: center;background:url("../images/doteds2.png") center bottom no-repeat; padding-bottom: 30px; } .comtit2 cite{ display: block; margin-top: 15px; color: #006dc9; font-weight: bold;} .comtit2 span{ color: #cc262a;font-weight: bold; position: relative;} .comtit2 span:after,.comtit2 span:before{ content: ""; width: 18px; height: 12px; background:url("../images/dhico1.png") 0 0 no-repeat; left: -34px; top: 2px; position: absolute;} .comtit2 span:before{background:url("../images/dhico2.png") 0 0 no-repeat; right: -34px; left: auto; top: 2px; } .mod-whysel{} .mod-whysel .item-core:nth-child(1),.mod-whysel .item-core:nth-child(3){ width: 25%;} .mod-whysel .item-cell{ margin-top: 20px;} .mod-whysel .item-desc{ min-height: 100px; line-height: 160%; margin-top: 5px; color: #8d8d8d;} .mod-whysel .item-tit *{ color: #000; font-weight: bold; } .mod-whysel .item-tit cite{ color: #006dc9; margin-right: 10px; padding-right: 20px;background:url("../images/doteds.png") right center no-repeat;} .mod-whysel .item-core:nth-child(2){ padding:0 35px;} .mod-whysel .item-core:nth-child(2) .item-pics{ height: 170px; width: 25%;} .mod-whysel .item-core .item-pics a{ display: flex; margin: 0 1px;background:url("../images/lksbg.png") 0 0 no-repeat;background-size: 100% 100%; height: 100%; align-items: center; justify-content: center;} .mod-whysel .item-core .item-pics a img{ max-width: 1} .mod-whysel .item-pics{ margin-top: -40px;} .mod-whysel .item-core:nth-child(2) .item-pics:nth-child(1){ margin-left: 12.5%;} .mod-whysel .item-core:nth-child(2) .item-pics:nth-child(8){ margin-left: 12.5%;} .mod-whysel .item-core:nth-child(2) .item-pics:nth-child(1),.mod-whysel .item-core:nth-child(2) .item-pics:nth-child(2),.mod-whysel .item-core:nth-child(2) .item-pics:nth-child(3){ margin-top: 0;} /*新闻列表*/ .newswraps{ align-items: flex-start; } .news-wrap1{ width: 60.3%; margin-right: 25px; width: 55%; background: #fff; border-radius:5px; overflow: hidden;} .news-wrap1 .item-pic{ width: 53.5%; float: left; width: 61%; /*height: 340px!important;*/ } .news-wrap1 .item-tit{ line-height: 140%; padding-top: 20px;} .news-wrap1 .item-tit a{ color: #000;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 2;} .news-wrap1 .item-tit a:hover,.news-wrap1 .item-desc:hover a{ color: #006dc9;} .news-wrap1 .item-desc{ margin-top: 15px;} .news-wrap1 .item-desc a{color: #999;display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 4;} .news-wrap1 .item-desc a:hover{} .news-wrap1 .item-date{ margin-top: 35px; color: #000;} .news-wrap1 .item-cnt{ margin-left: 57%;margin-left: 63%; padding-right: 20px;} .modindex-newslist{ width: 36%; width: 42.5%;} .modindex-newslist .item-cell {padding: 10px 10px 10px 110px; padding-left:90px; padding-top: 10px; padding-bottom: 11px; border-bottom: 1px solid #f6f6f6;/**/ position: relative; transition: all .6s; border-radius:5px; } .modindex-newslist .item-cell:hover{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); background: #fff; } .modindex-newslist .item-date{ font-family: "tf_din_medium"; width: 85px; padding-top: 0; text-align: center; position: absolute; left: 0; top:16px; bottom: 0; color: #1667b3; } .modindex-newslist .item-date span{ display: block; margin-top: 0px;} .modindex-newslist .item-desc a{ color: #999} .modindex-newslist .item-desc a:hover{color: #006dc9;} .modindex-newslist .item-date:after{ content: ""; right:-4px; top: 0; display: block;; width: 1px; position: absolute; height: 50px; height: 40px; background: #e5e5e5;} .modindex-newslist .item-date:after{ display: none;} .modindex-newslist{ background: #fff; border-radius: 5px;} /*底部*/ .footer{ background:#1667b3; color:#fff; padding-top: 40px;} .blogos{ margin-right:60px;} .part { margin-right:30px;} .ftinners{ border-top: 1px solid rgba(255,255,255,.2); margin-top: 30px;} .ftcopy{ padding-top: 25px; padding-bottom: 25px; } .copys,.blinks a{opacity: 0.8;} .copys a:hover{color: #fff;} .ftcopy .blinks a{ padding-left:30px; color: #fff;} .ftcopy .blinks a:hover{ color: #fff; opacity: 1;} .psub{ padding-top: 5px;} .psub a{ color: #fff; margin-right: 26px; opacity: 0.8} .psub a:hover{ opacity: 1;} .partcnts{ margin-top: 15px;} .psub a.cr{ opacity:1; /*font-weight: bold;*/ } .mscodes h3{ font-weight: normal; line-height: 100%;} .mscodes{ text-align: center; padding: 10px; background: rgba(255,255,255,.2); border-radius:5px; margin-right: 10%; } .telcnts>span{ opacity: 0.8} .telcnts h3{font-family: "tf_din_medium"; padding-top: 15px;} .guests{ margin-top:25px;} .guests a{ color: #fff; width: 145px; height: 45px; line-height: 45px; background: #cc262a; text-align: center; display: block;} .guests a span{background:url("../images/kficon1.png") 0 center no-repeat; padding-left: 35px; line-height: 45px; display: inline-block;} .guests a:hover,.onlinekf a:hover{ background: #a6070a;} /*关于我们*/ .modbanin:after{ content:""; display: block; height: 172px; display: block; position: absolute; left: 0; right: 0; bottom: 0; background:url("../images/bannerbg1.png") 0 bottom repeat-x;} .mod-topnav20{ height: 136px; margin-top: -90px; position: relative;z-index: 8;} .mod-topnav20 li{ position: relative; margin: 0 10px;} .mod-topnav20 li a{ position: relative; z-index: 1; line-height: 90px; min-width: 165px; display: block; color: #fff; text-align: center; padding: 0 15px;} .mod-topnav20 li:after,.mod-topnav20 li:after{ content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) scale(0.8);display: block; width: 222px; height: 189px;background:url("../images/arrbg.png") 0 0 no-repeat; margin-top: 18px; opacity: 0; transition: all .3s; } .mod-topnav20 li.cr a,.mod-topnav20 li:hover a{ color: #0e6eb2;} .mod-topnav20 li.cr:after,.mod-topnav20 li:hover:after{ opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); } .comtit5,.comtit5 *{ line-height: 100%;} .about-left{ width: 35%; margin-right: 5%;} .ablogo{ line-height: 135%; margin-top:60px; color: #0e6eb2;/* color: #265f7d; background-image:-webkit-linear-gradient(left,#275e7d,#3e1670,#3e1670); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ font-weight: bold;} .about-descs{ margin-top: 60px; color: #333; line-height: 180%;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .about-descs p{ line-height: 180%;} .about-descs strong{ color: #333; font-weight: normal;} .about-right{ padding:60px 230px 60px 0; position: relative; z-index: 1; margin-top: -40px;} .slogotit2{ font-style: italic; color: #333; margin-bottom: 20px; margin-top: 70px; position: relative ; z-index: 3; font-size: 18px;} .about-nums2{ position: absolute; top: 0; right: 0; z-index: 2;} .companysimg{ position: relative;z-index: 2;} .about-nums2 ul { display: block;} .about-nums2 ul li{ border-radius:15px; position: absolute; background: #fff; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); padding: 15px 50px 15px 20px;} .about-nums2 ul li:nth-child(1){ right: 150px; top: 20px; background: #fff url("../images/aic1.png") right 15px bottom 20px no-repeat;} .about-nums2 ul li:nth-child(2){right:-10px; top: 210px; background: #fff url("../images/aic2.png") right 15px bottom 20px no-repeat;} .about-nums2 ul li:nth-child(3){right:40px; top: 370px; background: #fff url("../images/aic3.png") right 15px bottom 20px no-repeat;} .about-nums2 ul li:nth-child(4){right:200px; top: 490px; } .about-nums2 ul li h3 sub.tbico{ top: -10px; left: 50px;} .about-nums2 ul li h3 sub{ top: -30px;} .about-nums2 ul li h3 sub{ left: -10px; top: -25px;} .about-nums2 ul li h3 span{ padding-right: 5px;} .about-nums2 ul li:nth-child(4) h3 span{ padding-right: 15px;} .mdabout{ position: relative;} .about-right:after{ content: ""; top: -0; bottom: -80px; right: -150px; background: url("../images/abbg4.jpg") right center no-repeat; display: block; position: absolute; background-size: auto 100% ; width: 100%; } .about-nums2 ul li h3 span{background-image:-webkit-linear-gradient(left,#4796dd,#692bca,#692bca); -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .abg2{ background:url("../images/abbg5.png") left -20px bottom -120px no-repeat; padding-bottom: 80px; background-size: 450px auto;} /*企业愿景*/ .about-right{ padding-bottom: 80px;} .visons-cell{ overflow: hidden;} .md-visons{height: 288px;background:url(../images/clbg.jpg) no-repeat; background-size: 100% 100%;/* overflow: hidden; */padding-top:65px; box-sizing: border-box; position: relative; margin-top: 200px;} .md-visons:after{ background:url(../images/culbgs1.png) left bottom no-repeat; height: 287px; content: ""; display: block; position: absolute; bottom: 0; left: 0; right: 0;} .md-visons:before{ background:url(../images/wybg2.png) left bottom no-repeat; width: 274px; /*height: 148px; */ background-size:auto 100%; height: 120px; content: ""; display: block; position: absolute; top:-148px;top:-120px; left: 168px;} .md-visons .wrap-layer20{ position: relative;height: 578px;} .md-visons .visons-img{ position: absolute;/* width:43.5%; bottom:-220px;*/ width:38.5%; bottom:-160px; right: -46px;} .md-visons .visons-img img{ display: block;} .vis-bg1,.vis-bg2{ position: absolute; top: 6%; left: 6%; right: 6%; bottom: 6%; border-radius: 100%; overflow: hidden;} .vis-bg1 img,.vis-bg2 img{ width: 100%; height: 100%; object-fit: cover;} .vis-cir{ position: relative; z-index: 3;} .vis-bg2{ z-index: 1; animation:anifadein infinite 3s; -webkit-animation:anifadein infinite 3s; } .wavescss{ position:absolute; border-radius:100%; top:6%; left:6%; right:12%; bottom:6%; z-index: 2 ; overflow: hidden;} .wavescss1{ position:absolute; bottom:30%; left: 0; right: 0; animation:anifadein2 infinite 40s; -webkit-animation:anifadein2 infinite 40s; animation-timing-function: linear; height: 159px; background: url(../images/wave_img1.png) 0 bottom repeat-x;} .vislogos{ position: absolute; left: 49%; transform:translateX(-50%); top: 40%; z-index: 2;} .md-visons .wrap-layer{ z-index: 3;} @keyframes anifadein2{ 0%{ background-position: 0 0;} 100%{background-position:-100% 0;} } @-webkit-keyframes anifadein2{ 0%{ background-position: 0 0;} 100%{background-position:-100% 0;} } @keyframes anifadein{ 0%{ opacity:0; transform: scale(0.97)} 33.33%{opacity:0.5;transform: scale(1)} 66.66%{opacity:1;transform: scale(.97)} 100%{opacity:0;transform: scale(1)} } @-webkit-keyframes anifadein{ 0%{ opacity:0; transform: scale(0.97)} 33.33%{opacity:0.5;transform: scale(1)} 66.66%{opacity:1;transform: scale(.97)} 100%{opacity:0;transform: scale(1)} } .visons-tit{ padding-top: 5px; font-weight: bold; font-style: italic;line-height: 100%; /*margin-top: 220px; *//* float: left;*/ color: #fff;} .visons-desc{ margin-top: 30px;/*margin-top: 220px;*/ width: 630px;line-height: 150%; /* float: left;*/color: #fff; } .visons-cell{ /*padding-top: 35px;*/ padding-top: 25px; margin-left: -30px;} .visons-cell .views{ height: 40px;display: none; color: #fff; clear: left; /*margin-left: 218px; padding-top: 25px;*/margin-left: 318px;padding-top: 55px;/* text-align: center;*/} .visons-cell .views a{ background: #f39800; text-align: center; display: inline-block;padding: 0 20px; height: 40px; line-height: 40px; } .visons-cell .views a:hover{ background: #d58602;} /*当前位置*/ .crumb{ float: right; overflow: hidden; position: relative; color: #666; z-index: 5;} .crumb ul li+li a:before{ content: ">"; margin: 0 5px;color: #666;} .companysimg span{ display: block; height: 310px!important; border-radius:15px; overflow: hidden;} .crumb ul li:nth-last-child(1){ color: #0e6eb2;} /*发展历程*/ .com-events{ margin-top: -50px;} .com-events .comtit5{ position: relative; top: -35px; } .eventsbg{ background: url("../images/eventbg.jpg") center 0 no-repeat; padding: 100px 0;} .event-tit4{ color: #fff; display: inline-block; position: relative; padding: 0 50px; margin-left: 0;} .event-tit4 h3{line-height:100%; margin-top:15px; font-weight: normal;} .event-tit4:after,.event-tit4:before{ right: 0; bottom: 0; border-right:2px solid #fff;border-bottom:2px solid #fff;position: absolute; width: 26px; height: 52px; content: ""; display: block;} .event-tit4:before{ left: 0; top:0; right: auto;border:none;border-left:2px solid #fff;border-top:2px solid #fff;} .eventyear *{ color: #fff;} .event-content *{ color: #fff;} .eventyear{ margin-top: 80px; margin-bottom: 35px; padding-bottom: 15px;} .eventyear .ityears{ padding-bottom: 25px; text-align: center; line-height: 100%; line-height: 60px; position: relative;} .eventyear .ityears span{opacity:0.8;} .eventyear .active{ font-size: 42px; line-height: 100%;} .eventyear .active span{ opacity: 1; font-weight: bold;} .eventyear .ityears:after{ position: absolute; display: block; left: 50%; bottom:-26px; transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,.8); content:""; width: 8px; height: 8px; border-radius:16px; border: 8px solid #1857ac;} .eventyear .item-cell{ overflow: visible;} .eventyear .swiper-wrapper{ /*align-items:flex-end;*/ } .eventyear:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 12px; right: 0; border-bottom: 2px solid rgba(255,255,255,.8)} .eventyear .active .ityears:after{background:#cc262a; } .eventyear .active .ityears:before{ content:""; width: 14px; height: 14px; border-radius:14px; border: 1px solid #cc262a;position: absolute; display: block; left: 50%; bottom:-18px; transform: translateX(-50%) translateY(-50%); z-index: 4;} .event-info ul{ justify-content: center; margin-top:60px; flex-wrap: wrap; font-size: 16px;} .event-info ul li{ margin-right: 50px; min-width: 0; margin-bottom: 30px;} .event-info ul li h6{ padding-top:15px;} .years{ position: relative;} .year-btl,.year-btr{ position: absolute; cursor: pointer; left: -6px;; color: #fff; top: 75px; z-index: 8 } .year-btr{ right: -6px; left: auto; } .year-btl.swiper-button-disabled a:before{ opacity: 0.5} .year-btr.swiper-button-disabled a:before{ opacity: 0.5 } .year-btl a:before,.year-btr a:before{font-size: 24px;color: #fff!important; cursor: pointer; } /*企业荣誉*/ .hor-left{ width: 540px; padding-top: 45px; padding-bottom: 45px; padding-left: 50px; margin-right: 45px; position: relative;} .mod-hors{ margin-top: 50px;} .horsrolls-wrap{ max-width: 495px; position: relative; z-index: 3;} .hor-left:after{ content:""; background: #fff; left: 0; top:0; bottom: 0; right: 50px; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); display: block; position: absolute; display: block; border-radius:15px; } .horsrolls-wrap .item-cnt{ padding-top: 10px; max-width: 400px;} .hor-right ul{ flex-wrap: wrap;} .hor-right ul li{ position: relative; margin-top:35px; margin-bottom: 0; padding: 25px 20px; width: 45%; margin-right:5%; padding-left: 80px;background: url("../images/jbicon1.png") 20px 35px no-repeat; border-radius:15px; cursor: pointer; } .hor-right ul li div{ /*line-height: 100%;*/} .hor-right ul li span{ font-weight: bold; } .hor-right ul li.cr{ background: #f7f7f7 url("../images/jbicon1.png") 20px 30px no-repeat;} .hor-right ul li cite{display: none; color: #ccc; position: absolute; right: 15px; top:8px;} .hor-right ul li.cr cite{ display: block;} .hor-right ul li.cr:after{ content: ""; background: url("../images/wybg.png") no-repeat; width: 56px; height: 33px; position: absolute; display: block; top: -33px; right: 10px; display: block; } .hor-left .datasnums{ position:relative; color:#000; z-index:5; margin-top:5px; color: #7f7f7f; } .hor-left .datasnums cite{ color: #000; font-weight: bold;} /*核心团队*/ .personer-wrap{ margin-top: 150px; flex-wrap: wrap;} .personer-wrap .item-cell{margin: 0 20px; /*margin-bottom: 150px; */padding-bottom:40px; width:250px; background: #094b8f; border-radius:10px; color: #fff; text-align: center;} .personer-wrap .item-cell .item-pic{ border: 1px solid #094b8f; border-radius:100%; overflow: hidden; width: 160px; margin: -100px auto 0 auto;} .personer-wrap .item-cell .item-cnt{ padding:20px 15px 0 15px;} .personer-wrap .item-cell .item-desc{ opacity: 0.8; margin-top: 5px;} .personer-wrap .item-cell a:hover{ color: #fff;} /*.personer-wrap .item-cell:nth-last-child(1),.personer-wrap .item-cell:nth-last-child(2){ margin-bottom: 0;}*/ /*新闻列表*/ .newsrolla-wrap{ } .newsrolla-wrap .item-cell{} .newsrolla-wrap .item-cnt{ } .newsrolla-wrap .item-pic { width: 60%; /*height: 495px!important;*/ height: 400px!important;} .newsrolla-wrap .item-pic img{ height:auto; width:auto;} .newsrolla-wrap .item-tit *{ } .newsrolla-wrap .item-tit{ } .newsrolla-wrap .item-cnt{ background: url("../images/newsbg2.png") no-repeat; margin-left: -160px; margin-right: -160px;position: relative; z-index: 4;} .newsrolla-wrap .item-inners{ width: 100%; margin-left: -100px; background: url("../images/newsbg1.png") left 0 top 0 no-repeat; /* height: 430px; */height:300px; background-size:auto 100%} .newsrolla-wrap .item-inn2{ padding-left: 200px;padding-left: 150px;/* padding-right: 160px;*/ /*padding-right: 15%;*/padding-right:30%; } .newsrolla-wrap .item-tit{ margin-top: 10px; line-height: 140%;} .newsrolla-wrap .item-desc{ color:#7a7a7a; margin-top:15px;} .newsrolla-wrap .item-date{ color:#a09f9f; } .newsrolla-wrap .item-more{ margin-top: 20px;} .newsrolla-wrap .item-more a{ transition: all .3s; text-align:center; background: #1667b3; color: #fff; display: inline-block; width: 142px; height: 35px; line-height: 35px; } .newsrolla-wrap .item-more a:after{ vertical-align: middle; content: ""; display: inline-block; background: url("../images/ar1.png") no-repeat; width: 12px; height: 6px; margin-left: 10px; } .newsrolla-wrap .item-more a:hover{ background: #054e81;} .newsrolla-wrap{ position: relative;} .newsrolla-wrap .datasnums2{ position: absolute; padding-left: 61%; bottom:5px; z-index: 9; margin-left: -120px;} .searchnews{ position: relative; z-index:4;} .mod-serch-l{cursor:pointer; min-width:130px; background: #fff url(../images/dicon1.png) right 20px center no-repeat; height:30px;height:42px; position:relative; float:left; margin-right: 30px;margin-top:0;/* border-radius: 10px; */color: #333; width: 240px; height: 50px; line-height: 50px; padding-left: 30px; border: 1px solid #d5d4d4;margin-bottom: 25px;} .mod-serch-l span{ line-height:45px; padding-left:0;} .mod-serch-l ul{ max-height: 300px; overflow-y:auto; border: 1px solid #d5d4d4; position:absolute; top:50px; left:0; right: 0; background:#f8f8f8; border-top:none; padding:5px 0; display:none; } /*.mod-serch-l:hover ul{ display:block;}*/ .mod-serch-l ul li{ padding:0 30px; line-height:40px; border-bottom:1px dotted rgba(255,255,255,.1); cursor:pointer;} .mod-serch-l ul li:hover{ background:#1667b3; color: #fff} .mod-serch-l ul li:hover *{color: #fff} .inputs{ width: 350px; position: relative;} .inputs input{width: 350px; font-size: 16px; height: 50px;border: 1px solid #d5d4d4; padding: 0 80px 0 20px;} .inputs a{ position: absolute; right: 15px; top: 12px; cursor: pointer;} .inputs a:before{ font-size: 20px;} input{ font-family: "SourceHanSansSC-Regular"; font-weight: normal;} .newlist6-wrap{ margin-right: -4%; margin-top: -4%; clear: both; overflow: hidden;} .newlist6-wrap .item-cell{ position: relative; margin-top:4%; width: 29.33%; margin-right: 4%; border: 1px solid #d8d8d8;/*background: rgba(36,40,53,.8);*/ color: #010101;} .newlist6-wrap .item-cnt{ padding: 25px;} .newlist6-wrap .item-desc{ min-height:110px; margin-top:10px; } .newlist6-wrap .item-desc a{ opacity: 0.7; color: #7a7a7a;} .newlist6-wrap .item-date a{ opacity: 0.7; display: block; } .newlist6-wrap .item-date{background: url("../images/ar20.png") right center no-repeat;} .newlist6-wrap .item-cell .item-picwrap{ height: 0; overflow: hidden;}/* .newlist6-wrap .item-cell:hover .item-picwrap{ position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0;} */.newlist6-wrap .item-cell .item-picwrap .item-pic2{ /*position: absolute!important; height: 100%!important; top: 0; left: 0; right: 0;*/} .newlist6-wrap .item-cell:hover .item-tit a,.newlist6-wrap .item-cell:hover .item-date a { color: #1667b3;} .newlist6-wrap .item-cell:hover .item-date{background: url("../images/ar21.png") right center no-repeat;} .newlist6-wrap .item-tit{ line-height: 140%; height: 61px;} .newlist6-wrap .item-picwrap{ overflow: hidden; opacity: 0;} /*.newlist6-wrap .item-cell:hover .item-picwrap{ height: auto; overflow: visible; opacity: 1;} .newlist6-wrap .item-cell:hover .item-pic{ height: 0!important; overflow: hidden;} .newlist6-wrap .item-cell:hover .item-cnt{ position: absolute; bottom: 0; top: 0; background: rgba(14,110,178,.4); left: 0; right: 0;} .newlist6-wrap .item-cell img{ display: block; } .newlist6-wrap .item-cell:hover .item-desc{ margin-top: 20px;} .newlist6-wrap .item-cell:hover *{ color: #fff!important; opacity: 1!important;}*/ /*新闻中心*/ .mdshares{ text-align: center; margin-top: 30px; overflow: hidden; position: relative;} .mdshares a{ padding: 0 15px; display: inline-block; position: relative; background: #fff; z-index: 2;} .mdshares img{ width:35px; height: auto;} .mdshare{ text-align: center; position: relative; margin-bottom:0;} .mdshare .social-share>a{ display: inline-block; border: none; margin:0 10px; width: 24px; height: 24px;} .mdshare .social-share>a:before{ display: none;} .mdshare .social-share>a.icon-wechat{ background: url("../images/wxicon1.png") 0 center no-repeat; background-size: 24px auto;} .mdshare .social-share>a.icon-weibo{ background: url("../images/wxicon2.png") 0 center no-repeat;} /*.mdshare:after,.mdshare:before{ content: ""; display: block; position: absolute;border-bottom: 1px solid #e5e5e5; width: 44%; left: 0; top: 50%;} .mdshare:before{ left: auto; right: 0;}*/ .newsInfo { max-width: 1380px; margin: 0 auto; color: #666;padding: 0 0 0 0; /* min-height: 300px;*/ /* _heihgt: 300px;*/ } .newsInfo h1 { text-align: center;color:#111; font-weight: bold; position: relative; line-height: 160%; position: relative; padding-bottom:0px; margin-bottom: 10px; } .newsInfo h3:after{ content:""; background: #ce9b59; height: 3px; width: 60px; margin-left: -30px; left: 50%; position: absolute; bottom: 0; display: none;} .newsInfo .source { border-top: 1px solid #e5e5e5;margin-bottom: 30px; margin-top: 20px; padding-top:15px; text-align: center;} .newsInfo .source ul { text-align:center;padding: 0 0; margin-bottom: 0;/*border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;*/} .newsInfo .source li.ic-1{ color: #ed2326; border-right: 1px solid #999;} .newsInfo .source li { display: inline-block; padding: 0 25px 0 0; line-height: 100%; color: #999; /*color: #333;*/ } .newsInfo .source li span{color: #666;} .newsInfo .content { margin: 10px 0 0 120px; margin: 10px 0 0 0; min-height:100px; _height:100px; color: #000; } .newsInfo .content p, .newsInfo .content *, .newsInfo .content { /*line-height:30px;*/ line-height: 200%; } .article .content p{text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .newsInfo .content p{padding: 0 0 1em 0;/* */text-indent: 2em; text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .newsInfo .content img,.article .content img{ display: block; margin: 0 auto;/*display:inline-block; margin: 0 auto;*/ max-width: 100%; height: auto!important;} .newsboxs{ position: relative; padding-right: 0;} .newsInfo .content,.newsInfo .content * { /*font-size: 16px!important;*/} .news-prev-next{ margin-bottom: 0; padding-top: 20px; margin-top: 30px; border-top:1px solid #e5e5e5;} .news-prev-next ul{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content:space-between;} .news-prev-next ul li{ position: relative; max-width: 48%;} .news-prev-next ul li span{ height: 16px; line-height: 16px; display: inline-block; margin-right: 8px; border-right: 1px solid #7f7f7f; padding-right: 8px; color: #333} .news-prev-next ul li.news-prev a{background: url("../images/prevbt.png") 0 center no-repeat;/**/ padding-left:32px;display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .news-prev-next ul li.news-next a{background: url("../images/nextbt.png") right center no-repeat;/**/ padding-right:95px;display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;} .news-prev-next ul li.news-next span{ position: absolute; right:28px; top:6px;border-left: 1px solid #7f7f7f; border-right: none; padding-left: 8px; padding-right: 0;} /*联系我们*/ .contactstit{ padding-bottom: 10px; border-bottom: 1px solid #b8b9ba;} .contacts-wrap{ margin-right:3%; margin-bottom: 50px;} .contacts-wrap .item-cell{ padding: 35px 25px 100px 25px; width: 22%; margin-right: 3%; margin-top:5%; background: #fff url("../images/cbg2.png") right top no-repeat; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); position: relative; transition: all .3s;} .contacts-wrap .itemsimg{ position: absolute; right: -10px; top: -20px; width: 75px; height: 75px; border-radius:75px; overflow:hidden;} .contacts-wrap .item-cnt{ } .contacts-wrap .item-pic {} .contacts-wrap .item-pic img{ height:auto; width:auto;} .contacts-wrap .item-tit *{ } .contacts-wrap .item-tit{ line-height: 140%; padding-right: 50px; font-weight: bold; min-height: 50px; } .contacts-wrap .item-desc{ margin-top: 20px;} .contacts-wrap .item-desc ul li{ color: #666; padding-left: 25px; line-height: 140%; margin-top: 10px;} .contacts-wrap .item-desc ul li.ic1{background: url("../images/sicon1.png") 0 4px no-repeat;} .contacts-wrap .item-desc ul li.ic2{background: url("../images/sicon2.png") 0 4px no-repeat;} .contacts-wrap .item-desc ul li.ic3{background: url("../images/sicon3.png") 0 4px no-repeat;} .losog1{color: #b8b7b7; font-size: 12px; font-style: italic; position: absolute; bottom: 35px; left: 25px;} /*.contacts-wrap .item-cell:hover{ background: #045495 url("../images/cbg2.png") right top no-repeat; } .contacts-wrap .item-cell:hover *{ color: #fff;} .contacts-wrap .item-cell:hover li.ic1{background: url("../images/dzic10.png") 0 2px no-repeat;} .contacts-wrap .item-cell:hover li.ic2{background: url("../images/dzic20.png") 0 2px no-repeat;} .contacts-wrap .item-cell:hover li.ic3{background: url("../images/dzic30.png") 0 2px no-repeat;}*/ /*新加*/ .contacts-wrap .item-cell{ width:100%; border-bottom-right-radius:60px; border-top-left-radius:60px; padding-top:80px; padding-bottom: 80px;} .contacts-wrap ul{ display: flex; justify-content: space-between;} .contacts-wrap ul li{ font-size: 20px; } .contacts-wrap .item-tit{ text-align: center; font-size: 28px;} .contacts-wrap .item-desc{ margin-top: 40px;} .contacts-wrap .item-desc ul li{ max-width: 360px; height: 70px; display:flex; align-items: center; color: #000; background-position: 0 center!important; line-height: 150%; background-size: auto 70px!important; padding-left:90px;} .losog1{ left: 50%; transform: translateX(-50%); display: none;} .contactsguest{ position: relative;} .mgs{ position: absolute; bottom: 0; left: 0; right: 0;} .contactsguest img{ display: block; margin: 0 auto;} /*新改联系我们*/ .contacts-wrap .item-cell{box-shadow:none!important; margin-top: 10px; padding-top: 0; padding-bottom: 40px;} .contacts-wrap .itemsimg{ display: none;} .contactstit{ display: none;} .mgs{ color:#fff;} .mgsright { background: #092547;} .mgsleft{ width: 40%; } .mgsright{ width: 60%; padding: 60px; } .mgscell{ margin-top: 35px; } .mgsinput{position: relative;} .mgsinput a{ position: absolute; right: 0; top: 0;} .mgsinput a img{ height: 35px!important; width: auto; transform: translateX(0%); left: 0;} .mgsinput input{border:none; line-height: 50px; font-size: 16px; color: #fff; width: 100%; background: none; border-radius:0; border-bottom: 1px solid #8492a3; } .mgsbt{ margin-top:25px;} .mgsbt a{ height: 50px; line-height: 50px; background: #fff; color: #061a32; width: 160px; height: 50px; line-height: 50px; text-align: center; border-bottom-right-radius: 20px; border-top-left-radius: 20px; display: block;} .agrees{ margin-top: 60px;} .agrees a{ color: #dc1313;} .mgsbox{ align-items: center;} .mgstit13{ margin-top: 140px; line-height: 160%; font-style: italic;} /*企业文化*/ .culvison { margin-top: 35px; background: url("../images/curturesbg.jpg") center 0 no-repeat; height: 613px; padding-top: 150px; color: #fff; } .cultits span{ font-weight: bold; line-height: 100%; position: relative;} .cultits{ position: relative; line-height: 100%;border-bottom: 1px solid #58acfb; padding-bottom: 20px; max-width: 1058px;} .cultits span:after{ content: ""; display: block; width: 115px; border-bottom: 1px solid #d81e06; position: absolute; bottom: -21px; left: 0;} .culsolgos{ margin-top:35px;} .culvison .cultits:before{ font-family:"arail"; font-weight:bold; display: block; content: "Vision"; position: absolute; font-size:120px; top:-105px; left: 140px; color: #045596; opacity: 0.04; text-transform: uppercase;} .mod-culcore{ margin-right: -2%;} .mod-culcore .item-core{ width:48%; margin-right: 2%;} .mod-culcore .item-cell{ transition: all .3s; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); background:#fff; margin-top:5%; padding: 12% 10% 12% 10%; } .mod-culcore .item-desc{margin-top: 40px;} .mod-culcore .item-core:nth-child(1){ margin-top: -250px; position: relative; z-index: 6;} .mod-culcore .item-cell .item-desc{ text-align: center; position: relative;} .mod-culcore .item-core .item-desc:after{ content: ""; position:absolute; width: 22px; height: 46px; left: 0; top: 0; border-top:2px solid #cc262a; border-left:2px solid #cc262a;} .mod-culcore .item-core .item-desc:before{ content: ""; position:absolute; width: 22px; height: 46px; right: 0; bottom: 0; border-bottom:2px solid #cc262a; border-right:2px solid #cc262a;} .culwraps .container{ } .mod-culcore .item-desc i,.it-vulaes{ font-style: normal; color: #125a9e; font-weight: bold; position: relative;} .it-vulaes{ display: inline-block; text-align: center;} .mod-culcore .item-desc i:after,.it-vulaes:after{ content: ""; background: url("../images/culbg5.png") center 0 no-repeat; width: 123px; height: 113px; position: absolute; right: -90px; top: -30px; display: block;} .mod-culcore .item-desc .misscnts1{ font-weight: normal;} .misscnts2 span{ background: #125a9e; color: #fff; padding: 8px 20px; display: inline-block; line-height: 100%;} .misscnts2 cite{ border-radius: 100%; margin: 0 18px; background: #125a9e; color: #fff; width: 24px; height: 24px;display: inline-block; line-height: 100%;} .misscnts1{ letter-spacing: 10px;} .mod-culcore .item-cell:hover{ background: #045596;} .mod-culcore .item-cell:hover *{ color: #fff;} .mod-culcore .item-cell:hover .item-desc:after, .mod-culcore .item-cell:hover .item-desc:before{ border-color:#fff!important; } .mod-culcore .item-cell:hover .misscnts2 span{ background:rgba(255,255,255,.12);} .mod-culcore .item-cell{ position: relative;} .mod-culcore .item-cell:after{ text-transform: uppercase; position: absolute; right: 0; line-height: 100%; top: 0;font-family:"arail"; font-weight:bold; display: block; position: absolute; color: #045596; opacity: 0.04; text-transform: uppercase;font-size: 72px;} .mod-culcore .item-core:nth-child(1) .item-cell:nth-child(1):after{content:"Values"; } .mod-culcore .item-core:nth-child(1) .item-cell:nth-child(2):after{content:"Purpose"; } .mod-culcore .item-core:nth-child(2) .item-cell:after{content:"Mission"; } .mod-culcore .item-cell:hover:after{ color: #fff;} .modbanin2:after{ display:none; } /*党建列表*/ .partysad{ margin-top: 40px; } .crumb{ overflow: hidden;} .crumb2{ /**/float: none; border-bottom: 1px solid #efefef; padding-bottom: 15px;} .partysad{border-radius:8px; overflow: hidden;} .modsparty{ margin-top: -13%; position: relative; z-index: 2; background: url("../images/partybg6.png") center bottom no-repeat; } .mosdsparty2{background: url("../images/partybg5.png") center bottom no-repeat; } .mod-news-20{ flex-wrap: wrap;margin-right:-3.3%; /*margin-top: -4%;*/ padding-bottom: 15px; } .mod-news-20 .item-cell:nth-child(1){ border-bottom: none;} .mod-news-20 .item-cell{ overflow: hidden; width:30%; margin-right: 3.3%; margin-top:4%; position:relative; /*border-bottom: 1px solid #cccecf;*/ padding-bottom: 30px;} .mod-news-20 .item-cell:nth-child(1):after,.mod-news-20 .item-cell:nth-child(1):before{ display: none;} .mod-news-20 .item-cell:after,.mod-news-20 .item-cell:before{ border-bottom:1px solid #cccecf;transition:all .3s; content:""; position: absolute; width:0; height: 1px; display: block; left: 0; bottom:0; } .mod-news-20 .item-cell:before{width:100%;} .mod-news-20 .item-cell:after{width:0;border-bottom:1px solid #bd0102;} .mod-news-20 .item-cell:hover{/*border-bottom:1px solid #bd0102;*/} .mod-news-20 .item-cell:hover:after{width:100%; z-index: 2;} .mod-news-20 .item-cell:hover:before{} .mod-news-20 .item-cnt{ } .mod-news-20 .item-pic { overflow: hidden; max-height: 300px;} .mod-news-20 .item-pic img{ height:auto; width:auto;} .mod-news-20 .item-tit *{ color: #000;/**/ font-weight: bold;} .mod-news-20 .item-tit{ min-height: 52px;/*font-weight: bold;*/ height: auto; overflow: hidden; line-height: 130%; margin-top: 22px; } .mod-news-20 .item-date{font-family: "arial"; color: #666; margin-top:20px; position: relative; padding-bottom: 0;} .mod-news-20 .item-date:after{ content: ""; width: 42px; height: 6px; background: #003d79; position: absolute; bottom: 0; left: 0; display: none;} .mod-news-20 .item-date h3{ padding-top: 15px; padding-bottom: 4px;} .mod-news-20 .item-desc{ color: #666; line-height: 150%; margin-top:15px; overflow: hidden; /*height: 48px;*/} .mod-news-20 .item-tit a:hover,.mod-news-2 .item-desc a:hover{color: #0e6eb2;} .mod-news-20 .item-desc,.mod-news-20 .item-desc a{ display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .mod-news-20 .item-1 .item-desc{ line-height: 180%; color: #999;} .mod-news-20 .item-1 .item-desc,.mod-news-20 .item-1 .item-desc a{-webkit-line-clamp:4;} .mod-news-20 .item-1{ width: 97%; } .mod-news-20 .item-1 .item-pic{ margin-left: 100px; width: 45.8%; float: right; max-height:440px;} .mod-news-20 .item-1 .item-tit{ height: auto;/* height: 90px;*/ padding-top: 0; margin-top: 0; position: relative; padding-bottom: 0; margin-bottom: 30px;} .mod-news-20 .item-1 .item-tit a{ max-height:78px; font-weight: bold;display: block; overflow: hidden;} .mod-news-20 .item-1 .item-date{margin-top: 15px; color: #999; position: static;/*text-align: center;*//*position: absolute; top: 0; left: 0;*/} .mod-news-20 .item-1 .item-date:after{ display: none;} .mod-news-20 .item-1 .item-date .md-pc i{ display: block; font-style: normal; line-height: 100%; color: #193e6a;} .mod-news-20 .item-1 .item-desc{ font-size: 16px; position: relative;} .mod-news-20 .item-1 .item-tit:after{ border-bottom: 1px solid #717071; content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; display: none;} .mod-news-20 .item-1 .mores{ color: #003d79; font-family: "arial"; text-transform: uppercase; margin-top:60px;} .mod-news-20 .item-1 .mores a{ width: 32px; height:16px; line-height: 138px; overflow: hidden; display: block; background: url("../images/arr5.png") no-repeat; text-align: center; color:#fff; } .mod-news-20 .item-1 .item-cnt{ margin-left: 0;} .mod-news-20 .item-1 .item-cnt:after{ content: ""; position: absolute; width: 80px; height: 8px; display: block; background: #f39800; top: 40px; right: 45.8%; margin-right: -40px; display: none;} .mod-news-20 .item-1 {/* border-bottom: 1px solid #ebebeb; padding-bottom: 4%;*/ } /*检测能力*/ .mod-creat{ background: url("../images/capbgs.jpg") center 0 no-repeat; margin-top: -50px; padding-top: 20px; min-height: 400px;} .comtit8{ padding-top: 100px;} .comtit8 span{ color:#006dc9; position: relative;} .comtit8 span:after{ content: ""; display: block; right: -60px; top: -20px; position: absolute; width: 52px; height: 52px; background: url("../images/txtbg5.png") center 0 no-repeat;} .cslogo{ margin-top: 20px;} .cstabs{ margin-top: 250px;} .cstabs a{ position: relative; cursor: pointer; color:#fff; width:12.5%; background:rgba(0,0,0,.4); height:160px; box-sizing:border-box; border:1px solid #fff;} .cstabs a{ margin-left:12.5%; } .cstabs a:nth-child(1){ margin-left:37.5%;} .cstabs a:nth-child(4){ margin-left:0;} .cstabs a:nth-child(12){ margin-left:50%;} .cstabs a:nth-child(5):after{ content: ""; display:block; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background:url("../images/ztext1.png") center center no-repeat; background-color: rgba(0,0,0,.1);} .cstabs a:nth-child(6):after{ content: ""; display:block; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background:url("../images/ztext3.png") center center no-repeat; background-color: rgba(0,0,0,.1);} .cstabs a:nth-child(7):after{ content: ""; display:block; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background:url("../images/ztext4.png") center center no-repeat; background-color: rgba(0,0,0,.1);} .cstabs a:nth-child(8):after{ content: ""; display:block; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background:url("../images/smlogo5.png") center center no-repeat; background-color: rgba(0,0,0,.1);} .cstabs a:nth-child(9):after{ content: ""; display:block; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background:url("../images/ztext2.png") center center no-repeat; background-color: rgba(0,0,0,.1);} .cstabs a:nth-child(10):after{ content: ""; display:block; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background:url("../images/ztext5.png") center center no-repeat; background-color: rgba(0,0,0,.1);} .cstabs a span{ max-width: 100px; margin: 0 auto; text-align: center; line-height: 150%;} .cstabs a.cr,.cstabs a:hover{ background:url("../images/smlogo3.png") right 20px bottom 20px no-repeat, url("../images/sbg6.jpg") no-repeat;} .serlefts{ position: relative; width: 66.8%; /*width: 72.8%;*/ color: #fff; padding-top:50px; padding-bottom: 40px; padding-right: 60px;} .serlefts:after{ content: ""; position: absolute; background: #135ba0 url("../images/smlogo2.png") right 20px bottom 20px no-repeat; right: 0; width: 1600px; top: 0; bottom: 0; } .serinners{ position: relative; z-index: 5;} .seright{top: 200px; position: absolute; left: 72%; top: 270px; width: 480px;} .serwraps{ margin-top: 50px; position: relative; } .serlefts .service-tit{ margin-top: 0; margin-bottom: 15px; font-weight: bold; } .serlefts .service-desc{ margin-bottom: 40px;} .messages{ margin-top: 80px; max-width: 814px;} .guesttit{ color: #1667b3; font-weight: bold; } .messages .frmsput{ margin-top: 20px;} .messages .itemfrms:nth-child(1){ display: flex; justify-content: space-between;} .messages .itemfrms:nth-child(1) .frmsput{ width: 48%;} .messages .frmsput input{ border:1px solid #e4e3e3; font-size: 16px; width: 100%; height:40px; padding: 0 15px; line-height: 40px; background:#fbfbfb;} .messages .frmsput textarea{ font-family: "SourceHanSansSC-Regular"; font-weight: normal; font-size: 16px; width: 100%; height: 100px; overflow-y: auto; border:1px solid #e4e3e3; padding: 15px; background:#fbfbfb;} .messages .checksbox{ margin-top: 15px;} .messages .checksbox a{ color: #dc1313;} .messages .itemsubmits{ margin-top: 25px;} .messages .itemsubmits a{ display: block; background: #1667b3; color: #fff; text-align: center; width: 180px; height: 38px; line-height: 38px;} .messages textarea::placeholder{color:#aaa;} .seright .item-cell{ position: relative;} .seright .item-cnt{ padding: 5px 10px; background:url("../images/bannerbg1.png") 0 bottom no-repeat; background-size:100% 100%; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; position: absolute; text-align: center;} .messages .itemfrms:nth-child(1) .frmsput:nth-child(1) input{background:#fbfbfb url("../images/ryicon1.png") right 10px center no-repeat;} .messages .itemfrms:nth-child(1) .frmsput:nth-child(2) input{background:#fbfbfb url("../images/mbicon1.png") right 10px center no-repeat;} .datasnums2 {color:#999;} .datasnums2 cite{ color:#1667b3;} .datasnums2 span{ color:#999;} .ctr{ position: absolute; left: 58%; bottom:8px; z-index: 8; right: 15%;} .ctrs .swiper-pagination{ position: static; flex: 1; display: flex; align-items: center;} .ctrs .bt-l:before, .ctrs .bt-r:before{ font-size: 24px; line-height: 100%; color: #1667b3; cursor: pointer; } .ctrs .swiper-pagination span{ background: #1667b3; flex: 1; opacity: 1!important; border-radius:0; height: 1px; margin-top: -6px; } .ctrs .swiper-pagination span.swiper-pagination-bullet-active{ background: #c72529!important;} .modvideo{ position: relative;} .modvideo video{ /*height: 100%; width: auto; */} a.playbt:after{ display: none;} .modvideo *{ cursor: pointer; } /*.modvideo video{ position: absolute; width: 100%; height: 100%; width: auto; height: auto; z-index: 3; overflow: hidden; bottom: 0; left: 50%; -webkit-transform: translateX(-50%) translateY(0%); transform: translateX(-50%) translateY(0); } */ /*弹出层视频*/ .ab-video,.ab-video *{ cursor: pointer;} .modvideo-layer{ position: fixed; left:0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.9); z-index: 9999999999; display: block; display: none;} .modvideo-layer .md-tables{ display: table; width: 100%; height: 100%;} .modvideo-layer .m-td{ display: table-cell; width: 100%; height: 100%; vertical-align: middle;} #md-videos2{ margin: 0 auto; max-width: 900px;} #md-videos2 .video-txt{ position: static; margin-top: 50px;} .video-close{ cursor: pointer;position:fixed; color: #fff; font-weight: normal;z-index: 99; right:40px; top: 40px; background:url(../images/close3.png) center center no-repeat; width:45px; height: 45px;} .layui-form-select dl dd.layui-this{ background: #13315d!important;} .ser-incells{ height: 0; overflow: hidden;} .ser-cr{ height: auto; overflow: visible;} .ser-incells .seright .item-cnt{ display: none;} .ser-incells:nth-child(4) .seright .item-cnt{ display: block;} .serlefts .wcase a{ padding: 0 8px; background: #fff; display: inline-block;} .serlefts .wcase a img{ display: block;} .about-nums2 ul li h3 sub{ left: -5px;} .fixeds{ position: fixed; right: 0; bottom: 90px; z-index: 999; } .fixeds ul{ position:absolute; top:120px; top:100px; text-align: center; left: 0; right: 0;} .fixeds ul li{ transition: all .3s;font-size: 14px; color: #333333; margin-bottom:2px; padding: 7px 0; } .fixeds ul li:hover{ background: rgba(13,111,179,0.05);} .fixeds ul li img{ margin: 0 auto; transition: all .3s; display: block;} .fixeds ul li:hover a{ color: #0d6fa8;} .fixeds ul li:hover img{ transform:scale(1.08);} .fixeds>img{ max-width:95px;} #events{ top: -150px; position: relative;} .mod-news-5{ } .mod-news-5 .item-cell{ padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px solid #e0e0e0; overflow: hidden; position: relative; } .mod-news-5 .item-cnt{ margin-left: 400px; padding-top:25px; margin-right:170px; } .mod-news-5 .item-pic {float: left; } .mod-news-5 .item-cnt{margin-left: 31%; } .mod-news-5 .item-pic{width: 28%; } .mod-news-5 .item-cnt{margin-left: 28%; } .mod-news-5 .item-pic{width: 25%; } .mod-news-5 .item-pic img{ height:auto; width:auto;} .mod-news-5 .item-tit *{ color: #010101; line-height: 140%; font-weight: bold;} .mod-news-5 .item-tit{line-height: 140%; } .mod-news-5 .item-date{ position: absolute; right: 15px; top: 25px; text-align: center; color: #13315d;font-family: "arail";} .mod-news-5 .item-date h3{ line-height: 100%; font-family: "arail";} .mod-news-5 .item-desc a{ color: #666666;} .mod-news-5 .item-tit a:hover,.mod-news-5 .item-more a:hover{color: #13315d;} .mod-news-5 .item-desc{line-height: 160%; margin-top: 15px;} .mod-news-5 .item-more{ margin-top:20px;} .mod-news-5 .item-more a{ color:#010101; } .mod-news-5 .item-nopic .item-cnt{ margin-left: 0;} .mod-news-5 .item-nopic .item-cnt{padding-top:0;} .mod-news-5 .item-nopic .item-date{ top: 0;} .mod-news-5 .item-1 .item-pic{ width: 540px; width: 38.5%; float: right; margin-left: 50px; margin-right: 0;} .mod-news-5 .item-1{ padding: 45px;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); } .mod-news-5 .item-1 .item-cnt{ margin-left: 115px; margin-right: 0;} .mod-news-5 .item-1 .item-date{ left:45px; top: 75px; right: auto; } .mod-news-5 .item-1 .item-desc{ min-height: 130px;} .mod-news-5 .item-cell:after{ content: ""; display: block; bottom: -1px; left: 0; width: 0; border-bottom: 1px solid #13315d; position: absolute;} .mod-news-5 .item-cell:after{transition: all 0.3s; opacity: 1; transition-delay: 0;bottom: 0;} .mod-news-5 .item-cell:hover:after{bottom:0px; width: 100%;} .mod-news-5 .item-cell .item-more a:before{content: ""; top: 50%; transform: translateY(-50%);display: block; position: absolute; border:5px solid transparent;border-left:5px solid #f29600; opacity: 0; left: -15px;transition: all .3s;} .mod-news-5 .item-cell:hover .item-more a:before{ opacity:1; left: 0;} .mod-news-5 .item-cell .item-more a{ position: relative; } .mod-news-5 .item-cell:hover .item-tit a,.mod-news-5 .item-cell:hover .item-more a{ color: #13315d;} .mod-news-5 .item-cell .item-more a:before{left: 100%;} .mod-news-5 .item-cell:hover .item-more a:before{ left: 100%;margin-left:10px; } .cultures-wrap2{ width:1000px; margin:50px auto 0 auto;} .cultures-wrap2 .item-cnt:after{ width: 100%;} .cultures-wrap2 .item-cell{ margin-bottom: 30px; padding-bottom: 30px;} .cultures-wrap2 .item-cell .item-pic img{ width: 269px!important; height: auto!important; object-fit: cover; } .cultures-wrap2 .item-cell .item-pic{ width: auto;} .cultures-wrap2 .item-cnt:after{ display: none;} .cultures-wrap2 .item-cell .cul-l{ margin-right: 0;} .cultures-wrap2 .item-cell{ flex-direction:row-reverse; justify-content: space-between;} .cultures-wrap2 .item-cnt{ padding-left:0; padding-right: 0; padding: 0 ; width: auto; box-sizing: border-box; } .cultures-wrap2 .flexs>.item-cell .item-cnt{} .cultures-wrap2 .flexs>.item-cell{width: auto; } .cultures-wrap2 .flexs{ /*align-items: flex-start;*/} .cultures-wrap2 .culflex{ justify-content: space-between;} .cultures-wrap2 .item-cell .item-pic{ width: 384px;} .cultures-wrap2 .item-cell .item-tit2{ margin-top: 20px;} .cultures-wrap2 .culflex2{ text-align:center; } .culflex2{ flex-wrap: wrap; margin-left: 40px;} .culflex2 .item-cell{ } .cultures-wrap2 .culflex2 >.item-cell{border-radius:100%; border-radius: 100%; padding-top: 20px; padding: 30px 20px; text-align: center; border: 1px solid #f8f8f8; height: auto; min-width: 25%; margin-left: -40px;background: rgba(0,0,0,.01);border: 1px solid #eee; border-top: 2px solid rgba(19,49,93,.2) ; } .cultures-wrap2 .culflex2 >.item-cell:nth-child(2n){ border: 1px solid #eee; border-bottom: 2px solid rgba(19,49,93,.2) ; background: rgba(0,0,0,0);box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.02); } .cultures-wrap2 .culflex{ justify-content: center;} .cultures-wrap .item-cell .item-tit2{ color: #333;} .cultures-wrap2 .culflex2 >.item-cell{min-width: 33.33%;} .culflex2{ margin-bottom: 60px; margin-left: 0;} .cultures-wrap2 .item-cell .item-pic{ width: 270px;} /*网站地图*/ .siteMap { margin-top: 30px; } .siteMap ul li { border-top: 1px dashed #e7e7e7; padding: 30px 0; zoom: 1; overflow: hidden; } .siteMap ul li:after { display: table; clear: both; content: ""; font-size: 0; line-height: 0; } .siteMap ul li h2 { float: left; overflow: hidden; min-width: 130px; } .siteMap ul li h2 .cn { font-weight: bold; display: block; font-size: 20px; color: #275fac; } .siteMap ul li h2 .en { font-size: 14px; display: block; color: #ab0000; display: none; } .siteMap ul li ul { float: none; overflow: hidden; } .siteMap ul li ul li { border: none; padding: 0; padding-top:4px; float: left; margin-bottom:5px; } .siteMap ul li ul li a { font-size: 16px; color: #555; min-width: 100px; padding-left: 20px; display: block; } .siteMap ul li ul li a:hover { color: #275fac; } .siteMap ul li ul li dl{ padding-top: 10px;} .siteMap ul li ul li dl dd a{ font-size: 14px; color: #999;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #094b8f!important;} .autos{ max-height: 590px; overflow-y: auto;} /*友情链接*/ .modfridlinks{ display: flex; flex-wrap: wrap;} .modfridlinks .item-cell{ margin-bottom: 50px; width: 20%; padding: 0 20px; display: block; text-align: center; box-sizing: border-box; } .modfridlinks .item-cell .item-tit{ font-size: 16px; margin-top: 8px;} .modfridlinks .item-cell .item-pic{ border: 1px solid #eee; padding: 10px 5px;transition: all .3s;} .modfridlinks .item-cell img{ height: 40px!important; display: block; margin: 0 auto;width: auto;mix-blend-mode: multiply;} .modfridlinks .item-cell a{ display: block;} .modfridlinks .item-cell:hover .item-pic{box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); } .modvideo a:after{ display: none;} /*企业文化新*/ .culs{ margin-top:-90px; background: url("../images/culimgs2.png") center bottom no-repeat,url("../images/cul_bj.jpg") center bottom no-repeat; min-height: 800px;} .cultures-wrap3{width: 800px; margin: 0 auto;} .cultures-wrap3 .item-cell{ text-align: center; position: relative;} .cultures-wrap3 .item-1{ margin-top: 60px; position: relative; top: 40px;} .cultures-wrap3 .item-0{ margin-top:0; height: 280px; padding-top: 40px; position: relative; top: 100px;} .cultures-wrap3 .item-tit2{ margin-top: 10px; line-height: 150%;} .cultures-wrap3 .item-4{ padding-top: 90px;} .cultures-wrap3 .itemsdesc{ color: #999; position: relative; top: -10px;} .cultures-wrap3 .item-2{ left: 0; min-width: 200px;} .cultures-wrap3 .item-tit{ color:#0e6eb2; font-weight: bold;} .modbanin3:after{ display:none; } .partyswraps2{ margin-right: -2%;} .party-1{ width: 31.33%; margin-right: 2%;} .party-2{ width: 31.33%;margin-right: 2%;} .party-3{ width: 31.33%;margin-right: 2%;} .partytit h3{ display: inline-block; position: relative;padding-left:25px;/*background: url("../images/lisicon1.png") 0 center no-repeat;*/color: #bf0311; position: relative;} .partytit h3:before{content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);background: #bf0311;/*background: #bf0311;*/ /*width: 8px; height: 8px; border: 2px solid #bf0311; border-radius: 8px;*//* */width: 5px; height: 16px;border-radius: 5px; display: block; } .partytit{ padding-bottom:8px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px; position: relative;} .partytit h3:after{ content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #bf0311; display: block; bottom:-11px;} .partylist li{ padding-top: 10px; padding-bottom: 10px; position: relative; padding-left: 15px; border-bottom: 1px solid #eee;} .partylist li:after{content: ""; position: absolute; left: 0; top: 22px; display: block; width: 5px; height: 5px; background: #bf0311; border-radius:5px; } .partylist li a:hover{color: #bf0311;} .parimgs{ padding: 0 50px;} .partyrolls{ margin: 0 40px;} .partyrolls .swiper-pagination{ position: static;} .partyrolls .swiper-pagination .swiper-pagination-bullet-active{ background: #bf0311!important} .event-content li span{ display: none;} .event-info ul li h6{ padding-top: 0; position: relative; padding-left: 15px;} .event-content li h6:after{ content: ""; width: 5px; height: 5px; border-radius:5px; background: #fff; position: absolute; left: 0; top: 13px;} .culs2{ background: url("../images/cul_bj.jpg") center bottom no-repeat;} .logol span{ width:200px; display: block; margin: 0 auto;} .meanlogo .logol{ flex: 1; position: relative;} .meanlogo .logvules { flex: 1;} .meanlogo{ padding-bottom: 60px; padding-top: 30px; margin-bottom: 60px; border-bottom:2px solid #eee;} .logol h3{ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);} .meanlogo .logol img{ height: auto!important;} .logvules h3{ margin-bottom: 35px;} .itimg{ width: 80px; width: 80px; height: 80px; margin: 0 auto; border-radius:80px; border: 1px solid #0e6eb2; } .itimg span{ display: block; width: 60px; margin: 0 auto;} .cultures-wrap32 .item-cell{ padding: 0 30px; text-align: center; max-width: 33.33%;} .cultures-wrap32 .item-tit{ margin-top: 5px;} .cultures-wrap32 .item-tit2{ line-height: 160%; margin-top: 15px;} /*最新*/ /*.cultures-wrap33 .items-1{ background: #348091;} .cultures-wrap33 .item-cell{ max-width: none;} .cultures-wrap33 .item-0{ max-width: 800px; margin: 0 auto;}*/ .cultures-wrap32 .item-cell{ /*padding:30px 60px 50px 60px;*/padding:30px 25px 50px 25px; margin: 0 20px; /*padding-top: 50px; padding-bottom: 50px;*/ border-radius: 20px; border-bottom-left-radius: 60px;border-top-right-radius:60px; overflow: hidden; position: relative; color: #fff; transition: all .3s;} .cultures-wrap32 .item-1{ background: #348091; color: #fff;} .cultures-wrap32 .itimg { position: absolute; left: 10px; bottom: -5px; border: none; width: auto; height: auto; opacity: 0.4} .cultures-wrap32 .itimg span{ width: 80px;} .cultures-wrap32 .item-2{/*background: #0e6eb2;*/background: #19949b ;background: #00856b;} .cultures-wrap32 .item-3{/*background: #00856b;*/background: #19949b ;} .cultures-wrap32 .item-tit2{ max-width: 320px; margin:20px auto 0 auto; } .cultures-wrap32 .item-tit{ position: relative;} .cultures-wrap32 .item-tit:after{ content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 20px; height: 2px; background: #fff; bottom: 0;} .logvules p{ text-indent: 2em;} .cultures-wrap32 .item-cell:hover{ background-color: #0e6eb2;} /*民用*/ .gm-wrap{ margin-right: -20px;} .gm-wrap .item-cell{ margin-right: 20px; border-radius: 10px; position: relative; overflow: hidden;} .gm-wrap .item-cell .item-cnt{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-align: center;} .gm-wrap .item-cell .item-cnt{ display: flex; justify-content: center; align-items: center;} .gm-wrap .item-cell .item-tit{ line-height: 120%;} .gm-wrap .item-cell .item-cnt *{ color: #fff;} .gm-wrap .item-cell .item-desc{ margin-top: -5px;} .new-aboutl{ margin-top: 30px; padding: 0 120px; position: relative;} .new-aboutl p{ text-indent: 2em;text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} .comsystit{ text-align: center; } .new-aboutl:after,.new-aboutl:before{content:""; width: 74px; height: 59px; background: url("../images/fh1.jpg") no-repeat; position: absolute; left:0; top: -25px;} .new-aboutl:before{background: url("../images/fh2.jpg") no-repeat;left:auto; right: 0; top: auto; bottom: 0;} .myaboutnums{ max-width: 800px; margin: 0 auto; text-align: center;} .myaboutnums .about-nums ul li{text-align: center;} .hlines{ border-bottom: 1px solid #eee; height: 1px;} .telg-feature{background:#020731 url(../images/corbg.jpg) center 0 no-repeat; background-size: cover;padding-top: 30px;} .telg-feature .common-tit { color: #fff;} .feature-wrap{margin-right: -2%; margin-top:53px; } .telg-feature .item-cell{ width: 31.33%; float: left; border: 1px solid rgba(255,255,255,.2); border-radius:20px; margin-bottom:30px; margin-right: 2%; box-shadow: 5px 5px 15px rgba(0,0,0,0.06); background:rgba(0,0,0,.1); transition: all .3s;} .telg-feature .item-cell *{ transition: all .3s; } .feature-wrap .item-cell .item-pic{ /*height: 264px!important;*/ } .feature-wrap .item-cell:hover{background:#045596;} .feature-wrap .item-cell .item-cnt{/* height: 274px;*//*border: 1px solid #fafafa;*/ border-top:none; box-sizing: border-box; padding: 38px 25px 25px 25px;} .feature-wrap .item-cell .item-tit:after{ content: ""; display: block; position: absolute; width: 20px;height: 2px; background: rgba(255,255,255,.8); /*background: #3e7cd1; */bottom:-8px; left: 50%; transform: translateX(-50%);} .feature-wrap .item-cell .item-tit{ position: relative; text-align: center; font-size: 18px; position: relative; font-weight: bold;} .feature-wrap .item-cell .item-desc{ font-size: 16px; color: #fff; opacity: 0.8; line-height: 160%; padding-top:35px;} /*.feature-wrap .item-cell:hover .item-tit{font-size: 24px; color: #25d0e1; padding-bottom: 20px; margin-bottom: 15px;} .feature-wrap .item-cell:hover .item-cnt{border: 1px solid #25d0e1; border-top:none;height: 294px;} .feature-wrap .item-cell:hover .item-tit:after{ border-bottom:4px solid #25d0e1; width: 20px; height: 0; content: ""; display: block; position: absolute; bottom: 0;} */ .feature-wrap .item-cell .item-tit{ color: #fff;} .telg-feature .comtit span{ color: #fff;} .feature-wrap .item-pic{ display: none;} /*涉及领域*/ .lycors-wrap { margin-top: 30px;margin-right: -2%;} .lycors-wrap .item-cell{ width:18%; margin-right: 2%; margin-bottom: 30px; position: relative; border-radius:10px; overflow: hidden;} .lycors-wrap .item-cnt{display: none;} .lycors-wrap .item-cell .item-tit{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; color: #fff; justify-content: center; align-items: center; background: rgba(0,0,0,.6); display:flex; font-size: 22px;} .lycors-wrap20 { margin-top:30px;} .lycors-wrap20 .item-cell{background: url("../images/culogo2.png") right 0 bottom -40px no-repeat; background-size:auto 80%; border-radius: 20px; overflow: hidden; /*border: 1px solid #ccc;*/box-shadow: 0px 2px 60px 0px rgba(0, 0, 0, 0.05); } .lycors-wrap20 .item-pic{ width: 550px; position: relative;} .lycors-wrap20 .item-pic:after{ content: ""; width: 77px; position: absolute; right: -2px; top: -1px; bottom: -2px; background: url("../images/seimg1.png") no-repeat; background-size:100% 100%; display: block; z-index: 2;} .lycors-wrap20 .item-cnt{ padding: 40px 60px;} .lycors-wrap20 .item-tit span{ width: 33.33%;padding-right: 30px; padding-top: 8px; padding-bottom: 8px; position: relative; padding-left: 25px;} .lycors-wrap20 .item-tit span:after{content:""; border-bottom: 2px solid #005bac; width: 10px; height: 3px; display: block; position: absolute; top: 25px; left: 0; } .lycors-wrap21 .item-cell .item-pic:after{ left:0; right: auto;background: url("../images/seimg2.png") no-repeat; background-size:100% 100%;} .lycors-wrap21 .item-cell{background: url("../images/culogo2.png") left 0 bottom -40px no-repeat; background-size:auto 80%;} .lycors-wrap23 .item-tit span{ width: 26%;} .lycors-wrap23 .item-tit span:nth-last-child(1){ width: 40%; padding-right: 0;} /*荣誉资质*/ .invests-wrap{ position: relative; z-index: 66;} .invests-wrap .swiper-slide .item-tit{ font-size:20px; margin-top: 5px; color: #000;} .invests-wrap .swiper-slide { text-align: center; width: 38%; height: auto; /* background: #fff;*/ /* box-shadow: 0 8px 30px #ddd;*/ } .invests-wrap{ margin-top:0; padding: 0 0;} .invests-wrap .item-pic{ background: #fff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); margin: 10px 20px; border-radius:8px; } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2313315d'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; background-color: #fff; border-radius: 100%; width: 45px; height: 45px; background-size: 25px 25px; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2313315d'%2F%3E%3C%2Fsvg%3E"); background-color: #fff; border-radius: 100%; width: 45px; height: 45px; background-size: 25px 25px; box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); left: 10px; right: auto } .swiper-button-next:hover{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-color: #13315d;} .swiper-button-prev:hover{ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");background-color: #13315d;} .invests-wrap{ margin-top:40px;} .parter-wrap{ margin-right: -2%; margin-top: 40px;} .parter-wrap .item-cell{ box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1); width: 10.5%; margin-right: 2%; margin-bottom: 2%; border: 1px solid #eee; border-radius: 10px; overflow: hidden;} .horsbg{/*background: url("../images/rybg2.jpg") no-repeat; */background: #f6f9ff; background-size: cover;} .intabs2{ text-align: center; margin-top: 30px; } .intabs2 a{margin: 0 20px; background: #fff; padding:8px 54px; border-bottom-right-radius: 20px; border-top-left-radius: 20px;border: 1px solid #fff;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06); } .intabs2 a.cr,.intabs2 a:hover{ border: 1px solid #0561a2; background: #0561a2; color: #fff;} .navMenu>li.cr>a, .navMenu>li:hover>a{ background: #0883da; border-bottom: 2px solid #cc222a; height: 61px;} .losog1{ font-style: normal; color: #888;} .messages .itemyzm{ position: relative;} .messages .itemyzm a{ position: absolute; right: 1px; top: 1px;} .messages .itemyzm a img{ height: 38px!important; width: 100px;;} .messages .frmsput textarea{ display: block;} /*人才招聘*/ .job-top{ position: relative;border-top: 1px solid #e5e5e5; margin-top:50px; } .job-top .jtit6{ position: absolute; right: 0; top: 0; width:60px;} .job-lists .job-cell ul li,.job-top ul li{ font-size: 16px; color: #666; /* */ text-align: center; /*min-height:80px; *//*line-height: 100px;*/ position: relative; padding:15px 10px; box-sizing: border-box;/*width: 40%;*/ width:15%;box-sizing: border-box;} .job-top ul li{/*height:70px; line-height: 70px;*/ } .job-lists .job-cell ul{ position: relative; display: flex;} .job-lists .job-cell ul li.jtit1,.job-top ul li.jtit1{ width:20%; font-size: 16px; text-align: left; overflow: hidden; max-height: 100px;} .job-lists .job-cell ul li.jtit1{ color: #000; font-size: 18px; font-weight: bold;} .job-lists .job-cell ul li.jtit2,.job-top ul li.jtit2{ width: 15%;} .job-lists .job-cell ul li.jtit5,.job-top ul li.jtit5{ width:30%; width:45%; text-align: left; overflow: hidden; } .job-lists{border-top: 1px solid #e5e5e5;} .job-top ul li.jtit5{ text-align: center;} .job-lists .job-cell ul li.jtit2:before,.job-lists .job-cell ul li.jtit3:before{ content:""; display:inline-block; width:6px; height:6px; background:#fff; background: #0f53a3; vertical-align: middle; margin-right: 5px; display: none; } .job-lists .job-active ul li.jtit2:before,.job-lists .job-active ul li.jtit3:before{ background: #fff;} .job-lists .job-cell{ border-bottom: 1px solid #e5e5e5; padding-top: 0; padding-bottom: 0;} .job-lists .job-cell ul,.job-top ul{display: flex;/* background: #f9f9f9 url(../images/unfold.png) right 20px center no-repeat;*/ /* cursor: pointer;*/ padding-right: 50px;} .job-lists .job-active ul{display: flex; /*background:#fff url(../images/fold.png) right 20px center no-repeat; */border-top-left-radius:8px;border-top-right-radius:8px; } .job-lists .job-cell ul li{ color:#666; } /*.job-lists .job-active ul li{color: #fff; }*/ .job-lists .job-cell .job-cnt{ display: none; padding:45px 50px;} .job-lists .job-active .job-cnt{ display: block;/*box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);*/ background: #f8f8f8 url(../images/jobsbg.png) right bottom no-repeat; padding: 50px; } .job-lists .job-cnt{ color: #666; font-size: 16px;} .job-lists .job-cnt h6{ font-size: 18px; font-weight: bold; color: #333; padding-bottom: 15px;} .job-lists .job-cnt h6 span{ font-size: 26px; color: #d7000f; padding: 0 8px;} .serv-bg{background:#f5f5f5; } .job-lists .job-cnt h6.myprices{ margin-bottom:15px;} .job-lists .job-cell ul:after{ display: none; text-align: center;content:"\e74a"; line-height: 25px; font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 0; width: 25px; height: 25px; background:#13315d; border-radius:25px; position: absolute; right: 18px; top:22px; color: #fff;} .job-lists .job-active ul:after{ content: "\e749";} .jobacts{ padding: 20px 20px 20px 20px;} .jobacts p{ text-indent: 2em;} .stragys{ margin-right: -3%; margin-bottom: 20px;} .stragys .item-cell{ background: #f4fbf6; margin-right: 3%; width: 30.33%; padding: 20px 22px 20px 25px; box-sizing: border-box;} .stragys .item-cell .item-tit{ margin-bottom: 10px; position: relative;} .stragys .item-cell .item-tit:after{ width: 15px; height: 15px; content: ""; display: block; position: absolute; left: -25px; top:10px; background: #34ae50; } .job-top{ margin-top:0; background: #f9f9f9;} .job-lists .job-cell ul:after{content: "\e67a"!important;} .cnthide{ display: none;} .cntshow{ display:block;} .dtits, .lanstit{ font-size: 28px;} .dcnts{ font-size: 16px;} .job-lists .job-cell ul{ position: relative;} .job-lists .job-cell ul li.jtit1{font-size: 16px;} .jobwraps{ max-width: 1200px; margin: 0 auto;} .job-lists .job-cell ul li.jtit6{ position: absolute; right: 0; top: 0; width: 60px;} .job-lists .job-cell ul li.jtit6 a{ display: block; height: 60px; } .job-lists .job-cell ul li.jtit6 a:after{text-align: center; line-height: 25px; font-family:"iconfont" !important;font-size:14px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position: absolute; right: 0; width: 25px; height: 25px; background:#13315d; border-radius:25px; position: absolute; right: 18px; top:22px; color: #fff;content: "\e67a";} /*人才招聘*/ .mod-jobinfos h3{ font-size: 32px; text-align: center; margin-bottom: 20px; line-height: 150%;} .mod-jobinfos h3{ font-size: 32px; text-align: center; margin-bottom: 20px; line-height: 150%;} .job-in{ margin-top: 20px; margin-bottom: 20px; padding: 20px; background: #fafafa;} .job-in ul{display: flex;flex-wrap: wrap;margin:0;padding-left: 10px;} .job-in ul li{ width: 33%; margin: 5px 0 5px; font-size: 16px; line-height: 2;} .job-in ul li span{ padding-right: 8px; color: #666;} .job-in ul li cite{ color: #000;} .job-infos{ font-size: 16px; padding-top: 20px;} .nodatas{ text-align: center; padding-top: 80px; font-size: 18px; padding-bottom: 80px; color: #999;} /*企业资质*/ .wrap-quas{ /*background:url("../images/bg9.jpg") center 0 no-repeat;*/ } .wrap-quas ul{ flex-wrap: wrap; display: flex;} .wrap-quas ul li{ position: relative; line-height: 150%!important; margin-top:30px; margin-bottom: 0; padding: 25px 20px 25px 20px; width: 45%; margin-right:5%; padding-left: 60px;border-radius:15px; } .wrap-quas ul li div{ line-height: 100%;} .wrap-quas ul li span{ font-weight: bold; } .wrap-quas ul li{ transition:all .6s; /**/ background:linear-gradient(to bottom left,rgba(255,255,255,.01), rgba(15,111,220,.04)),url("../images/zz.png") 20px 23px no-repeat;background-size:100% 100%,35px auto; line-height: 150%;/*box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.03);*//* border: 1px solid rgba(0,0,0,.1);*/border-left: 2px solid rgba(15,111,220,.2);border: 1px solid rgba(15,111,220,.1)} /*.qualist{box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.06); margin-top: 50px; padding-bottom: 50px; padding-top: 40px;}*/ .wrap-quas ul li:hover{ background:linear-gradient(to top right,rgba(255,255,255,.01), rgba(15,111,220,.04)),url("../images/zz.png") 20px 23px no-repeat;background-size:100% 100%,35px auto;} /*军品分类*/ .modnav-top{ margin-right: -25px;} .modnav-top ul{ align-items: flex-start;} .modnav-top ul li{ margin-right: 25px; text-align: center;} .modnav-top ul li span a{ border-radius:5px; background: #1667b3; display: block; color: #fff; height: 100px; height: 100px; display: flex; align-items: center; justify-content: center;background:linear-gradient(rgba(22,103,179,1),rgba(2,71,136,1)); } .modnav-top ul li:nth-last-child(1) span a{ padding: 0 10px;} .modnav-top ul li dl a{ display: block;border-radius:5px; padding: 5px 5px; } .modnav-top ul li dl dd a:before{ content: "・"; content: "-"; margin-right:5px;} .modnav-top dl{ margin-top: 20px;} .mod-creat3{background: url("../images/sbg41.png") center bottom no-repeat;background-size:100% auto; padding-bottom: 70px;/* */} .mod-creat2{/*background: url("../images/clbg30.jpg") center bottom no-repeat; background-size: cover;*//**/ margin-top: -46px; padding-top: 46px;} .modnav-top ul li.cr span a,.modnav-top ul li:hover span a{ background: #cc262a;background:linear-gradient(rgba(204,38,42,1),rgba(174,5,9,1));} .modnav-top ul li dt a{ color: #0e6eb2;} .modnav-top ul li dt{ margin-top: 4px; margin-bottom: 4px;} .modnav-top ul li dd{margin-top: 4px; margin-bottom: 4px; font-size: 16px;} .modnav-top ul li dt.cr{ } .modnav-top ul li dt.cr a,.modnav-top ul li dl a:hover{background: #cc262a; color: #fff;} .modinfos2{ margin-top:40px;} .modinfos2 .serimgs{ margin-top: 0;} .modinfos2 .mid-service{ position: relative;} .modinfos2 .mid-service:after{ content: ""; display: block; top: 75px; position: absolute; right: -300px; width: 4920px; bottom: -70px; background: #f8f8f8;} .modinfos2 .sercon{ position: relative; z-index: 5;} .sercon-tit{position: relative; margin-bottom:30px; font-weight: bold;} /*企业文化*/ .new-cul{background: url("../images/clbg2.jpg") center center no-repeat; min-height: 380px; color: #fff; display: flex; position: relative; z-index: 5;} .new-cul .item-cell{ padding:100px 10px 0 10px; text-align: center;} .new-cul .item-0{ width: 100%;} .new-cul .item-cell{ /*background: rgba(0,0,0,.3); */ border-right: 1px solid rgba(255,255,255,.3); border-right:1px solid rgba(255,255,255,0.6);transition: all .6s;} .new-cul .item-cell:nth-child(2){ } .meanlogo{ border-bottom: none; width: 900px; margin: 0 auto; position: relative; padding:30px 80px 80px 80px;} .new-cul .item-tit{ font-weight: bold;} .new-cul .item-tit2{ padding-top: 30px;} .cultures-wrap38 .logol{ position: absolute;left: 0; top: 20px;} .logol span{ width: 60px; height: 60px; } .cultures-wrap38 .logol{ text-align: center;} .cultures-wrap38 .logol img{ max-width: 100%; height: auto;} .cultures-wrap38{ position: relative;} .logvules h3{ text-align: center; line-height: 150%; /* background: #eaf7ff;*/ /*width: 190px;*/ margin: 0 0 60px 0; position: relative; z-index: 2; } .logvules h3:after,.logvules h3:before{content: ""; border-bottom: 1px solid #1667b3; position: absolute; left: 50%; margin-left: 90px; right: -0; top: 50%;} .logvules h3:before{ right: 50%; left: 0; margin-right: 90px; margin-left: 0;} .logvules{ position: relative; z-index: 2;} .meanlogo:after{ content: ""; border-bottom: 1px solid #1667b3; position: absolute; left: 80px; right: 0; top: 50px; display: none;} .meanlogo:before{ content: ""; border-left: 1px solid #1667b3; position: absolute; left: 25px; height: 80px; top:90px; display: block; display: none;} .culs20{ position: relative;} .wdnew-cul:after{ content: ""; display:block;background: url("../images/fjbg2.png") center center no-repeat; background-size:100% auto;width: 50%; bottom: 0; position: absolute; right:-60px; top:-420px; opacity: 0;transition: all 1s; transition-delay: 1s!important} .whbgs{ position: absolute; z-index: 6; right: 0; width: 100%; top: 0; bottom: 0; background: #fff!important; opacity: 1!important; transition: all 1.8s; animation-timing-function: ease-out;} .new-cul .whbgs.animated{width: 0;} .wdnew-cul.animated:after{opacity: 0.5; } .wdnew-cul{ position: relative;} .new-cul .item-cell:hover{ background: rgba(0,0,0,.2);} /*首页导航*/ .services-navs dl{ display: none;background: #f5f6f7; margin: 0 0; padding:10px 30px 20px 50px; font-size: 16px; } .services-navs dt{ margin-bottom: 5px; margin-top: 15px;} .services-navs dd{ padding-left: 20px; font-size: 14px; line-height:25px;} .services-navs dt.cr a{ color: #006dc9; font-weight: bold;} .indextabs{ border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-left: -20px;} .indextabs a{ margin: 0 20px; padding: 8px 20px; position: relative;} .indextabs a.cr{/* background: #fff;*/ color: #006dc9; font-weight: bold;} .indextabs a.cr:after{ content: ""; position: absolute; left: 0; right: 0; bottom: -9px; border-bottom: 2px solid #006dc9;} .tabtops{ overflow: hidden;} .services-navs li.cr dl{ display: block;} .serin,.insercell{ height: 0; overflow: hidden;} .inactive{ height: auto; overflow: visible;} .culs20{padding: 0 25px; padding-bottom: 60px; background: url("../images/clbg290.jpg") no-repeat; background-size: cover;} .new-cul{ position: relative; transition: all .3s; } .new-cul:after{ content:""; transform: rotate(-135deg);border:50px solid transparent; border-left:50px solid #edf8ff;border-left:50px solid #e0f2fd; left: -52px; top: -52px; display: block; position: absolute;} .new-cul:before{ content:""; transform: rotate(-135deg);border:50px solid transparent; border-right:50px solid #fdfefe; border-right:50px solid #f8fbfc; right: -52px; bottom: -52px; display: block; position: absolute;} .new-cul:hover{ /* transform: scale(1.01)*/} .about-descs{ max-height: 335px;} .about-descs p{ line-height: 180%!important;} .mod-aboutus2{background: url("../images/clbg30.jpg") no-repeat; background-size:cover; padding-top: 45px; margin-top: -45px;} .abinner2{background: url("../images/dl.png") right bottom no-repeat;min-height:500px; padding-bottom: 20px; background-size: auto 200px} .abimg5{ width: 50%; margin-left: 5%; margin-bottom: 20px; margin-top: 0;} .abimg5 img{ border-radius: 18px;} .abcnts2{ /*background: rgba(255,255,255,1)*/ margin-top: 15px;text-justify:inter-ideograph; text-align: justify;text-justify: distribute; } .abflexs2{ align-items: center;} .abtit{ font-weight: bold;} .mod-aboutus2 img{ height: auto!important;} .logvules p{text-justify:inter-ideograph; text-align: justify;text-justify: distribute;} /*菜单二*/ .mod-topnav25 li:after{ width: 170px; background-size: 100% 100%;} .mod-topnav25 li a{ min-width: 130px;} .aslist li{ list-style:disc; width: 50%; padding-right: 30px; position: relative; left: 20px; margin-bottom: 8px;} .services-navs{ min-height: 589px; } .mods-ft{ /*justify-content: space-between;*/} .telcnts h3{ white-space: nowrap;} .mscodes{ width: 158px;} .btels{ flex:none; margin-right: 40px;} .mods-ft .part{ flex: 1;} /*新加分类介绍*/ .ser-intrs{ padding: 20px 20px 5px 20px; line-height:150%; background: rgba(255,255,255,.6); font-size: 16px; /*border: 1px solid #eee;*/ border-radius:8px; margin-bottom:15px; } .ser-intrs p{ line-height:150%; text-justify:inter-ideograph; text-align: justify;text-justify: distribute; text-indent: 2em; color: #898989;} .indextabs{ border-bottom: none; margin-top: 5px;} .indextabs a{border: 1px solid #006dc9; border: 1px solid #ddd;background: rgba(255,255,255,.5); border-bottom-right-radius: 20px; border-top-left-radius: 20px;} .indextabs a.cr:after{ display: none;} .indextabs a.cr{border: 1px solid #006dc9; background: rgba(255,255,255,.8); font-weight: normal;} .mid-service .service-tit{ padding-top: 15px;} .modnav-top ul li dd.cr a{background:#cc262a; color:#fff;} .serscnt{ font-size: 16px;} .serscnt p{ text-indent: 2em;} .pos{ position: relative; top: -120px;} .gm-wrap{ position: relative; z-index: 5; margin-top:0;} .about-descs{margin-top: 20px;} .about-nums2 ul li:nth-child(4){ display: none;} .gm-wrap .item-cell{ } .gm-wrap .item-cell .item-cnt{background: rgba(0, 0, 0, .3);} .part-tit{ text-align: center; position: relative; z-index: 6; margin-top: -40px; margin-bottom: 20px; color: #0e6eb2; font-weight: bold; position: relative;} /*首页调整*/ .news-wrap1 .item-pic{ float: none!important;} .news-wrap1 .item-cnt{ margin-left: 0!important; padding: 20px;} .news-wrap1 .item-pic{ height: 320px!important; width: 100%;} .news-wrap1{ width:45%;} .newswraps{ } .news-wrap1 .item-desc {display: none;} .news-wrap1 .item-desc a{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: none;} .news-wrap1 .item-date{ margin-top: 0px;} .news-wrap1 .item-tit{ margin-top: 0; padding-top: 0;} .news-wrap1 .item-date{ color: #999;} @media screen and (max-width:1480px){ .crumb2{ margin-left: 40px;} .newlist6-wrap .item-desc{ min-height: 60px; height: 60px; overflow: hidden; margin-bottom: 15px;} .newsrolla-wrap .item-inn2{padding-right: 15%;} .mgsinput input{ line-height:35px;} .mgscell{ margin-top:35px;} .agrees{ margin-top: 40px;} .mgsright{ padding: 45px;} .mgstit12{ margin-top:40px;} .mgstit13{ margin-top:100px;} .mod-creat{ background-size:100% auto;} .cstabs{ margin-top: 100px;} .ft48{ font-size: 42px;} .cstabs a{ height: 120px;} .seright{top: 200px;} .contactsguest img{ max-width: 110%; transform: translateX(-5%);} .about-nums2 ul li h3 sub{ left: -5px;} .searchnews .fl{ position: relative; z-index: 15;} .newlist6-wrap .item-cnt{ padding: 32px;} } @media screen and (max-width:1440px){ }