/* Write your styles */ ul,li,dl,dt,dd,h1,h2,h3,p,em{ font-style:normal; list-style:none; margin:0; padding:0;} a{text-decoration: none;transition: all .1s linear; color:#444;} a:hover{color:#033fff;} img{ max-width:100%;} .am-container{max-width: 1236px;} .am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;} .arccontent .selectTdClass{background-color:#edf5fa !important} .arccontent table.noBorderTable td,.arccontent table.noBorderTable th,.arccontent table.noBorderTable caption{border:1px dashed #ddd !important} .arccontent table{margin-bottom:10px;border-collapse:collapse;display:table; width:100% !important;} .arccontent td,.arccontent th{padding: 5px 10px !important;border: 1px solid #DDD;line-height:1.4;} .arccontent caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;} .arccontent th{border-top:1px solid #BBB;background-color:#F7F7F7;} .arccontent table tr.firstRow th{border-top-width:2px;} .arccontent .ue-table-interlace-color-single{ background-color: #fcfcfc; } .arccontent .ue-table-interlace-color-double{ background-color: #f7faff; } header{ position:absolute; width:100%; left:0; top:0; z-index:1400;} header .logo{ line-height:86px; float:left;} header .nav{ width:70%; float:right; line-height:2.4; padding-top:20px;} header .nav .ulnav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} header .nav .ulnav>li{flex:auto;-webkit-box-flex:auto;text-align: center;position:relative;float:left;} header .nav .ulnav>li>a{font-size:18px; display: inline-block; color:#fff; position:relative;} header .nav .ulnav>li:hover>a{} header .nav .ulnav>li.on>a{} header .nav .ulnav>li>a:before{ content:""; display:block; width:0%; height:4px; background:#0374d4; position:absolute; left:0; bottom:0; border-radius:2px;transition: all .3s linear;} header .nav .ulnav>li.on>a:before,header .nav .ulnav>li:hover>a:before{ width:100%;} .ulnav>li .subnav{position: absolute;width:100%;background-color:rgba(0,0,0,.8); padding:10px 0; border-radius:4px; margin:0; height: auto;z-index: 199;top:110%;left: 0;opacity:0; visibility:hidden;transition: all .36s ease; } .ulnav>li .subnav:before{content:"";display:block;position:absolute;left: 50%;margin-left: -5px;top:-8px;border-left:5px solid transparent;border-right: 5px solid transparent;border-bottom: 8px solid rgba(0,0,0,.8);} .ulnav>li:hover .subnav{opacity:1;visibility: visible;top:50px;} .ulnav>li .subnav li{} .ulnav>li .subnav li a{font-weight: 500;color: #fff; padding:8px 5px;line-height: 20px;display: block; text-align:center; transition: all .2s ease-in-out;font-size: 14px;} .ulnav>li .subnav li a:hover{ color:#fff; background-color:rgba(255,255,255,.1);} .img100{ width:100%;} .banner{ position:relative;} .swiper-banner .swiper-slide{height:100vh;} .swiper-banner .swiper-slide a{height:100vh;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;} .swiper-banner .swiper-slide a .img100{opacity: 0;} .swiper-banner .swiper-banpa{ left:auto; bottom:auto; width:auto; right: 60px;top: 50%;transform: translate3d(0px,-50%,0);} .swiper-banner .swiper-banpa .swiper-pagination-bullet{margin: 40px 0;display: block; width:18px; height:18px;border:2px solid #033fff; background:none; opacity:1;} .swiper-banner .swiper-banpa .swiper-pagination-bullet-active{ background:#033fff; border:2px solid #033fff;} .hm-ban-con{ position:absolute; z-index:1390; width:100%; left:0; top:36%;pointer-events: none;} .hm-ban-con .am-container{ max-width:1036px;pointer-events: auto;} .hm-ban-con .hm-ban-img{ text-align:center; margin-bottom:2%;} .hm-ban-con .hm-ban-ico ul li{ padding:5px;} .hm-ban-con .hm-ban-ico ul li a{ display:block; background:rgba(3,63,255,.65); padding:18px; padding-left:40px; border-radius:10px; font-size:20px; font-weight:lighter; color:#fff; text-align:left;} .hm-ban-con .hm-ban-ico ul li a img{transition: all .3s linear; width:54px; } .hm-ban-con .hm-ban-ico ul li a:hover{background:rgba(3,63,255,.9);} .hm-ban-con .hm-ban-ico ul li a:hover img{ margin-right:10px;} footer{ background:#2e3139; } footer .foot-main{/* background:url(../images/footbg.jpg) center top no-repeat;*/ background-size:cover;padding-top:60px; padding-bottom:20px; position:relative; overflow:hidden;} footer .foot-main .am-container{ position:relative; z-index:1200;} #yuan{ position:absolute; width:100%; height:100%; left:0; top:0;} #yuan>div{ width:100%; height:100%;} .yuan1 img{position:absolute; left:-150px; top:-150px;} .yuan2 img{position:absolute; right:-100px; bottom:-100px;} .yuan3 img{position:absolute; left:36.5%; top:66%;} .yuan4 img{position:absolute; left:64%; top:16%;} footer .foot-main .foot-logo{ width:16.6%; float:left;} footer .foot-tit{ font-size:20px; text-align:center; color:#fff; margin-bottom:5px;} footer .foot-tit:before{ content:""; display: inline-block; width:10px; height:10px; margin-right:5px; border-radius:10px; background:#ffd100;} footer .foot-link{ width:83.4%; float:left;} footer .foot-link ul li{ border-left:3px solid #26292f; height:270px;} footer .foot-link ul li p{ color:#919399; text-align:center; line-height:33px;} footer .foot-link ul li p.tel{ font-size:20px;} footer .foot-link ul li a{color:#919399;} footer .foot-link ul li a:hover{ color:#fff;} .foot-copyr{ padding:15px 0; background:#25272e; color:#fff; text-align:center;} .foot-copyr a{ color:#fff;} .r-menu{ position:fixed; right:30px; bottom:10%; z-index:1600;} .r-menu ul li{ margin:15px 0; position:relative;} .r-menu ul li>span{ width:50px; height:50px; line-height:44px; display:block; text-align:center; border-radius:6px; background:#fff; border:1px solid #cad3e5; position:relative; z-index:2;} .r-menu ul li:hover>span{ background:#033fff; border-color:#033fff; cursor:pointer;} .r-menu ul li .hover{ position:absolute; right:0;top: 50%;transform: translate3d(0px,-50%,0);width:140px; background:#fff; border:1px solid #cad3e5; border-radius:6px; text-align:center; padding:4px 18px; visibility:hidden; opacity:0;transition: all .3s linear;} .r-menu ul li:hover .hover{ opacity:1; visibility:inherit; right:56px;} .r-menu ul li .hover .t2{ font-size:20px;} .r-menu ul li .hover .ewm{ padding:10px 0;} .nybanner{ text-align:center;} .nybanner img{ width:100%;} .center{ text-align:center;} .culture-par1{ padding:90px 0;} .culture-par1 .img{ width:41.5%; float:left;} .culture-par1 .text{ width:52%; float:right;} .cu-title{ font-size:50px; font-weight:lighter; line-height:1; position:relative;} .cu-title .ent{ position:absolute; left:0; top:0; width:100%; text-transform:uppercase; font-size:66px; color:#eff1fc;} .cu-title span{ display:inline-block; position:relative; z-index:1;} .cu-title span em{ position:relative; z-index:2;} .cu-title span:before{ content:""; display:block; width:100%; height:20px; background:#ffd100; position:absolute; left:0; bottom:-4px; z-index:1;} .culture-par1 .text .content{ line-height:1.8; font-size:20px; color:#7f8591; margin-top:30px; margin-bottom:30px;} .culture-par1 .text .cul-data{ padding-left:10px;} .culture-par1 .text .cul-data ul li{ position:relative; color:#2e3139; font-weight:lighter; padding-left:15px;} .culture-par1 .text .cul-data ul li:before{ content:""; display:block; width:4px; height:90%; background:#2e3139; border-radius:2px; position:absolute; left:0; bottom:0;} .culture-par1 .text .cul-data ul li .tit{ font-size:30px; line-height:1; margin-bottom:10px;} .culture-par1 .text .cul-data ul li .note{ font-size:20px;line-height:1;} .culture-par2{ text-align:center; padding-bottom:90px;} .culture-par3{ padding:90px 0; background:#f3f5fb;} .rongyu{ padding-top:80px;} .rongyu .ry1{ background:url(../images/bg-ry.jpg) center no-repeat; background-size:cover; text-align:center; margin-top:40px;} .rongyu .ry2{ background:#f5f7fa; text-align:center;} .team{ margin-top:40px;} .team-list{ width:70%; float:left;} .team-list ul li{ padding:5px;} .team-list ul li .first{ height:180px; background:#033fff; color:#fff; border-radius:4px; text-align:center; font-size:26px; font-weight:lighter; line-height:1.3; padding-top:55px; box-shadow:0 2px 8px 2px rgba(3,63,255,.2)} .team-list ul li .item{min-height: 180px;background:#fff;border-radius:4px;padding:8px;} .team-list ul li .item .img{width: 24%;float:left;padding-top:20px;} .team-list ul li .item .img img{ border-radius:4px;} .team-list ul li .item .txt{width: 76%;float:left;padding-left:8px;padding-top:5px;overflow:hidden;} .team-list ul li .item .txt .tit{ font-size:15px; line-height:1.4; margin-bottom:5px;} .team-list ul li .item .txt .note{font-size:10px;color:#7f8591;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;zoom:0.9;letter-spacing: inherit;} .team-r{ width:28%; float:right; background:#fff; border-radius:4px; text-align:center; height:589px; line-height:580px; margin-top:5px;} .culture-par4{ text-align:center; padding:90px 0;} .company-box{ padding:40px 0; } .company-list ul li{ padding:50px 40px 30px 40px; border-bottom:4px solid #f3f5fb; min-height:468px;} .company-list ul li:hover{ background:#f3f5fb;} .company-list ul li .item{ position:relative;} .company-list ul li .item .txt{ width:70%; position:absolute; left:0; top:0;} .company-list ul li .item .txt .tit{ font-size:50px; color:#2e3139; font-weight:lighter; margin-bottom:10px;} .company-list ul li .item .txt .note{ color:#7f8591; line-height:2;} .company-list ul li .item .img{ float:right;} .news-box{ padding:90px 0; background:#f3f5fb;} .news-tab{ border-bottom:1px solid #cad3e6; margin-bottom:20px;} .news-tab ul li{ display:inline-block;} .news-tab ul li a{ display:block; font-size:32px; color:#333; font-weight:lighter; height:82px; line-height:82px; padding:0 30px; border-radius:24px 24px 0 0;} .news-tab ul li.on a{ background:#033fff; color:#fff; font-weight:normal;} .news-list ul li a{ display:block; padding:30px 20px; border-top:1px solid #cad3e6;} .news-list ul li:first-child a{ border-top:none;} .news-list ul li:last-child a{ border-bottom:1px solid #cad3e6;;} .news-list ul li:hover a{ background:#fff; border-radius:20px; border-color:#f3f5fb;} .news-list ul li:hover +li a{ border-top:1px solid #f3f5fb;} .news-list ul li a i{ width:20%; float:left; overflow:hidden; border-radius:6px;} .news-list ul li a i img{transition: all .3s linear;} .news-list ul li a:hover img{transform: scale(1.05);} .news-list ul li a .txt{ width:80%; float:left; padding-left:20px;} .news-list ul li a .txt .tit{ font-size:24px; font-weight:lighter;transition: all .1s linear;} .news-list ul li a:hover .txt .tit{ font-weight:normal;} .news-list ul li a .txt .note{ color:#7f8591; margin:15px 0;} .news-list ul li a .txt .info{ color:#595c60; font-size:17px;} .rimore{ text-align:center; margin-top:30px;} .rimore .more{ width:400px; height:60px; border-radius:30px; border:none; background:#033fff; color:#fff; outline:none; font-size:26px;} .newsxq .am-container{ max-width:1300px;} .news-arc{ position:relative; width:90%; float:left;} .news-arc .news-head{ text-align:center; border-bottom:1px solid #cad3e6; padding-bottom:15px; margin-bottom:15px;} .news-arc .news-head h1{ font-size:34px; font-weight:normal; margin-bottom:5px;} .news-arc .news-head .info{ color:#666;} .arccontent{line-height:2;} .sxp{ margin-top:40px;} .sxp ul li{ font-size:18px; color:#033fff; line-height:2;} .sxp ul li a{ color:#033fff;} .none{ display:none;} .share{ float:right;} .share.am-sticky ul{ margin-left:-88px; margin-top:15px;} .share ul{width:88px} .share ul li{ margin-bottom:12px; } .share ul li a{ color:#333; cursor:pointer;} .share ul li a img{ margin-right:6px;} .share ul li .qrcode{ font-size:12px; border:1px solid #eee; background:#fff; border-radius:4px; text-align:center; padding:5px; width:100px; margin-top:5px;} .cont-box{ padding:90px 0 120px 0; background:#f3f5fb} .contact-list{ max-width:1048px; margin:100px auto 0 auto;} .contact-list ul li{ position:relative; font-size:28px; font-weight:lighter; padding-left:40px;} .contact-list ul li img{ position:absolute; left:0; top:10px;} #allmap2{ height:800px;} #allmap2 img{ max-width:inherit;} #allmap2 p{ font-size:14px;} #allmap2 h4{ font-size:18px; margin-bottom:10px;} .neibu-box{ padding:40px 0;} .neibu-box .am-container{ max-width:1500px;} .neibu-list ul{ margin:0 -15px;} .neibu-list ul li{ padding:10px;} .neibu-list ul li a{ display:block; background:#f2f2f2;} .neibu-list ul li a .img{ overflow:hidden;} .neibu-list ul li a .img img{transition: all .8s;} .neibu-list ul li a:hover .img img{transform: scale(1.1);} .neibu-list ul li a .tit{ padding:20px 10px; font-size:18px; font-weight:bold; color:#333; text-align:center;} .neibu-list ul li a .tit:after{ content:""; display:block; width:60px; height:1px; background:#ccc; margin:8px auto 0 auto;} .pingtaibox{ position:relative; padding:0 40px;} .pitrk .swiper-button-prev,.pitrk .swiper-button-next {background-color: rgba(0,0,0,0.3);background-size: 16px;padding: 1rem;} .pingtaibox .swiper-slide .companies-item-img{ overflow:hidden;} .pingtaibox .swiper-slide .companies-item-img img{transition: all .8s; overflow:hidden;} .pingtaibox .swiper-slide:hover .companies-item-img img{transform: scale(1.1);} .ptewm{ position:fixed; width:100%; height:100%; left:0; top:0; z-index:1900; display:none;} .ptewm .pimgs{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:11} .ptewm .ptrmask{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.5)}