@font-face { font-family: 'Regular'; src: url("http://www.bohe258.cc/template/pc/font/ResourceHanRoundedCN-Regular.ttf"); } @font-face { font-family: 'Medium'; src: url("http://www.bohe258.cc/template/pc/font/ResourceHanRoundedCN-Medium.ttf"); } @font-face { font-family: 'Light'; src: url("http://www.bohe258.cc/template/pc/font/ResourceHanRoundedCN-Light.ttf"); } @font-face { font-family: 'Bold'; src: url("http://www.bohe258.cc/template/pc/font/ResourceHanRoundedCN-Bold.ttf"); } @font-face { font-family: 'Normal'; src: url("../font/ResourceHanRoundedCN-Normal.ttf"); } body{ font-family: Regular; } .cont-box{ position: relative; width:1000px; margin:auto; } .bw{ background-color: #fff!important; } .tc{text-align: center;} .tl{text-align: left;} .bg-cover{ -webkit-background-size:100% 100%; background-size:100% 100%; } /*--- 澶撮儴 ---*/ .header-space{ height:68px; } .header{ left:0; right:0; margin:auto; position: absolute; top:0; width:100%; z-index: 11; height:68px; font-family: 'Regular'; } .header.b{ background-color: #006fd1; } .header .nav{ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; max-width: 1000px; margin:auto; } .header .nav .logo{ position: absolute; left:0; top:50%;margin-top:-14px; } .header .nav .logo img{ height:28px; } .header .nav .nav-menu{ padding-left:220px; } .header .nav .nav-menu ul li{ float: left; position: relative; } .header .nav .nav-menu ul li a{ display: inline-block; color:#fff; font-size:12px; height:68px; line-height: 68px; margin:0 15px; position: relative; z-index: 2; } .header .nav .nav-menu ul li a.active, .header .nav .nav-menu ul li a:hover{ border-bottom:3px solid #fff; } .header .nav .nav-menu ul li:hover .nav-links{ display: block; } .header .nav .nav-menu .nav-links{ display: none; position: absolute; background-color: #fff; text-align: center; width: 100px; left:50%;margin-left:-50px; top:65px; padding:5px 0; } .header .nav .nav-menu .nav-links .nl-item p{ padding:3px 0; } .header .nav .nav-menu .nav-links .nl-item a{ color:#3370ff; line-height: 20px; height: auto; } .header .nav .nav-menu .nav-links .nl-item a:hover{ color:#ff0000; border:0; } /*--- 搴曢儴 ---*/ .footer{ background-color: #1f2329; color:#fff; } .footer a{ color:#7a7d80; } .footer a:hover{ color:rgba(255,255,255,1); } .footer .info{ padding:36px 0; } .footer .info .txt-box{ position: relative; padding-right:30px; border-right:1px solid #4c5054; } .footer .info .txt-box .logo{ height:36px; } .footer .info .txt-box .txt{ font-size:12px; color:#7a7d80; } .footer .info .txt-box ul li{ margin-bottom:15px; } .footer .info .txt-box ul li:last-child{ margin-bottom:0; } .footer .info .img-box{ text-align: right; } .footer .info .img-box .nav-pc{ color:#cecfd0; margin-bottom:20px; } .footer .info .img-box .nav-pc a{ margin-left:20px; } .footer .info .img-box ul li{ cursor: pointer; float:left; position: relative; width:65px; padding-top:45px; text-align: center; background-repeat: no-repeat; background-position:center top; } .footer .info .img-box ul li.wx{ background-image: url("../../images/ic-wx-n.png"); } .footer .info .img-box ul li.wx:hover{ background-image: url("../../images/ic-wx-h.png"); } .footer .info .img-box ul li.wb{ background-image: url("../../images/ic-wb-n.png"); } .footer .info .img-box ul li.wb:hover{ background-image: url("../../images/ic-wb-h.png"); } .footer .info .img-box ul li .qrcode-box{ display: none; position: absolute; left:50%;margin-left:-87px; bottom:60px; width:174px; height:200px; padding:20px; color:#333; background-color: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow: #ccc 0 0 6px; -moz-box-shadow: #ccc 0 0 6px; box-shadow: #ccc 0 0 6px; } .footer .info .img-box ul li:hover .qrcode-box{ display: block; } .footer .info .img-box ul li .qrcode-box:after{ display: block; width:8px;height:8px; background-color: #fff; content: ''; position: absolute;bottom:-4px;left:50%;margin-left:-4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .footer .info .img-box ul li .qrcode-box h5{font-size:14px;} .footer .info .img-box ul li .qrcode-box p{font-size:12px;} .footer .info .img-box ul li .qrcode-box img{ width:110px;height:110px; padding:10px; border:2px solid rgba(0,0,0,.1); margin-bottom:10px; } /* 鎵嬫満绔簳閮 */ .m-header, .m-footer{ display: none; } /* 鍒嗛〉 */ .page-list{ font-size:20px; text-align: center; } .page-list a{display: inline-block;line-height: 60px;border:1px solid #e5e5e5;color:#000;min-width:60px; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; } .page-list a:hover, .page-list a.active{border-color:#006fd1;color:#fff;background-color: #006fd1;} /* 鍏叡鏍囬 */ .com-title{ color:#333; text-align: center; padding:30px 0; } .com-title h1{ font-size:42px;font-weight: bold; margin-bottom:15px; } .com-title h5{ font-size:24px; color:#1a1a1a; line-height: 38px; opacity: .7; font-weight: 300; } .bg-colorful{ /* 搴曡壊 */ background-color:#fd73f2; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear, left bottom, right top, color-stop(0.32, #fd73f2), color-stop(0.66, #7591ec), color-stop(0.83, #09a8e7)); /* chrome 10+, safari 5.1+ */ background-image:-webkit-linear-gradient(90deg, #fd73f2, #7591ec, #09a8e7); /* firefox; multiple color stops */ background-image:-moz-linear-gradient(90deg, #fd73f2, #7591ec, #09a8e7); /* ie10 */ background-image: -ms-linear-gradient(90deg, #fd73f2 0%, #09a8e7 100%); /* opera 11.1 */ background-image: -o-linear-gradient(90deg, #fd73f2, #09a8e7); /* 鏍囧噯鍐欐硶 */ background-image: linear-gradient(90deg, #fd73f2, #09a8e7); } /* 棣栭〉banner */ .swiper-index{ height:610px; background-size:cover;background-repeat:no-repeat;background-position:center; } .swiper-index .swiper-slide video{ width:100%;height:100%;object-fit: cover; } .swiper-index .swiper-slide a{ display: table; position: absolute; height:100%;width:100%; color:#fff; background-position: center; } .swiper-index .swiper-slide a > div{ text-align: center; display:table-cell; vertical-align:middle; } .swiper-index .swiper-slide a h1{ margin-bottom:10px; font-size:36px; font-weight: normal; } .swiper-index .swiper-slide a .desc{ margin-bottom:30px; font-size:36px; } .swiper-index .swiper-slide a .read-more{ width:172px; height:38px; display: inline-block; -webkit-border-radius:19px; -moz-border-radius:19px; border-radius:19px; -webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; background-image: url("../image/btn-index-more.png"); } .swiper-index .swiper-pagination{ width: 300px;left:0;right:0;margin:auto;bottom:60px;z-index: 11; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swiper-index .swiper-pagination .swiper-pagination-bullet{ background:#fff;width:10px;height:10px;opacity:.6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align: center; margin-right:10px; } .swiper-index .swiper-pagination .swiper-pagination-bullet-active{ width:32px; opacity: 1; } .swiper-index .info-box{position: absolute;bottom:40px;width:100%;height:40px;left:0;right:0;z-index: 10;color: #fff;font-size:14px;} .swiper-index .info-box .qrcode-box .ic{margin-left:5px;vertical-align: middle;display: inline-block; -webkit-background-size:100% 100%; background-size:100% 100%;position: relative;cursor: pointer;} .swiper-index .info-box .qrcode-box .ic.wx{width:22px;height:20px;background-image: url("../image/ic-wx-w-i.png")} .swiper-index .info-box .qrcode-box .ic.wb{width:25px;height:25px;background-image: url("../image/ic-wb-w-i.png")} .swiper-index .info-box .qrcode-box .ic .qrcode{ text-align: center; display: none; position: absolute; left:50%;margin-left:-87px; bottom:40px; width:174px; height:200px; padding:10px 20px; color:#333; background-color: #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow: #ccc 0 0 6px; -moz-box-shadow: #ccc 0 0 6px; box-shadow: #ccc 0 0 6px; } .swiper-index .info-box .qrcode-box .ic:hover .qrcode{ display: block; } .swiper-index .info-box .qrcode-box .ic .qrcode:after{ display: block; width:8px;height:8px; background-color: #fff; content: ''; position: absolute;bottom:-4px;left:50%;margin-left:-4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .swiper-index .info-box .qrcode-box .ic .qrcode h5{font-size:14px;} .swiper-index .info-box .qrcode-box .ic .qrcode p{font-size:12px;} .swiper-index .info-box .qrcode-box .ic .qrcode img{ width:100%; padding:10px; border:2px solid rgba(0,0,0,.1); margin-bottom:10px; } .banner{height:570px;background-size: cover;background-position: center;text-align: left;} .banner.tc{text-align: center;} .banner .cont-box{padding-top:200px;color:#fff;} .banner.b .cont-box{color:#000;} .banner .title{font-size:46px;margin-bottom:10px;} .banner .desc{font-size:14px;} .location, .nav-child{height:40px;background-color: #f6f6f6;border-bottom:1px solid #c6c3dc;line-height: 40px;font-size:14px;} .nav-child ul li{float: left;margin-right:45px;} .nav-child ul li a{float: left;color:#666;} .nav-child ul li.active a, .nav-child ul li a:hover{color:#3370ff;border-bottom:2px solid #3370ff;} .location a{color:#666;} .location a:hover{color:#3370ff;} .bg-com{ background-position: center; background-image: url("../image/bg-com.jpg"); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; } .bg-about{ padding-top:30px; background-position: center; background-image: url("../image/bg-about.jpg"); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; } /* 鍏充簬鎴戜滑 */ .about-title{font-size:30px;font-family: Medium;color:#333;padding:20px 0;} .about-title.blue{color:#3370ff;} .intro-box{ /* min-height: 650px; */ background-color: #f8f9ff; background-position: center; /*background-image: url("../images/bg-index-01.jpg");*/ -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; padding-top:90px; padding-bottom:45px; } .intro-box .intro-desc{padding:60px 40px;font-size:16px;color:#211f1b;margin-bottom:90px;position: relative; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-image: url("../image/bg-jianbian.jpg"); -webkit-background-size:100% 100%; background-size:100% 100%; } .intro-box .intro-desc p{margin-bottom:15px;line-height: 28px} .intro-box .card-box{font-size:0;padding-bottom:10px;position: relative;} .intro-box .card-box .cb-item{position: relative;display: inline-block;width:32%;margin-right:2%;border-radius: 10px;overflow: hidden;} .intro-box .card-box .c-i-box .cb-item:nth-child(3n){margin-right:0;} .intro-box .card-box .cb-item img{width:100%;position: relative;border-radius: 5px;} .intro-box .card-box .cb-item:after{position: absolute;width:100%;height:100%;top:0;left:0;background-color: rgba(0,0,0,.4);display: none;content: ''} .intro-box .card-box .cb-item:hover:after{display: block} .intro-box .card-box .tit{font-size: 24px;color:#fff;text-align: center;position: absolute;width:100%;line-height:30px;bottom:20px;left:0;right:0;margin:auto; z-index: 1;transition: bottom .5s;} .intro-box .card-box .cb-item:hover .tit{bottom:50%;margin-bottom:-15px;} .business-box{padding:30px 0;} .business-box .business-desc .logo-box{text-align: center;padding-bottom:20px;border-bottom:1px solid #3370ff;width:660px;margin:auto;position: relative;} .business-box .business-desc .logo-box:after{position: absolute;content: '';display: block;height:15px;width:1px;background-color: #3370ff;left:0;right:0;bottom:0;margin:auto;} .business-box .business-desc .bus-btns {margin-top:20px;} .business-box .business-desc .bus-btns a{display: block;padding:30px 0;text-align: center;width:340px;background-color: #eef7ff;color:#3370ff;position: relative;font-size:14px;} .business-box .business-desc .bus-btns a:after{position: absolute;display: block;content: '';width:1px;height:20px;left:0;right:0;margin:auto;background-color: #3370ff;top:-20px;} .business-box .business-desc img{max-width: 100%;} .bus-change-btns a{display: block;width:50%;background-color: #eef7ff;text-align: center;padding:30px 0;color:#3370ff;font-size:28px;} .bus-change-btns a:hover, .bus-change-btns a.active{ background-color: #3370ff;color:#fff; } .bus-pics{background-color: #393d43;} .bus-pics .b-item{position: relative;width:50%;} .bus-pics .b-item img{width:100%;} .bus-pics .b-item:after{background-color: rgba(0,0,0,.5);position: absolute;width:100%;height:100%;top:0;right:0;content: '';display: block;} .bus-pics .b-item.active:after{display: none;} .bus-txt .desc{padding:30px 0;font-size:16px;} .bus-txt .desc p{margin-bottom:15px;line-height: 28px} .bus-txt .bt-item{display: none;} .bus-txt .bt-item .d-item{border-left:9px solid #3370ff;padding:20px 40px;font-size:12px;line-height: 26px;margin-bottom:25px;} .bus-txt .bt-item .d-item .tit{color:#3370ff;font-size:16px;padding:10px 0;} /* 澶╁ū缇よ嫳 */ .mem-list {margin-bottom:30px;} .mem-list li{float:left;width:32%;position: relative;padding:10px;margin-right:2%;margin-bottom:20px;overflow: hidden;border-radius: 5px;} .mem-list li:nth-child(3n){margin-right: 0;} .mem-list li a{display: block;} .mem-list li a .txt-box, .mem-list li a .img-box{ width:50%; min-height: 100px; text-align: center; padding:20px 10px; } .mem-list li a .txt-box .d-table{ padding:20px 5px; min-height: 100px; display: table-cell; vertical-align: middle; color:#fff; font-size:14px; } .mem-list li a .img-box{ background-color: #fff; position: relative; } .mem-list li a .img-box .logo{ position: absolute; left:0;right:0;margin:auto; top:50%;margin-top:-15px; max-height: 30px; } /* 鎶曡祫鑰 */ .tzz-container{padding:30px 0;} .tzz-container .year-box{width:200px;} .tzz-container .year-box ul li a{display: block;line-height: 44px;color:#333;font-size: 15px;position: relative;background-color: #efefef;margin-bottom:5px;padding:0 20px;} .tzz-container .year-box ul li a:after{content: '>';right:20px;top:50%;position: absolute;margin-top:-22px;} .tzz-container .list-box ul li a:hover, .tzz-container .year-box ul li a.active, .tzz-container .year-box ul li a:hover{color:#fff;background-color: #3370ff;} .tzz-container .list-box{width:740px;padding-left:20px;border-left:2px solid #ebebeb;} .tzz-container .list-box .year{font-family: Medium;font-size: 28px;} .tzz-container .list-box ul li a{display: block;font-size:13px;color:#333;padding:5px 10px;margin:5px 0;position: relative;} .tzz-container .list-box ul li a:before{display: none;position: absolute;width:14px;height:14px;background-image: url("../image/ic-squ.png");background-size: 100% 100%;content: '';left:-28px;} .tzz-container .list-box ul li a:hover:before{display: block} /* 浼佷笟鏂囧寲 */ .culture-box .tips-list{padding:30px 0;} .culture-box .tips-list{font-size:0;} .culture-box .tips-list li{font-size:12px;display: inline-block;width:32%;margin-right:2%;background-color: #f8f8f8;border-radius: 10px;overflow: hidden;vertical-align: top;} .culture-box .tips-list li:last-child{margin-right:0;} .culture-box .tips-list li a{display: block;padding:20px 25px;color:#333;min-height: 205px;} .culture-box .tips-list li.active a, .culture-box .tips-list li a:hover{background-image: url("../image/bg-item.jpg");background-size: cover;color:#fff;} .culture-box .tips-list li.active h4, .culture-box .tips-list li a:hover h4{color:#fff;border-color:#fff;} .culture-box .tips-list li a h3{font-size:28px;} .culture-box .tips-list li a h4{font-size:22px;border-bottom:2px solid #bbb;margin-bottom:10px;padding:5px 0;color:#3370ff;} .culture-box .tips-list li a .desc{font-size:12px;} .culture-box .tips-list li a .desc p{position: relative;margin-bottom:5px;padding-left:10px;} .culture-box .tips-list li a .desc p:after{position: absolute;content: '';display: block;width:9px;height:9px;background-size: 100% 100%;background-image: url("../image/ic-squ-1.png");left:-2px;top:50%;margin-top:-4px;} .culture-box .imgs-box{margin-bottom:30px;} .com-culture-txt{padding:30px 0 10px 0;} .com-culture-txt .tit{width:150px;font-size:24px;font-family: Medium;position: relative;} .com-culture-txt .tit:after{position: absolute;width:22px;height:18px;background-image: url("../image/ic-more-g.png");background-size: 100% 100%;right:0;top:50%;margin-top:-9px;content: '';display: block;} .com-culture-txt .desc{width:800px;font-size:14px;font-family: Light;line-height: 28px;} .culture-img img{width:100%;border-radius: 10px;-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;} .culture-img img:hover{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .fl-img-box {font-size:0;} .fl-img-box .fl-item{display: inline-block;position: relative;overflow: hidden} .fl-img-box .fl-item:nth-child(1), .fl-img-box .fl-item:nth-child(2), .fl-img-box .fl-item:nth-child(3){width:33.333333%;} .fl-img-box .fl-item:nth-child(4), .fl-img-box .fl-item:nth-child(5){width:50%;} .fl-img-box .fl-item img{width:100%;-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;} .fl-img-box .fl-item:hover img{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .fl-img-box .fl-item .tit{font-size:16px;color:#fff;position: absolute;bottom:10px;width:100%;text-align: right;padding:0 30px;z-index: 1} .office-img img{width:100%;-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;border-radius: 10px;} .office-img img:hover{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .office-img .left{width:690px;} .office-img .right{width:290px;} .office-img .right img:first-child{margin-bottom:15px;} .duty-item {padding:40px 0;display: block;color:#666;position: relative;} .duty-item .box-shadow{border-radius: 10px;overflow: hidden;} .duty-item:hover .box-shadow{ background-color: #fff; -webkit-box-shadow: #ccc 0 0 6px; -moz-box-shadow: #ccc 0 0 6px; box-shadow: #ccc 0 0 6px; } .duty-item .img-box{width:570px;overflow: hidden;} .duty-item .img-box img{width:100%;transition: .5s;} .duty-item .txt-box{width:370px;padding-top:30px;height:350px;position: relative;} .duty-item .txt-box h2{font-size:29px;font-weight: normal;margin-bottom:5px;padding:0 30px;position: relative;} .duty-item .txt-box h2:before{display: block;content: '';width:55px;height:3px;background-color: #3370ff;position: absolute;bottom:-10px;} .duty-item .txt-box h2.r{text-align: right;} .duty-item .txt-box h2.l{text-align: left;} .duty-item .txt-box h2.r:before{right:30px;} .duty-item .txt-box h2.l:before{left:30px;} .duty-item .txt-box .desc{font-size:13px;position: absolute;bottom:30px;width:100%;padding-right:30px;} .duty-item:hover img{transform: scale(1.03);} .duty-item .more{display: block;width:22px;height:18px;background-image: url("../image/ic-more-g.png");background-size: 100% 100%;position: absolute;bottom:100px;} .wcn-box .txt-box{text-align: right;position: absolute;left:0;} .wcn-box .duty-item .more{left:330px;} .wcn-box .duty-item .desc{padding-left:30px;text-align: left;padding-right:0;} .duty-news-box{padding:40px 0;} .duty-news-box .topic-box, .duty-news-box .dt-img-box, .duty-news-box .dn-box{width:50%;} .duty-news-box .dn-box{padding-right:50px;} .duty-news-box .tit{font-family: Medium;font-size:29px;color:#000;margin-bottom:10px;display: block;position: relative;} .duty-news-box .tit:after{position: absolute;width:22px;height:18px;background-image: url("../image/ic-more-g.png");background-size: 100% 100%;right:0;top:50%;margin-top:-9px;content: '';display: block;} .duty-news-box .list-box ul li a:hover{color:#fff;background-color: #3370ff;} .duty-news-box .list-box{padding-left:20px;border-left:2px solid #e1e6ec;} .duty-news-box .list-box ul li {position: relative} .duty-news-box .list-box ul li a{display: block;font-size:13px;color:#333;padding:5px 10px;margin:5px 0;;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .duty-news-box .list-box ul li:before{display: none;position: absolute;top:50%;margin-top:-7px;width:14px;height:14px;background-image: url("../image/ic-squ.png");background-size: 100% 100%;content: '';left:-28px;} .duty-news-box .list-box ul li:hover:before{display: block} .duty-news-box .topic-box ul {font-size:0;} .duty-news-box .topic-box ul li{display: inline-block;width:49%;margin-right:2%;margin-bottom:15px;font-size:13px;} .duty-news-box .topic-box ul li:nth-child(2n){margin-right:0;} .duty-news-box .topic-box ul li img{width:100%;} .duty-news-box .topic-box ul li p{color:#000;line-height: 40px;text-align: center;} .duty-news-box .dt-img-box{ border-radius: 10px; -webkit-box-shadow: #ccc 0 0 6px; -moz-box-shadow: #ccc 0 0 6px; box-shadow: #ccc 0 0 6px; } .duty-news-box .dt-img-box a{display: block;overflow: hidden;border-radius: 10px;} .duty-news-box .dt-img-box a img{max-width: 100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; } .duty-news-box .dt-img-box a .img-box{overflow: hidden;} .duty-news-box .dt-img-box a:hover img{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } .duty-news-box .txt-box{padding:5px 20px;color:#000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .duty-news-box a:hover .txt-box{color:#0a80d3;} .duty-news-box .txt-box span{vertical-align: middle;font-size: 15px;} .duty-news-box .txt-box .time{font-size:22px;} .duty-detail{font-size:16px;font-family: Light;line-height: 28px;padding:40px 0;} .news-list-box {width:745px;} .news-list-box .year{font-size:28px;margin-bottom:20px;} .news-list-box .big{display: block;width:100%;position: relative;margin-bottom:30px;} .news-list-box .big img{width:100%;} .news-list-box .big .play{width:77px;height:77px;background-image: url("../image/btn-play.png");background-size: 100% 100%;position: absolute;top:50%;left:0;right:0;margin:auto;margin-top:-38px;} .news-list-box .big video{width:100%;} .news-list-box .small{width:290px;font-size: 0;} .news-list-box .small img{width:100%;} .news-list-box .small a{display: inline-block;width:49%;font-size:12px;margin-right:2%;margin-bottom:40px;color:#333;} .news-list-box .small a:hover{color:#3370ff;} .news-list-box .small a:nth-child(2n){margin-right:0;} .news-list-box .small a p{ display: -webkit-box; display: -moz-box; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-line-clamp:2; -moz-line-clamp:2; overflow: hidden; } .news-list-box .news-list ul li{margin-bottom:30px;} .news-list-box .news-list ul li a{display: block;padding:15px 20px 15px 115px;color:#333;border-left:5px solid transparent;position: relative;} .news-list-box .news-list ul li a:hover{ -webkit-box-shadow: #999 0 0 12px; -moz-box-shadow: #999 0 0 12px; box-shadow: #999 0 0 12px; border-left:5px solid #3370ff; } .news-list-box .news-list ul li a .time, .news-list-box .news-list ul li a .desc{color:#989898;} .news-list-box .news-list ul li a .tit{color:#333;margin-bottom:5px;} .news-list-box .news-list ul li a:hover img{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03);} .news-list-box .news-list .img-box{position: absolute;width:95px;height:70px;left:10px;top:50%;margin-top:-35px;overflow: hidden; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;} .news-list-box .news-list .img-box img{width:100%;height:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s;} .news-detail-box{padding:50px 0;min-height: 600px;} .news-detail-box .title{font-size:19px;font-family: Medium;text-align: center;font-weight: normal;} .news-detail-box .time{font-size:12px;font-family: Light;color:#989898;padding:10px 0;text-align: center;} .news-detail-box .cont{line-height: 26px;} .news-detail-box .cont img{max-width: 100%;} .dev-box, .team-box{ padding:30px 0; } .join-box{ color:#fff; padding:60px 0; background-position: center top; background-image: url("../../images/bg-idx-join.jpg"); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; } .a-com-title{ font-family: Medium; margin-bottom:50px; } .a-com-title .en{ font-size:44px; color:#f1f1f1; } .a-com-title .zh{ font-size:30px; margin-top:-45px; color:#3370ff; } .team-box{padding-bottom:100px;} .team-box .tabs{ width:190px;height:32px; margin:20px auto; background-color: #3370ff; border:1px solid #3370ff; font-size: 0; border-radius: 16px;overflow: hidden; } .team-box .tabs a{ display: inline-block; font-size:16px; width:50%; line-height: 30px; color:#fff; } .team-box .tabs a.active{ color:#3370ff; background-color: #fff; } .team-box .op-box{ position: relative; } .team-box .op-box .bt-left, .team-box .op-box .bt-right{ cursor: pointer; position: absolute; width:17px;height:13px; -webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; top:50%;margin-top:-6px; } .team-box .op-box .bt-left{background-image: url("../image/btn-t-left.png");left:0;} .team-box .op-box .bt-right{background-image: url("../image/btn-t-right.png");right:0;} .team-box .team-swiper{margin:30px 0;position: relative;} .team-box .team-swiper .swiper-slide{text-align: center;color:#a3a3a3;position: relative;overflow: hidden;background-color: #e6e6e6;} .team-box .team-swiper .swiper-slide .txt-box{padding:10px 0;} .team-box .team-swiper .swiper-slide img{width:100%;} .team-box .team-swiper .swiper-slide .name{font-size:14px;color:#000;margin-top:10px;} .team-box .team-swiper .swiper-slide .pos{margin-bottom:20px;position: relative;color:#000;} .team-box .team-swiper .swiper-slide .pos:after{position: absolute;width:27px;height:2px;background-color: #e33535;bottom:-10px;left:0;right:0;margin:auto;content: '';display: block;opacity: .8;} .team-box .team-swiper .swiper-slide .desc .name-box{padding:0 0 15px 0;margin-bottom:15px;border-bottom:1px solid #8e8e8e;text-align: left;position: relative;} .team-box .team-swiper .swiper-slide .desc .name-box:before{position: absolute;display: block;content: '';width:2px;height:40px;background-color: #e33535;left:-20px;top:0;} .team-box .team-swiper .swiper-slide .desc{line-height: 22px;position: absolute;width:100%;height:100%;top:0;background-color: #fff;padding:20px;left:100%;text-align: left;overflow: auto; -webkit-transition: left .5s; -moz-transition: left .5s; -ms-transition: left .5s; -o-transition: left .5s; transition: left .5s;color:#000; } .team-box .team-swiper .swiper-slide:hover{ -webkit-box-shadow: #ccc 0 0 12px; -moz-box-shadow: #ccc 0 0 12px; box-shadow: #ccc 0 0 12px; } .team-box .team-swiper .swiper-slide:hover .desc{left:0;} .team-box .team-swiper .swiper-pagination-progress{ width:80%;height:4px; bottom:-40px;left:0;right:0;margin:auto; } .team-box .team-swiper .bt-left, .team-box .team-swiper .bt-right{ cursor: pointer; position: absolute; width:21px;height:33px; -webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; bottom:-55px; } .team-box .team-swiper .bt-left{background-image: url("../image/s-btn-left.png");left:0;} .team-box .team-swiper .bt-right{background-image: url("../image/s-btn-right.png");right:0;} .team-box .team-swiper .swiper-pagination-progress .swiper-pagination-progressbar{ height:200%; top:inherit;bottom:0; background-color: #3370ff; } .c-honor-box{margin-bottom:50px;} .c-honor-box .cont-box{ height: 450px; background-position: center top; background-image: url("../image/bg-honor.jpg"); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; } .honor-swiper {position: relative;} .honor-swiper .swiper-slide{height:450px;padding-top:150px;overflow: hidden;} .honor-swiper .swiper-slide a{color:#000;} .honor-swiper .swiper-slide .year{text-align: center;padding:0 20px;font-size:40px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .honor-swiper .swiper-slide .year span{color:#3370ff;padding-bottom:10px;display: inline-block;position: relative} .honor-swiper .swiper-slide .year span:after{display: inline-block;position: absolute;content: '';height:3px;width:100%;bottom:0;background-color: #fd73f2;left:0;right:0;margin:auto;} .honor-swiper .swiper-slide .desc{line-height: 30px;padding:10px 15px;display: none;} .honor-swiper .swiper-slide:hover .desc{display: block;} .honor-swiper .swiper-slide:hover .year{text-align: right;font-size:20px;} .honor-swiper .bt-left, .honor-swiper .bt-right{ cursor: pointer; position: absolute; width:27px;height:12px; -webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%; } .honor-swiper .bt-left{background-image: url("../image/honor-btn-left.png");left:10px;bottom:-20px;} .honor-swiper .bt-right{background-image: url("../image/honor-btn-right.png");right:10px;top:-20px;} .map-content{ height:460px; width:100%; } .BMap_bubble_title{ padding:10px 15px; color:#3370ff!important; overflow: hidden!important; height:auto!important; } .BMap_bubble_center{ margin-top:1px; } .BMap_bubble_content{ padding:10px 15px; } .shadow img{ display: none; } .iw_poi_title{ color:#3370ff; font-size:14px; padding:10px 0; } .iw_poi_content{ color:#000; } .join-box .tit{font-family: Medium;font-weight: normal;font-size:30px;} .join-box .desc{font-family: Light;font-size:16px;padding:10px 0;margin-bottom:40px;} .idx-item-box{ padding:60px 0; background-position: center top; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; } .ib-01{background-image: url("../image/bg-idx-01.jpg")} .ib-03{background-image: url("../image/bg-idx-03.jpg")} .idx-item-box .txt-box .desc{color:#8b919a;line-height: 22px;margin:20px 0;} .idx-item-box .id-com-tit {position: relative;padding-top:90px;} .idx-item-box .id-com-tit:after {display: block;content: '';width:100%;height:1px;background-color: #bdc4cd;position: absolute;bottom:-10px;left:0;} .idx-item-box .id-com-tit.no-more .more{display: none} .idx-item-box .id-com-tit .sn{font-size: 87px;color:#b2caf8;font-family: Bold;} .idx-item-box .id-com-tit .tit{color:#1f2329;font-size:30px;font-family: Medium;margin-top: -60px;} .idx-item-box .id-com-tit .more{position: absolute;right:0;bottom:10px;} .idx-item-box .txt-box{width:310px;} .idx-item-box .img-box{width:650px;} .idx-item-box .img-box .item{display: none;} .idx-item-box .img-box img{width:100%;border-radius: 15px;} .ib-01 .img-box .item{display: none;position: relative;} .ib-01 .img-box .item p{position: absolute;left:0;right:0;margin:auto;bottom:10px;text-align: left;font-size:20px;color:#fff;padding:0 20px;} .ib-01 .txt-box .tabs a{display: block;color:#8b919a;font-size:22px;margin:5px 0;position: relative;padding-left:20px;} .ib-01 .txt-box .tabs a.active{color:#000;} .ib-01 .txt-box .tabs a:before{display: block;content: '';width:10px;height:10px;border-radius: 50%;background-color: #8b919a;position: absolute;left:0;top:50%;margin-top:-5px;} .ib-01 .txt-box .tabs a.active:before{background-color: #3370ff;} .ib-02{ /*min-height: 590px;*/ padding:45px 0 80px 0; background-position: center bottom; background-image: url("../image/bg-idx-2.jpg"); -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; } .ib-02 .n-list {margin-top:20px;} .ib-02 .n-list li a{display: block;color:#8b919a;padding:8px 10px;margin:5px 0;} .ib-02 .n-list li a .time{color:#000;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .ib-02 .n-list li a:hover .time, .ib-02 .n-list li a:hover{color:#fff;} .ib-02 .n-list li a:hover{background-color: #3370ff;border-radius: 8px;} .ib-02 .n-list li a .title{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .anchor-box{position: fixed;right:50px;top:50%;z-index: 10;text-align: center;cursor: pointer;} .anchor-box li{width:7px;height:7px;border:1px solid #3370ff;border-radius: 50%;display:block;margin:10px auto;background-color: #fff;} .anchor-box li.active{width:35px;height:35px;background-image: url("../image/ic-curr.png");border:0;background-size: 100% 100%;background-color: transparent;} .anchor-box.w li.active{background-image: url("../image/ic-curr-w.png");} .ball{position: absolute;-webkit-background-size: 100% 100%;background-size: 100% 100%;} .ball-1{background-image: url("../image/ball-1.png");width:200px;height:214px;} .ball-2{background-image: url("../image/ball-2.png");width:192px;height:168px;} .intro-desc .ball-1{bottom:-120px;left:-180px;animation: ballJump_1 10s infinite} .card-box .ball-2{right:-140px;bottom:-55px;animation: ballJump_2 8s infinite} .ib-02 .ball-2{top:-30px;left:-220px;animation: ballJump_3 8s infinite} @keyframes ballJump_1 { 0%{bottom:-130px;} 50%{bottom:0;} 100%{bottom:-130px;} } @-moz-keyframes ballJump_1 { 0%{bottom:-130px;} 50%{bottom:0;} 100%{bottom:-130px;} } @-webkit-keyframes ballJump_1 { 0%{bottom:-130px;} 50%{bottom:0;} 100%{bottom:-130px;} } @-o-keyframes ballJump_1 { 0%{bottom:-130px;} 50%{bottom:0;} 100%{bottom:-130px;} } @keyframes ballJump_2 { 0%{bottom:-75px;} 50%{bottom:0;} 100%{bottom:-75px;} } @-moz-keyframes ballJump_2 { 0%{bottom:-75px;} 50%{bottom:0;} 100%{bottom:-75px;} } @-webkit-keyframes ballJump_2 { 0%{bottom:-75px;} 50%{bottom:0;} 100%{bottom:-75px;} } @-o-keyframes ballJump_2 { 0%{bottom:-75px;} 50%{bottom:0;} 100%{bottom:-75px;} } @keyframes ballJump_3 { 0%{top:-80px;} 50%{top:0;} 100%{top:-80px;} } @-moz-keyframes ballJump_3 { 0%{top:-80px;} 50%{top:0;} 100%{top:-80px;} } @-webkit-keyframes ballJump_3 { 0%{top:-80px;} 50%{top:0;} 100%{top:-80px;} } @-o-keyframes ballJump_3 { 0%{top:-80px;} 50%{top:0;} 100%{top:-80px;} } .time-line-mb{display: none;} .time-line-pc{height:80px;position: relative;overflow: hidden;} .time-line-pc:before{position: absolute;height:1px;width:100%;content: '';display: block;top:50%;background-color: #c2c2c2;} .time-line-pc ul{font-size: 0;position: absolute;left:50%;margin-left:-38px;white-space: nowrap; -webkit-transition: margin-left .5s; -moz-transition: margin-left .5s; -ms-transition: margin-left .5s; -o-transition: margin-left .5s; transition: margin-left .5s;} .time-line-pc ul li{display: inline-block;font-size:14px;height:54px;width:54px;border:1px solid #c2c2c2; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;line-height: 52px;text-align: center;background-color: #fff;margin-right:30px;cursor: pointer;} .time-line-pc ul li:hover{background-color: #3370ff;color:#fff;} .time-line-pc ul li.active{height:76px;width:76px;background-color: #3370ff;color:#fff;font-size:18px;line-height: 74px;} .time-line-cont {margin:50px 0;} .time-line-cont ul li{height:380px;background-color: #f6f6f6;display: none;} .time-line-cont ul li .img-box{width:430px;height:380px;position: relative;} .time-line-cont ul li .img-box img{width:100%;height:100%;position: absolute;} .time-line-cont ul li .txt-box{width:570px;padding:20px 40px;max-height: 360px;overflow: auto;} .time-line-cont ul li .txt-box .time{font-size:40px;margin-bottom:20px;} .time-line-cont ul li .txt-box .desc{font-size:16px;color:#333;margin-bottom:10px;position:relative;word-break: break-all;line-height: 24px;} .time-line-cont ul li .txt-box .desc:before{width:17px;height:17px; -webkit-background-size:100% 100%; background-size:100% 100%;background-image: url("../image/ic-circle.png");content: '';display: inline-block;vertical-align: middle;margin-right:5px;} .dev-box .down-box{height:11px;margin-top:20px;} .dev-box .down-box .down{background-image: url("../image/ic-down.png"); -webkit-background-size:100% 100%; background-size:100% 100%; width:18px;height:11px;position: absolute;left:50%;margin-left:-9px; } .links-index{height:40px;line-height: 40px;background-color: #f6f6f6;font-size:0;} .links-index a{font-size:14px;color:#3370ff;display: inline-block;width:33.333333%;} .links-index a:nth-child(1){text-align: left} .links-index a:nth-child(2){text-align: center} .links-index a:nth-child(3){text-align: right} .join-us{background-color: #fff;padding:20px 40px;margin:100px 0;} .join-us .title{font-size:36px;} .join-us .cont{line-height: 40px;font-size: 25px;font-family: Normal;} .join-us .cont p{margin:10px 0;} .join-us .cont .line{height:1px;background-color: #dadada;margin:30px 0;} /* Large Devices, Wide Screens */ @media only screen and (max-width: 1366px) { } /* Small Devices, Tablets */ @media only screen and (max-width: 1024px) { .header-space, .anchor-box{display: none;} .header, .footer{display: none;} .cont-box{padding:0 15px;width:auto;} .m-footer{ color:#7a7d80; padding-top:20px; display: block; } .m-footer ul li{ padding:10px 0; } .m-footer ul li a{ color:#5e6464; display: block; position: relative; } .m-footer ul li a:after{ display: block; position: absolute; content: ''; width:16px; height:8px; -webkit-background-size:100% 100%; background-size:100% 100%; background-image: url("../image/ic-arrow-down.png"); right:0; top:50%; margin-top:-4px; } .m-footer .copyright{padding-bottom:30px;} .m-footer .copyright p{ padding:5px 0; } .m-footer ul li i{ display: inline-block; width:17px;height:14px; -webkit-background-size:100% 100%; background-size:100% 100%; vertical-align: middle; margin-left:5px; } .m-footer ul li i.wx{ background-image: url("../image/ic-m-wx.png"); } .m-footer ul li i.wb{ background-image: url("../image/ic-m-wb.png"); } .ball{display: none;} .swiper-index { height: 300px; } .swiper-index .swiper-slide a > div{ text-align: left; } .swiper-index .swiper-slide a h1{ font-size:24px;margin-bottom:10px; } .swiper-index .swiper-slide a .desc{ font-size:24px; } .swiper-index .swiper-slide a .read-more{ width:120px; height:28px; -webkit-border-radius:14px; -moz-border-radius:14px; border-radius:14px; } .swiper-index .swiper-pagination{ width:auto; bottom:10px; } .swiper-index .info-box{display: none;} .banner{height:300px;} .banner .cont-box{padding-top:50px;} .banner .title{font-size:36px;} .banner .desc{font-size:13px;} .links-index{display: none;} .nav-child{height:32px;line-height: 32px;} .nav-child ul{overflow: auto;white-space: nowrap;} .nav-child ul li{margin-right:15px;float:inherit;display: inline-block;} .bg-com{background-position: left top;} .about-title{font-size:22px;padding:15px 0;} .intro-box .intro-desc, .bus-txt .desc{padding:10px 0;font-size:15px;} .business-box{padding:15px 0;} .business-box .business-desc .logo-box{width:60%;} .business-box .business-desc .logo-box:after{position: absolute;content: '';display: block;height:15px;width:1px;background-color: #3370ff;left:0;right:0;bottom:0;margin:auto;} .business-box .business-desc .bus-btns {margin-top:20px;} .business-box .business-desc .bus-btns a{padding:20px 0;width:40%;} .business-box .business-desc .bus-btns a:after{position: absolute;display: block;content: '';width:1px;height:20px;left:0;right:0;margin:auto;background-color: #3370ff;top:-20px;} .intro-box{padding-top:20px;min-height: inherit;padding-bottom:1px;} .intro-box .intro-desc{padding:20px 15px;margin-bottom:20px;} .intro-box .card-box{margin-bottom:30px;white-space: nowrap;overflow: auto;} .intro-box .card-box .cb-item{width:45%;margin-right:2%;border-radius: 5px;} .intro-box .card-box .tit{font-size: 18px;line-height:26px;bottom:10px;} .intro-box .card-box .cb-item:hover .tit{bottom:50%;margin-bottom:-13px;} .bus-change-btns a{padding:15px 0;font-size:18px;} .bus-txt .desc{padding:15px 0;font-size:15px;} .bus-txt .desc p{margin-bottom:10px;line-height: 26px} .bus-txt .bt-item .d-item{border-left:5px solid #3370ff;padding:15px 20px;line-height: 26px;margin-bottom:20px;} /* 鎵嬫満瀵艰埅 */ .m-header{height:50px;background-color: #fff;text-align: center;padding:12px 0;display: block;position: relative;} .m-header .show-btn{display:block;position: absolute;width:20px;height:18px;left:20px;top:50%;margin-top:-9px;-webkit-background-size:100% 100%; background-size:100% 100%;background-image: url("../image/m-nav-btn.jpg")} .m-header .logo img{height:26px;} .m-header .nav-menu{position: fixed;width:100%;height:100%;background-color: rgba(0,0,0,.3);top:0;left:-100%;z-index: 10;transition: left .5s;} .m-header .nav-menu.show{left:0;} .m-header .nav-menu .close-btn{display:block;z-index: 1;position: absolute;width:20px;height:18px;left:20px;top:20px;-webkit-background-size:100% 100%; background-size:100% 100%;background-image: url("../image/m-nav-close.jpg")} .m-header .nav-menu ul{position: absolute;width:65%;height:100%;top:0;left:0;background-color: #fff;padding-top:50px;} .m-header .nav-menu ul li a{color:#1f2329;display: block;padding:15px 40px;text-align: left;} .m-header .nav-menu ul li a.active{color:#3370ff} .m-header .nav-menu ul li span{position: relative;} .m-header .nav-menu ul li span:before{position: absolute;display: none;content: '';height:2px;width:100%;background-color: #000;bottom:-10px;} .m-header .nav-menu ul li:hover span:before{display: block} .m-header .nav-menu ul li:hover .nav-links{ display: block; } .m-header .nav-menu .nav-links{ display: none; position: absolute; text-align: center; width: 90px; height:calc(100% - 150px); overflow-y: auto; right:15px; top:150px; padding:5px 0; background-color: #f8f8f8; } .m-header .nav-menu .nav-links .nl-item p{ padding:3px 0; } .m-header .nav-menu .nav-links .nl-item a{ color:#3370ff; line-height: 20px; padding:0; height: auto; text-align: center; } .m-header .nav-menu .nav-links .nl-item a:hover{ color:#ff0000; border:0; } .mem-list {margin-bottom:15px;} .mem-list li{width:100%;padding:10px;margin-right:0;margin-bottom:10px;} .mem-list li a .txt-box, .mem-list li a .img-box{ min-height: 80px; text-align: center; padding:10px 10px; } .mem-list li a .txt-box .d-table{ padding:10px 10px; min-height: 80px; } .tzz-container{padding:15px 0;} .tzz-container .year-box{display: none} .tzz-container .list-box{width:auto;padding-left:10px;} .tzz-container .list-box .year{font-size: 24px;} .tzz-container .list-box ul li a{display: block;font-size:13px;color:#333;padding:5px 10px;margin:5px 0;position: relative;} .tzz-container .list-box ul li a:before{left:-18px;} .tzz-container .list-box ul li a:hover:before{display: block} .duty-news-box .topic-box, .duty-news-box .dt-img-box, .duty-news-box .dn-box{width:100%;margin-bottom:30px;} .duty-news-box .dn-box{padding-right:0;} .duty-news-box{padding:15px 0;} .duty-news-box .tit{width:50%;font-size:20px;position: relative;margin-bottom:20px;} .duty-news-box .tit:before{display: block;content: '';width:100%;height:1px;background-color: #c5c8cd;bottom:-10px;position: absolute;} .duty-news-box .list-box{width:auto;padding-left:10px;} .duty-news-box .list-box ul li{position: relative;} .duty-news-box .list-box ul li a{display: block;font-size:13px;color:#333;padding:5px 10px;margin:5px 0;} .duty-news-box .list-box ul li:before{left:-18px;} .duty-news-box .list-box ul li:hover:before{display: block} .culture-box .tips-list{padding:15px 0;white-space: nowrap;overflow: auto;} .culture-box .tips-list li{width:auto;} .culture-box .tips-list li a{display: block;padding:20px 25px;color:#333;min-height: 205px;} .culture-box .tips-list li.active a, .culture-box .tips-list li a:hover{background-image: url("../image/bg-item.jpg");background-size: cover;color:#fff;} .culture-box .tips-list li.active h4, .culture-box .tips-list li a:hover h4{color:#fff;border-color:#fff;} .culture-box .tips-list li a h3{font-size:24px;} .culture-box .tips-list li a h4{font-size:20px;} .com-culture-txt{padding:20px 0 10px 0;} .com-culture-txt .tit{width:40%;font-size:20px;float:inherit;margin-bottom:30px;position: relative;} .com-culture-txt .tit:before{display: block;content: '';width:100%;height:1px;background-color: #c5c8cd;bottom:-20px;position: absolute;} .com-culture-txt .desc{width:auto;line-height: 26px;} .office-img .left, .office-img .right{width:auto;} .office-img img{margin-bottom:10px!important;} .fl-img-box .fl-item{width:100%!important;margin-bottom:10px;} .fl-img-box .fl-item .tit{text-align: left;padding:0 20px;} .duty-item {padding:20px 15px;} .duty-item .img-box{width:auto;margin-top:10px;} .duty-item .txt-box{width:auto;padding-top:0;height: auto;} .duty-item .txt-box h2.r{text-align: left;} .duty-item .txt-box h2{font-size:22px;margin-bottom:25px;position: relative;width:50%;padding:0;} .duty-item .txt-box h2:before{display: block;content: '';width:100%;height:1px;background-color: #c5c8cd;bottom:-15px;position: absolute;} .duty-item .txt-box h2.r:before, .duty-item .txt-box h2.l:before{left:0;} .duty-item .txt-box h2:after{position: absolute;width:22px;height:18px;background-image: url("../image/ic-more-g.png");background-size: 100% 100%;right:0;top:50%;margin-top:-9px;content: '';display: block;} .duty-item .txt-box .desc{position: inherit;bottom:inherit;padding-right:0;} .wcn-box .txt-box{text-align: left;position: inherit;} .wcn-box .duty-item .desc{padding-left:0;} .duty-item .more{display: none;} .news-list-box {width:100%;} .news-list-box .video-box {width:100%;overflow: auto;white-space: nowrap;} .news-list-box .big{display: inline-block;position: relative;float: inherit;} .news-list-box .small{display: inline-block;float: inherit;white-space: normal;vertical-align: top;} .news-list-box .news-list .img-box{display: none;} .news-list-box .news-list ul li{margin-bottom:15px;} .news-list-box .news-list ul li a{display: block;padding:10px;border-left:3px solid transparent;} .news-detail-box{padding:20px 0;min-height: 300px;} .news-detail-box .title{font-size:16px;} .news-detail-box .time{padding:6px 0;} .a-com-title{margin-bottom:20px;} .a-com-title .en{ font-size:26px; } .a-com-title .zh{ font-size:20px; margin-top:-25px; } .c-honor-box{ margin-bottom:20px; } .c-honor-box .cont-box{ background-image: none; height:260px; } .honor-swiper .swiper-slide{height:260px;padding-top:5px;background-color: #e6e6e6;overflow: auto;} .honor-swiper .swiper-slide .year{font-size:16px;} .honor-swiper .swiper-slide .year span{padding-bottom:6px;} .honor-swiper .swiper-slide .desc{line-height: 20px;padding:10px;display: block;} .map-content{ height:300px; } .bg-about{padding-top:20px;} .join-box {padding:30px 0;} .join-box .tit{font-size:24px;} .join-box .desc{font-size:14px;margin-bottom:20px;} .idx-item-box{padding:10px 0 30px 0;} .idx-item-box .img-box, .idx-item-box .txt-box{width:100%;} .idx-item-box .id-com-tit {width:50%;padding-top:30px;} .idx-item-box .id-com-tit .sn{font-size: 60px;} .idx-item-box .id-com-tit .tit{font-size:24px;margin-top: -48px;} .ib-01 .img-box .item{display: block;margin-bottom:20px;} .ib-01 .txt-box .tabs{display: none;} .ib-02 {min-height: inherit;padding:20px 0;} .ib-02 .n-list {margin-top:15px;} .ib-02 .n-list li a{padding:8px;margin:5px 0;border-bottom:1px dashed #ccd7e5} .ib-02 .n-list li a .time{font-size:12px;} .ib-02 .n-list li a:hover{background-color: #3370ff;border-radius: 8px;} .ib-02 .img-box{display: none;} .dev-box .down-box, .time-line-pc{display: none;} .time-line-mb{display: block;} .time-line-cont {margin:0;} .time-line-cont ul li{height:auto;background-color: #fff;} .time-line-cont ul li .img-box{display: none;} .time-line-cont ul li .txt-box{width:auto;padding:15px 0;max-height: inherit;} .time-line-cont ul li .txt-box .time{font-size:30px;margin-bottom:10px;} .time-line-cont ul li .txt-box .desc{font-size:15px;margin-bottom:6px;line-height: 22px;} .time-line-cont ul li .txt-box .desc:before{width:15px;height:15px;} .time-line-mb ul{font-size:0;overflow: auto;white-space: nowrap;width:95%;margin:auto;} .time-line-mb ul li{display: inline-block;font-size:16px;padding:5px 15px;} .time-line-mb ul li.active{color:#3370ff;border-bottom:1px solid #3370ff;} .team-box .team-swiper .swiper-slide .desc{padding:10px;} .team-box .team-swiper .swiper-slide .desc .name-box{padding:0 0 10px 0;margin-bottom:10px;} .team-box .team-swiper .swiper-slide .desc .name-box:before{left:-10px;} .join-us{padding:10px 15px;margin:10px 0;} .join-us .title{font-size:18px;} .join-us .title .logo{max-height: 30px;} .join-us .cont{line-height: 26px;font-size: 14px;} .join-us .cont p{margin:5px 0;} .join-us .cont .line{margin:10px 0;} } /* Extra Small Devices, Phones */ @media only screen and (max-width: 479px) { } /*IPhone portrait and smaller. You can probably stop on 320px*/ @media (max-device-width: 320px) { }