*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *{ /*transition: all 0.3s; -webkit-transition: all 0.3s;*/ } @font-face { font-family: "syht"; src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"), url("../fonts/SourceHanSansCN-Regular.woff") format("woff"), url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"), url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"); font-weight: normal; font-style: normal; } body { color: #333; font-size: 14px; } ul,ol,dl,table,th,tr,td,input,textarea,li,a,div,span,em,i{margin: 0;padding: 0; border: 0;} img {margin: 0;padding: 0; border: 0;} li {list-style: none;} /*鍏ㄥ眬鏍峰紡*/ html,body {width: 100%; margin: 0 auto;overflow-x:hidden} /*= 娓呴櫎娴姩=*/ .clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;} .clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;} :focus{outline:0} a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer} a:hover, a:focus {text-decoration: none !important;} /* Hides from IE-mac \*/ * html .clearfix {height: 0%;} /* End hide from IE-mac */ * + html .clearfix {min-height: 0%;} /* 閽堝IE7 */ * + html .clearfix {min-height: 0%;} .w100 {width: 100%;} .fl {float: left;} .fr {float: right;} /*鍘熸枃浠堕厤缃?/ body {color: #333;background: #ffffff;letter-spacing: 1px;font-size: 14px;min-width: 320px;font-family: "PingFang", "PingFang SC", "syht", "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif; } a {color: #333;text-decoration: none;} a:hover {color: #094792;} /*鍧楃骇杞寲*/ .di_in {display: inline-block;} .di_no {display: none;} .di_bl {display: block;} /*鍘熸枃浠堕厤缃 end*/ /*绾靛悜灞呬腑*/ .v_middle {vertical-align: middle;} i,em{font-style: normal;} /*妯悜灞呬腑*/ .te_c {text-align: center;} /*鐩稿瀹氫綅*/ .p_r {position: relative;} /* 鐧借壊鑳屾櫙 */ .bgfff {background: #fff;} .flex {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .flex-v {-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;} .flex-1 {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;} .flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;} .flex-warp{flex-flow: wrap;width: 100%;/*justify-content: space-between;*/} /*.flex-warp:after{content: '';display: block;visibility: hidden;}*/ .flex-column{ -webkit-flex-flow: column; -moz-flex-flow:column; flex-wrap:wrap; } .transition{-webkit-transition: all .5s; -moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s} .img_hover{transition: all .3s;} .img_hover:hover{/*transform: scale(1.05,1.05);*/} /*.news-list li:hover{background-color: #094792 !important;color: #fff;}*/ .news-list li:hover .over-line2 {color: #094792;} .news-list{padding: 0;margin: 0;} .hide {display: none !important; } .over-line1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .over-line2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .over-line3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .over-line4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .over-line5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .over-line6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } /*鍏ㄥ眬鏍峰紡 start*/ .container{width: 1680px;margin-left: auto;margin-right: auto;} .header {background-color: rgba(7,12, 70, 0.1); width: 100%;height: 80px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);position: absolute;top: 0;z-index: 1000;} .header .logo {width: 160px;} .header .logo img {height: 52px;} .header .topnav > li {padding: 0 20px;} .header .topnav > li > a {font-family: "PingFang", "PingFang SC", "syht", "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif; color: #fff;font-size: 18px;height: 80px;line-height: 80px;display: inline-block;transition: all .8s;letter-spacing: 1px;} .header .topnav > li span {position: absolute;bottom: 0;left: 0;width: 0;height: 2px;background: #094792;transition: width .5s;display: inline-block; } .header .topnav > li .nav-box {position: absolute;background: #fff;height: auto;min-width: 100%;z-index: 10000;box-sizing: border-box;left: 50%;transform: translateX(-50%);display: none;transition: all .5s; border: 1px solid #ddd; } .header .topnav > li .nav-box > li {height:35px;} .header .topnav > li .nav-box > li > a { font-family: "PingFang", "PingFang SC", "syht", "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif; text-align:center; overflow: hidden; text-overflow: ellipsis; padding: 0 15px; white-space: nowrap; width: 100%;line-height:36px;color: #333;font-size: 14px;font-weight: normal; display: inline-block; } .header .topnav > li .nav-box > li > a:hover{text-decoration: none;} .header .topnav > li:hover .nav-box{ display: block } .header .topnav .active a {color: #094792;font-weight: bold;} .header .topnav .active span {width: 100%; } .header .search {width: 80px;height: 30px;background:#FFF url("../images/search.png")no-repeat 15px center;cursor: pointer;color: #094792;border-radius: 15px;padding-left: 35px;line-height: 30px;margin-left: 15px;} .header .nav-content-bg {width: 100%;height: 325px;background-color: rgba(255, 255, 255, 0.85);display: none;z-index: 999;position: absolute;left: 0;right: 0;top: 80px} .header-fix {box-shadow: 0px 5px 10px 0px rgba(33, 2, 0, 0.05);background: #fff;width: 100%;position: fixed;top: 0px;z-index: 200000;border-bottom: 1px solid #ddd;} .header-fix .topnav > li > a {color: #333333 !important; } .header-fix .topnav .active > a {color: #094792 !important; } .header-fix .search{background: #094792 url(../images/search-on.png)no-repeat 15px center;color: #FFF;} .search-content {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(27, 58, 131, 0.98);z-index: 1000001;display: none; } .search-content .search-box {position: absolute;top: calc(50% - 170px);left: calc(50% - 410px); } .search-content .search-box .outer-box {width: 820px;height: 100px;border-radius: 50px;box-sizing: border-box;padding: 10px;background: rgba(255, 255, 255, 0.2); } .search-content .search-box .outer-box .inner-box {width: 100%;height: 100%;line-height: 87px;padding-left: 35px;border-radius: 40px;background: #fff;position: relative; } .search-content .search-box .outer-box .inner-box input {background-color: transparent;height: 60px;width: 90%;border: 0;border-radius: 0;font-size: 20px; } .search-content .search-box .outer-box .inner-box .search-icon-box {display: inline-block;width: 80px;height: 80px;right: 0;top: 0;border: 0;background-color: transparent;cursor: pointer;position: absolute;background-position: center;background-repeat: no-repeat;background-size: 20px 20px;background-image: url("../images/search01.png"); } .search-content .search-box .close {text-align: center;margin-top: 180px; } .search-content .search-box .close i {display: inline-block;width: 60px;height: 60px;cursor: pointer;background-repeat: no-repeat;background-size: cover;background-image: url("../images/close01.png"); } .m-header,.m-cover{display: none;} .footer{background-color: #1c2c40;padding-top: 30px;margin-top: 20px} .footer li{font-family:"syht","瀹嬩綋", "榛戜綋",sans-serif,"PingFang", "PingFang SC";} .copyright{border-top: 1px rgba(255,255,255,0.3) solid;color: #859cb8;line-height: 1.5;padding: 15px;margin-top: 50px;} .copyright a{color: #859cb8;} .footer .friend-href {margin-top: 30px;border-top: 1px #2d425c solid;padding-top: 30px; } .footer .friend-href .t1 {color: #5e6675;font-size: 14px; } .footer .friend-href .select {width: 100%;height: 40px;border-radius: 5px;padding: 0 10px;cursor: pointer;border: 1px #2d425c solid} .footer .friend-href .select span {color: #5e6675;font-size: 14px; } .footer .friend-href .select .down {width: 18px;height: 11px;background-size: 18px 11px;background-image: url("../images/down.png");background-repeat: no-repeat;transform:rotate(180deg); } .footer .friend-href .select .down-box { position: absolute;bottom: 55px;width: 100%;left: -2px;display: none;z-index:100002; } .footer .friend-href .select .down-box li {width: 100%;height: 50px;line-height: 50px;text-align: center;color: #5e6675;font-size: 14px;background: #0f1c31;padding-left: 5px; } .footer .friend-href .select .down-box li:hover {background: #5e6675;cursor: pointer; } .footer .friend-href .select .down-box li a{color: #fff;} .footer .tel{color: #859cb8;padding-left: 25px;background: url(../images/tel.png)no-repeat left center;line-height: 36px;margin-top: 20px;} .footer .address{color: #859cb8;padding-left: 25px;background: url(../images/address.png)no-repeat left center;/*line-height: 36px;*/} .footer .l-con,.footer .link-box{margin-right: 60px;} .footer .title{color: #FFF;font-size: 16px;margin-bottom: 20px;} .footer .link-box a{color: #859cb8;line-height: 35px;} .footer .link-box a:hover{color: #FFF;} .footer .erwma img{margin: 0 auto;width: 110px;} .footer .erwma .txt{color: #859cb8;font-size: 12px;margin-top:10px;} .footer .href-box a{color: #859cb8;line-height: 40px;border: 1px #2d425c solid;width: 100%;margin-top: 20px;} .toTop {width: 100%;height: 66px;background-repeat: no-repeat;background-image: url("../images/top.png");background-color: #FFF;border: 1px #094792 solid;background-position: center 10px!important;padding-top: 35px;color: #666;} .right-nav {position: fixed;right: 20px;top: 50%;margin-top: -76px;z-index: 9999999999; } .right-nav .nav-show{position: relative;width:100%;height:40px;text-align: center; display: none;} .right-nav .nav-show i{font-size:40px;display: block;} .right-nav > ul {width: 66px; } .right-nav > ul li {font-size: 12px;line-height:30px;width: 100%;height: 66px;margin-bottom:2px;background-color: #fff;transition: background-color .8s;background-repeat: no-repeat;background-position: center center;position: relative;border: 1px #094792 solid;padding-top: 35px;} .right-nav > ul li.del{background-color: #094792;padding-top: 0;color: #FFF;line-height: 66px; cursor: pointer; } .right-nav > ul .wechat {background-image: url("../images/r1.png");background-position: center 15px;} .right-nav > ul .wechat .wechat-box {padding-right: 15px;position: absolute;top: 0;left: -160px;display: none; } .right-nav > ul .wechat .wechat-box .inner-box {background-color: #fff;padding: 5px;border: 2px #094792 solid;} .right-nav > ul .wechat .wechat-box .inner-box img {width: 125px;display: inline-block; } .right-nav > ul .wechat .wechat-box::after{content: '';position: absolute;top: 30px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #094792;right: 5px;z-index: 1;} .right-nav > ul .wechat .wechat-box::before{content: '';position: absolute;top: 30px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white;right: 7px;z-index: 2;} .right-nav > ul .phone {background-image: url("../images/r2.png");background-position: center 10px;} .right-nav > ul .phone .phone-box {padding-right: 15px;position: absolute;top: 0;left: -210px;display: none;} .right-nav > ul .phone .phone-box .inner {background-color: #fff;color: #094792;font-size: 20px;display: inline-block;border: 2px #094792 solid;line-height: 60px;padding: 0 20px;} .right-nav > ul .phone a {display: inline-block;width: 100%;height: 100%; } .right-nav > ul .phone:hover .phone-box {display: block; } .right-nav > ul .phone .phone-box::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #094792;right: 5px;z-index: 1;} .right-nav > ul .phone .phone-box::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white;right: 7px;z-index: 2;} .right-nav > ul .mail {background-image: url("../images/r3.png");background-position: center 14px;} .right-nav > ul .mail .mail-box {padding-right: 15px;position: absolute;top: 0;left: -210px;display: none;height: 100%;width:210px;} .right-nav > ul .mail .mail-box .inner {background-color: #fff;color: #094792;font-size: 20px;display: inline-block;border: 2px #094792 solid;line-height: 60px;} .right-nav > ul .mail .mail-box::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #094792;right: 5px;z-index: 1;} .right-nav > ul .mail .mail-box::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white;right: 7px;z-index: 2;} .right-nav > ul .mail a {display: inline-block;width: 100%;height: 100%; } .right-nav > ul .mail:hover .mail-box {display: block; } .right-nav > ul .quick{padding-top: 10px !important;text-align: center;} .right-nav > ul .quick a{width: 100%;height:29px;margin-top: -3px;} .right-nav > ul .quick i{display: block;font-size:28px;color: #094792;} .right-nav > ul .quick .quick-box {padding-right:15px;position: absolute;top: 0;left: -200px;display: none;width: 200px;} .right-nav > ul .quick .quick-box::after{content: '';position: absolute;top: 50%;transform: translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #094792;right: 5px;z-index: 1;} .right-nav > ul .quick .quick-box::before{content: '';position: absolute;top: 50%;transform: translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid white;right: 7px;z-index: 2;} .right-nav > ul .quick:hover .quick-box {display: block;} .right-nav > ul .quick .quick-box .inner{border: 2px #094792 solid; background-color: #fff;padding:5px 0px;} .right-nav > ul .quick .quick-box .inner a {color: #094792;font-size:14px;display:block;} .right-nav > ul .quick .quick-box .inner a:hover{text-decoration: underline;font-weight: bold;} .banner{overflow: hidden; min-height: 200px;} .banner .index-swiper img{width: 100%;display: block;opacity: 0;} .banner .text-content{position: absolute;top: 220px;width: 1170px;left: 50%;transform: translateX(-50%);color: #FFF;} .banner .text-content .title{font-size: 80px;font-weight: bold;line-height: 1.5;} .banner .text-content .text{font-size: 20px;line-height: 1.6;margin-top: 60px;} .banner .text-content a{width: 180px;line-height: 50px;border-radius: 25px;background-color: #FFF;color: #094792;margin: 50px auto;font-size: 18px;} .banner .swiper-pagination-bullet{width: 15px;height: 15px;background-color: #FFF;opacity: 1;} .banner .swiper-pagination-bullet-active{background-color: #094792;} .banner .index-swiper .swiper-slide {background-size: cover;background-repeat: no-repeat;background-position: center;position: relative; } .n-banner{background-repeat: no-repeat;background-position: center;background-size: cover;} .n-banner .container{position: absolute;left: 50%;transform: translateX(-50%);top: 0;height: 100%;color: #FFF;} .n-banner .title{font-size: 60px;line-height: 1.5;} .n-banner .en{font-size: 36px;font-family: arial;} .n-banner img{width: 100%;display: block;} .num-position {background-color: #FFF; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);} .num-position .num-box {/*height: 250px;*/overflow: hidden;} .num-position .num-box li {vertical-align: top; width: 25%;min-height:260px;padding: 0 70px;border-right: 1px solid #eaeaea;} .num-position .num-box li:nth-child(1){background: url(../images/d1.png)no-repeat center;border-left: 1px solid #eaeaea;} .num-position .num-box li:nth-child(2){background: url(../images/d2.png)no-repeat center;} .num-position .num-box li:nth-child(3){background: url(../images/d3.png)no-repeat center;} .num-position .num-box li:nth-child(4){background: url(../images/d4.png)no-repeat center;} .num-position .num-box li .t1 {color: #094792;font-size: 18px;width: 100%;margin-top: 30px;} .num-position .num-box li .num {transition: all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;font-size: 36px;color: #094792;} .num-position .num-box li .num span {color: #094792;font-size: 72px;width: 100%;font-weight: bold;margin: 0;line-height: 1.2;} .num-position .num-box li .num span::after{content: '+';position: absolute;font-size: 36px;bottom: 25px;} .num-position .num-box li .info {margin-top: 20px;line-height: 24px;color: #999;font-size: 14px; } .num-position .num-box li:last-of-type {/*border-right: none; */} .num-position .num-box li:nth-child(1) .num span::after{right: -65px;} .num-position .num-box li .info{min-height: 90px;text-align: center;padding-bottom: 10px;} .home-title{font-size: 50px;font-weight: bold;line-height: 1.5;margin-top: 50px;} .business-area .area-box {margin-top: 45px;width: 100%;display: block;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("../images/yewu.jpg");position: relative;transition: all 0.5s cubic-bezier(0.93, 0, 0.13, 1);-webkit-transition: all 0.5s cubic-bezier(0.93, 0, 0.13, 1);-moz-transition: all 0.5s cubic-bezier(0.93, 0, 0.13, 1); } .business-area .area-box .area-position {position: absolute;top: 0;width: 100%;height: 100%;z-index: 1000;} .business-area .area-box .area-position .area-list {height: 100%;padding-bottom: 30px;padding-top: 30px;} .business-area .area-box .area-position .area-list li {border-radius:6px; width: 23.5%;height: calc(50% - 30px);color: #fff;font-size: 36px;border: 1px solid rgba(255, 255, 255, 0.3);margin-right: 2%;margin-top:15px;} .business-area .area-box .area-position .area-list li:nth-of-type(4n){margin-right: 0;} .business-area .area-box .area-position .area-list li .tt{margin: 0;font-size: 36px;} .business-area .area-box .area-position .area-list li:hover{border-color: rgba(9, 71, 146, 0.8);} .business-area .area-box .area-position .area-list li .info-cover {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(9, 71, 146, 0.8);display: inline-block;padding: 65px 30px 0;display: none;border-radius: 4px;} .business-area .area-box .area-position .area-list li .info-cover .title {color: #fff;font-size: 30px;border: 1px #FFF solid;line-height: 88px;} .business-area .area-box .area-position .area-list li .info-cover .info {color: #fff;font-size: 14px;line-height: 1.8em;/*height: 52%; */text-align: justify;} .business-area .area-box .area-position .area-list li:nth-of-type(4n) {border-right: 1px solid rgba(255, 255, 255, 0.3);} .business-area .area-box img {width: 100%;opacity: 0; } .business-area .area-box .mask {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.2);z-index: 999; } .business-area .m-area-box{display: none;} .home-case .slideGroup .parHd{margin-top: 30px;} .home-case .slideGroup .parHd ul{overflow-x: auto; white-space:nowrap;width: auto;} .home-case .slideGroup .parHd li{display: inline-block; border: 1px #ccc solid;font-size: 18px;line-height: 50px;padding: 0 30px;margin-right: 20px;cursor: pointer;} .home-case .slideGroup .parHd li:last-child{margin-right: 0;} .home-case .slideGroup .parHd li.on{background-color: #094792;color: #FFF;border: 1px solid #094792} .home-case .slideGroup .parBd{margin-top: 30px;} .home-case .slideGroup .parBd .hd{position: absolute;left: 50%;bottom: 20px;z-index: 9;transform: translateX(-50%);} .home-case .slideGroup .parBd .hd li{width: 15px;height: 15px;background-color: #FFF;border-radius: 50%;overflow: hidden;text-indent: -99px;margin-right: 15px;} .home-case .slideGroup .parBd .hd li:last-child{margin-right: 0px;} .home-case .slideGroup .parBd .hd li.on{background-color: #094792;} .home-case .slideGroup .parBd .txt{position: absolute;left: 50%;transform: translateX(-50%);bottom: 60px;background-color: rgba(0,0,0,0.5);color: #FFF;line-height: 50px;border-radius: 25px;padding: 0 20px;font-size: 18px;} .home-case .slideGroup img{width: 100%;opacity: 0;} .home-case .slideGroup .bd li{background-position: center;background-repeat: no-repeat;background-size: cover;} .home-case .slideGroup .sPrev{position: absolute;left: 5%;top: 50%;transform: translateY(-50%);width: 70px;height: 70px;background-color: rgba(0,0,0,0.5);border-radius: 50%;} .home-case .slideGroup .sPrev::after{content: '';position: absolute;left: 55%;top: 50%;width: 20px;height: 20px;border-left: 1px #FFF solid;border-top: 1px #FFF solid;transform: translate(-50%,-50%) rotate(-45deg);} .home-case .slideGroup .sNext{position: absolute;right: 5%;top: 50%;transform: translateY(-50%);width: 70px;height: 70px;background-color: rgba(0,0,0,0.5);border-radius: 50%;} .home-case .slideGroup .sNext::after{content: '';position: absolute;left: 45%;top: 50%;width: 20px;height: 20px;border-right: 1px #FFF solid;border-top: 1px #FFF solid;transform: translate(-50%,-50%) rotate(45deg);} .home-youshi {overflow: hidden;} .home-youshi .text{padding-left: 15px;padding-right: 15px; font-size: 18px;color: #666;margin-top: 10px;margin-bottom: 30px;} .home-youshi img{width: 100%;} .home-youshi .pot-box {width: 100%;position: absolute;bottom: 0px;height: 95%;z-index: 1;overflow: hidden;} .home-youshi .pot-box .waves {position: absolute;left: 0;top: 0;right: 0;bottom: 0;} .home-youshi .content{overflow-x: auto;overflow-y: hidden;width: 100%;white-space: nowrap; position: absolute;left: 0;width: 100%;top: 0;height: 100%;color: #FFF;z-index: 9;} .home-youshi .content .title{font-size: 24px;line-height: 1.5;margin-top: 30px;} .home-youshi .content li{width: 400px;margin-right:15px;display: inline-block;text-align: center} .home-youshi .content li:nth-child(1),.home-youshi .content li:last-child{padding-top: 160px;} .home-youshi .content li:nth-child(2),.home-youshi .content li:nth-child(3){padding-top: 110px;} .home-youshi .content li:last-child{margin-right: 0;} .home-youshi .content li .icon{width: 110px;height: 110px;border-radius: 50%;background-position: center;background-repeat: no-repeat;background-color: #FFF;margin: 0 auto} .home-youshi .content li .icon::after{content: '';position: absolute;left: 50%;top: 50%;width: 110px;height: 110px;border-radius: 50%;border: 15px rgba(255,255,255,0.3) solid;transform: translate(-50%,-50%);} .home-youshi .content li:nth-child(1) .icon{background-image: url(../images/y1.png);} .home-youshi .content li:nth-child(2) .icon{background-image: url(../images/y2.png);} .home-youshi .content li:nth-child(3) .icon{background-image: url(../images/y3.png);} .home-youshi .content li:nth-child(4) .icon{background-image: url(../images/y4.png);} .home-youshi .content .text-content{padding: 20px 35px;background-color: rgba(8,162,222,0.2);border-radius: 10px;margin-top: 20px;line-height: 24px;text-align: justify;} /* 璋锋瓕缇庡寲婊氬姩鏉 */ .home-youshi .content::-webkit-scrollbar { width: 6px; height: 6px; } .home-youshi .content::-webkit-scrollbar-track { background: #f3f4f9; border-radius: 2px; } .home-youshi .content::-webkit-scrollbar-thumb { background: #0b6df7;/*#c8d2e0;*/ border-radius: 10px; } .home-youshi .content::-webkit-scrollbar-thumb:hover { background: #333; } .home-youshi .content::-webkit-scrollbar-corner { background: #c8d2e0; } /* 鐏嫄缇庡寲婊氬姩鏉 */ * { scrollbar-color: #c8d2e0 #f3f4f9; /* 婊戝潡棰滆壊 婊氬姩鏉¤儗鏅鑹 */ scrollbar-width: thin; /* 婊氬姩鏉″搴︽湁涓夌锛歵hin銆乤uto銆乶one */ } /* .home-youshi .content .container::-webkit-scrollbar{width:1px;height:10px} .home-youshi .content .container::-webkit-scrollbar-thumb{border-radius:10px;background:rgb(0,100,199);} .home-youshi .content .container::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #ffffff;background:#fff;border-radius:10px} */ .home-youshi .content .text-content{white-space: initial;} .home-youshi .content .text-content .des p{margin: 0;} .home-youshi .content a{border: 1px #FFF solid;line-height: 32px;border-radius: 16px;color: #FFF;margin: 10px auto 0 auto;width: 120px;} .home-news .top-con{/*margin-top: 30px;*/} .home-news .top-con a{margin-top: 30px; width:50% !important;/*min-height:400px;*/} /*.home-news .top-con .pic{min-height: 400px;}*/ .home-news .pic {overflow: hidden;} .home-news .pic img{width: 100%;height: 100%;} .home-news .top-con>a{min-width: 0px;position: relative} .home-news .top-con>a .text-content{bottom: 0;background-color: rgba(255,255,255,0.8);padding: 20px;min-width: 0;color: #333;position: absolute;left: 0;bottom: 0;width: 100%;} .home-news .top-con>a .text-content>div:nth-child(2){min-width: 0;} .home-news .top-con>a .title{font-size: 18px;margin: 0;font-weight:normal;} .home-news .top-con>a .time{width: 90px;display: none;} .home-news .top-con>a .des{display: none;} .home-news .top-con{width:100%;min-height:220px;} .home-news li{display: inline-block; background-color: #FFF;margin-top: 30px;-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2); box-shadow:2px 2px 10px rgba(0,0,0,0.2);width: 23.5%;margin-right: 2%;} .home-news li .pic{overflow: hidden;} .home-news li .pic img{max-width: 100%;} .home-news li:last-child{margin-right: 0;} .home-news li:nth-of-type(4n){margin-right: 0;} .home-news li .text-content{padding: 15px 30px;} .home-news li .text-content .title{font-size: 20px;} .home-news li .text-content .des{color: #999;line-height: 22px;margin-top: 15px;} .home-news li .text-content .time{color: #999;margin-top: 10px;} .home-news .more{margin: 60px 0;} .home-news .more a{background-color: #094792;color: #FFF;font-size: 18px;padding: 20px 80px;/*width: 240px;line-height: 60px;*/} .home-news .news-list a:hover{color: #094792;} .subnav{z-index:9; width: 100%;background-color: #FFF;box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);line-height:60px;font-size: 18px;} .subnav a{padding: 0 20px;border-left: 1px solid #f5f5f5;} .subnav a.on{background-color: #094792;color: #FFF;border-left: 1px solid #094792;} .subnav a:hover{background-color:#0A4FA3;color: #FFF;border-left: 1px solid #094792;} .subnav a:last-child{border-right: 1px #f5f5f5 solid;} .about{margin-top: 80px;margin-bottom: 80px;} .about .pic{margin-top: 130px;width: 600px;overflow: hidden;} .about .pic img{width: 100%;} .about .content{margin-right: 120px;} .about .title{font-size: 36px;color: #094792;line-height: 1.5;} .about .content .text{color: #666;font-size: 16px;margin-top: 70px;overflow-x: auto;text-align: justify;} .about .content .num-box{margin-top: 80px;} .about .content .num-box .num{font-size: 40px;color: #094792;font-weight: bold;line-height: 1.5;} .about .content .num-box .txt{font-size: 16px;color: #666;} .team {margin-bottom: 70px;} .team .text-content,.news .channel-des{border: 1px #eaeaea solid;background-color: #FFF;padding:60px 70px;-moz-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15); -webkit-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15); box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15);} .team .text-content .title,.news .channel-des .title{font-size: 36px;color: #094792;line-height: 1.5;} .team .text-content .des,.news .channel-des .des{font-size: 16px;margin-top: 30px;text-align: justify;} .team li{height: 448px;margin-top: 35px;border: 1px #eaeaea solid;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15);} .team li .pic{background-color: #dddddd;width: 720px;max-height:448px;overflow: hidden;} .team li .pic img{height: 100%;} .team li .content{min-width: 0px;padding: 60px;} .team li .name{font-size: 30px;line-height: 1.5;} .team li .txt{font-size: 18px;margin-top: 20px;} .team li .des{color: #999;margin-top: 20px;} .team li .more{bottom: 60px;left: 60px;position: absolute;color: #094792;font-size: 16px;} .news .text-content{width: 100%;} .team .text-content{margin-top: 50px;} .news{margin-top:10px;} .news .first{background-color: #FFF;box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);border: 1px #eaeaea solid;} .news .first .pic{overflow: hidden;width: 43%;margin-right: 60px;} .news .first .pic img{width: 100%;} .news .first .title{font-size: 36px;line-height: 60px;margin-top: 40px;} .news .first .des{font-size: 16px;color: #999;margin-top: 20px;/*height: 84px;*/} .news .first .time{font-size: 16px;color: #999;margin-top: 80px;} .news li{background-color: #FFF;margin-top: 30px;-moz-box-shadow:2px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 10px rgba(0,0,0,0.2); box-shadow:2px 2px 10px rgba(0,0,0,0.2);width: 32%;margin-right: 2%;border: 1px #FFF solid;} .news li .pic img{width: 100%;} .news li:nth-of-type(3n){margin-right: 0;} .news li .text-content{padding: 15px 10px;} .news li .text-content .title{font-size:18px;color: #333 !important;} .news li .text-content .des{font-size: 14px; color: #999;line-height: 22px;margin-top: 15px;} .news li .text-content .time{color: #999;margin-top: 10px;} .page{margin: 40px 0;box-shadow:2px 2px 15px rgba(0,0,0,0.2);width: 100%;border: 1px #eeeeee solid;padding: 20px 0;} .page a{width: 40px;height: 40px;background-color: #eaeaea;line-height: 40px;margin-right: 15px;} .page a:last-child{margin-right: 0;} .page a:hover,.page a.on{background-color: #094792;color: #FFF;} .page .next::after{content: '';width: 8px;height: 8px;border-top: 1px #333 solid;border-right: 1px #333 solid;transform: rotate(45deg);position: absolute;left: 39%;top: 40%;} .page .next:hover::after{border-top: 1px #FFF solid;border-right: 1px #FFF solid;} .page .prev::after{content: '';width: 8px;height: 8px;border-bottom: 1px #333 solid;border-left: 1px #333 solid;transform: rotate(45deg);position: absolute;left: 41%;top: 40%;} .page .prev:hover::after{border-bottom: 1px #FFF solid;border-left: 1px #FFF solid;} .contact{margin-bottom: 50px;} .contact .info{margin-top: 50px;} .contact .info>div:nth-child(1){background-position: center;background-repeat: no-repeat;background-size: cover;} .contact .info>div:nth-child(1) img{opacity: 0;} .contact .info .text-content{position: absolute;z-index: 1;width: 50%;height: 100%;color: #FFF;left: 0;top: 0;height: 100%;width: 100%;padding-left: 110px;padding-top: 50px;} .contact .info img{max-width: 100%;} .contact .info .text-content .title{font-size: 30px;font-weight: bold;line-height: 1.5;} .contact .info .text-content .txt{line-height: 36px;margin-top: 30px;font-size: 16px;} .contact .info .text-content .tel{margin-top: 25px;} .contact .info .text-content .tel>div{color: #7eafeb;font-size: 16px;line-height: 36px;} .contact .home-title{color: #094792;font-weight: normal;} .contact li{width: 31.6%;background-color: #FFF;border: 1px #eaeaea solid;padding: 20px;margin-right: 2.5%;margin-top: 30px;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15);} .contact li:nth-of-type(3n){margin-right: 0;} .contact li h4{margin-top: 0;font-size: 18px;margin-bottom: 10px;} .contact .more{width: 100%;line-height: 55px;color: #094792;font-size: 16px;margin-top: 50px;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15)} .zuzhi{margin-top: 60px;margin-bottom: 60px;} .zuzhi img{max-width: 100%;} .news-details{margin-top: 60px;margin-bottom: 60px;} .news-details .sidebar{width: 370px;} .news-details .sidebar .title{background-color: #FFF;line-height: 50px;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15);font-size: 16px;color: #094792;padding-left: 30px;} .news-details .sidebar .title::after{content: '';position: absolute;left: 15px;top: 50%;width: 4px;height: 20px;transform: translateY(-50%);background-color: #094792;} .news-details .sidebar ul{background-color: #FFF;box-shadow:5px 5px 15px rgba(0, 0, 0, 0.15);margin-top: 20px;} .news-details .sidebar li{padding: 20px;border-bottom: 1px #eaeaea solid;} .news-details .sidebar li .tit{font-size: 20px;} .news-details .sidebar li .txt{color: #999;margin-top: 10px;} .news-details .sidebar li:last-child{border-bottom: 0;} .news-details .content{margin-right: 60px;min-width: 0px;} .news-details .content h1{color: #094792;font-size: 30px;font-weight: normal;line-height: 1.5;} .news-details .content .info{border-bottom: 1px #eaeaea solid;line-height: 2;padding-bottom: 10px;margin-top: 25px;color: #666;} .news-details .content .info span{margin-right: 50px;} .news-details .content .body{border-bottom: 1px #eaeaea solid;padding-bottom: 50px;margin-bottom: 50px;margin-top: 50px;font-size: 16px;text-align: justify;} .news-details .content .body img{max-width: 100%;} .news-details .perv a{color: #999;font-size: 16px;line-height: 30px;} .news-details .perv a:hover{color: #094792;} .job-list{margin-top: 30px;margin-bottom: 30px;} .job-list .accordion {width: 100%;} .job-list .accordion li{cursor: pointer;border: 1px #eaeaea solid;margin-top: 10px;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.15)} .job-list .accordion li .title{height: 80px;} .job-list .accordion li .title span{padding-left: 40px;font-size: 18px;width: 28%;} .job-list .accordion li .title span:last-child{width: 15%;} .job-list .accordion li i.fa-chevron-down {right: 12px;left: auto;} .job-list .accordion li.open .title {color: #FFF;background-color: #094792;} .job-list .accordion .text-content {display: none;font-size: 16px;padding: 40px;line-height: 40px;} .job-form{margin-top: 60px;margin-bottom: 60px;} .job-form .title{box-shadow:3px 3px 10px rgba(0, 0, 0, 0.15);line-height: 70px;font-size: 24px;color: #094792;font-weight: bold;} .info-content{margin-top: 30px;margin-bottom: 60px;border-top: 1px solid #ddd} .info-content ul{width: 100%;} .info-content li{overflow: hidden;border-right: 1px solid #ddd;border-left: 1px solid #ddd} .info-content li .title{line-height: 80px;width: 100%;} .btn-loadmore{display: inline-block;margin: 10px 0;color: #999} /*.info-content li{border-bottom: 1px #ddd solid;}*/ .info-content .flex.box {border-bottom: 1px solid #eee;} /*.info-content li:last-child{border:unset;}*/ .info-content li span{width: 100px;background: url(../images/jia.png)no-repeat center 28px;border-right: 1px #ddd solid;margin-right: 30px;} .info-content li .tit{font-size: 36px;} .info-content li .num{color: #c0c4cc;font-size: 34px;width: 60px;text-align: center;line-height: 80px;} .info-content li.open{box-shadow:3px 3px 10px rgba(0, 0, 0, 0.15)} .info-content li.open span{background-image: url(../images/jian.png);background-position: center 47px;} /*.info-content li.open .num{display: none;}*/ .info-content li.open .title .tit{color: #094792;} .info-content li.open .text-content{display: block;} .info-content .text-content{display: none;padding: 0px 50px 50px 0px;color: #999;font-size: 16px;} .info-content .text-content .pic{/*margin-top: -70px;z-index: 2;*/} .info-content .text-content .text{margin-right: 80px;} .info-content .text-content .text p{word-break:break-all;word-wrap:break-word;white-space:pre-wrap;} .info-content .more{background-color: #094792;color: #FFF;width: 200px;line-height: 55px;margin-top: 60px;} .info-content li .pic{width: 42%;} .info-content li .pic img{width: 100%;} .te-right{ text-align: right; } .title-h2{ width: 100%; } .title-h2 h2{ text-align: center; color: #094792; line-height: 1.5; font-size: 34px; } .rongyu-erji{margin-top: 60px;} .rongyu-erji a{ font-size:18px; display: inline-block; border: 1px solid #dddddd; background: #f1f1f1; width: 180px; height: 50px; box-sizing: border-box; line-height: 50px; text-align: center; margin: 10px 10px; } .rongyu-erji a.on{ background: #094792; border-color: #094792; color: #fff; } .third-titles{ width: 120px; padding-top: 20px; } .third-titles a{ display: block; font-size:14px; border: 1px solid #dddddd; background: #f1f1f1; width: 100%; height: 40px; box-sizing: border-box; line-height: 40px; text-align: center; margin: 0 !important; } .third-titles a.on{ background: #094792; border-color: #094792; color: #fff; } .rongyu{margin-top:30px;} .rongyu li{ width: 23%; margin-right: 2.6666%; background-color: #FFF; margin-top: 30px; -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); border: 1px #FFF solid; } .rongyu li:hover{border: 1px #094792 solid;box-shadow:2px 2px 20px rgba(0,0,0,0.5)} .rongyu li:nth-of-type(4n){ margin-right: 0%; } .rongyu li .pic{width: 100%;height: 249px;} .rongyu li .text-content{padding: 15px 30px;width: 100%;text-align: center;} .rongyu li .text-content a{font-size: 18px;} .rongyu li .pic img{width: 100%;} .gongceng-box{ width: 100%; margin-top: 40px; } .sort-box{ display: flex; } .sort-box ul li{ display: inline-block; } .gongceng-box{ box-shadow: 0 0 10px rgb(185, 185, 185) ; } .sort-box{ padding:0px 15px ; } .sort-box ul li{ font-size: 16px; margin-right:20px; margin-bottom:0px; } .sort-box ul li::after{content: '';background: #ccc; position: absolute;top:10px !important;width:1px !important;height:20px !important;right:-10px;z-index: 1;border: unset !important;left: unset !important;} .sort-box ul li:last-child::after{content: '';display: none;} .layui-tab{width: 1560px;} .sort-box .layui-tab-bar{border: unset;} .sort-box label{ font-size: 16px; display: inline-block; padding-top: 20px; white-space:nowrap; } .sort-box ul { flex: 1; margin-left: 20px; } .sort-box ul li.on a{ color: #094792; /*font-weight: bold;*/ } .iconfont-down{ display: inline-block; width: 24px; height: 24px; background: url(../images/down.svg) no-repeat center center; background-size: cover; } .ruwei{ width: 100%; } .ruwei li{ font-size: 18px; } .ruwei li .time{ font-size: 16px; } .ruwei li .time strong{ font-size: 40px; font-weight: normal; margin-left: 10px; display: inline-block; vertical-align: middle; color: #666666; } .ruwei li a{ padding: 10px 30px; } .xueyuan-box ul li{ display: flex; width: 100%; } .xueyuan-box{ width: 100%; margin-bottom: 60px; } .xueyuan-img{ width: 660px; } .xueyuan-img img{ display:block; max-width: 100%; min-width: 660px; } .xueyuan-infor{ padding: 30px; } .xueyuan-infor h3{ font-size: 36px; font-weight: normal; padding: 0; margin: 0; } .xueyuan-infor p{ font-size: 16px; color: #999999; min-height: 180px; } .xueyuan-infor a.more{ font-size: 16px; color: #999999; } .input-box{ padding: 10px 0; } .input-box .text{ width: 48%; height: 50px; border: 1px #dddddd solid; display: inline-block; padding: 0 20px; } .input-box .textarea{ width: 100%; min-height: 100px; border: 1px #dddddd solid; display: inline-block; padding:10px 20px; } .input-box .submit2{ background-color: #094792; color: #FFF; font-size: 16px; line-height: 50px; width: 250px; } .input-box .yan{ margin-bottom: 0; } #map{width: 100%;height: 100%;} .business{margin-top:15px;} .business li{ width: 23%; margin-right: 2.66%; background-color: #FFF; margin-top: 20px; -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); border: 1px #FFF solid; } .business li:hover{border: 1px #094792 solid;box-shadow:2px 2px 20px rgba(0,0,0,0.5)} .business li:nth-of-type(4n){ margin-right: 0%; } .business li .pic{width: 100%;} .business li .pic img{width: 100%;} .business li .text-content{padding: 15px 30px;width: 100%;text-align: center;} .business li .text-content a{font-size: 18px;} /*鍏ㄥ眬鏍峰紡 end*/ @media (max-width: 1366px) { .footer .l-con{width:16%;} .rongyu li{width:31%;margin-right: 2%;} .rongyu li:nth-of-type(3n){ margin-right: 0; } } @media (min-width: 1025px) { /*鎵€鏈塰over鍐欏湪杩欓噷闈 鍏煎sofari鐨勭Щ鍔ㄧ涓嶆敮鎸乭over*/ .header .topnav > li .nav-box > li:hover a {color: #FFF;background-color: #094792;} .header .topnav > li .nav-box:hover {background-color: #fff; } .header .topnav > li:hover a {color: #094792; } .header .topnav > li:hover span {width: 100%; } /*.header .topnav:hover .nav-box {display: block; }*/ .header .topnav:hover ~ .nav-content-bg{display: block} .header-fix .topnav > li:hover > a {color: #094792 !important; } .header-fix .topnav > li:hover span {width: 100%;} .home-news .top-con>a:hover .text-content{color: #fff;background-color: #094792;} .home-news .top-con>a:hover .title{font-size: 24px;color: #fff;border-bottom: 1px #1e5faf solid;padding-bottom: 20px;} .home-news .top-con>a:hover .des{margin-top: 20px;display: block;} .home-news .top-con>a:hover .time1{display: none;} .home-news .top-con>a:hover .time{display: block;} .home-news li:hover{-moz-box-shadow:2px 2px 15px rgba(0,0,0,0.4); -webkit-box-shadow:2px 2px 15px rgba(0,0,0,0.4); box-shadow:2px 2px 15px rgba(0,0,0,0.4);} .contact li:hover{background-color: #094792;color: #FFF;box-shadow:5px 5px 20px rgba(0, 0, 0, 0.35);} .contact .more:hover{background-color: #094792;color: #FFF;} .team li:hover{border-color: #094792;box-shadow:5px 5px 20px rgba(0, 0, 0, 0.35);} .team li:hover .name,.team li:hover .txt{color: #094792;} .right-nav > ul .wechat:hover .wechat-box {display: block; } .news li:hover{border: 1px #094792 solid;box-shadow:2px 2px 20px rgba(0,0,0,0.5)} .ruwei li a:hover{ background: #094792; color: #fff; } } @media (max-width: 1681px) { /*.layui-tab{width: 1430px;}*/ .footer .l-con{width:25%;} .container{width: 100%;padding-left: 20px;padding-right: 20px;} /*.header .nav-content-bg,.header .topnav > li .nav-box{height: 350px;}*/ .header .topnav > li > a{font-size: 15px;} .header .topnav > li{padding-left: 20px;padding-right: 20px;} .banner .text-content{top: 200px;} .banner .text-content .title{font-size: 70px;} .banner .text-content .text{font-size: 18px;margin-top: 50px;} .banner .text-content a{margin-top: 40px;font-size: 16px;} /* .footer .l-con,.footer .r-con{display: none;} */ /* .footer .link-box{margin-right: 0;} */ /* .footer .container{width: 90%;} */ .num-position .num-box li{padding: 0 60px;} .num-position .num-box li .num{font-size: 32px;} .num-position .num-box li .num span{font-size: 60px;} .num-position .num-box li .num span::after{font-size: 28px;} .num-position .num-box li .t1{font-size: 16px;} .business-area .area-box .area-position .area-list li .tt{font-size: 32px;} .business-area .area-box .area-position .area-list li .info-cover .title{line-height: 68px;font-size: 24px;} .business-area .area-box .area-position .area-list li .info-cover{padding-top: 20px;} .home-youshi img{height: 760px;} .home-youshi .content .text-content{min-width: 320px;} .n-banner .title{font-size: 50px;} .n-banner .en{font-size: 32px;} .n-banner img{width: 100%;} .about .content{margin-right: 100px;} .about .pic{width: 550px;margin-top: 110px;} .about .title{font-size: 34px;} .about .content .num-box{margin-top: 50px;} .about .content .num-box .num{font-size: 36px;} .about .content .num-box .txt,.about .content .text{font-size: 14px;} .about .content .text{margin-top: 40px;} .news .first .title{font-size: 34px;} .team li .pic{width: 650px;} .contact .info .text-content{padding-left: 20px;padding-top: 40px;} .contact .info .text-content .txt{margin-top: 20px;line-height: 32px;} .contact .info .text-content .tel{margin-top: 20px;} .contact .info .text-content .tel>div{line-height: 32px;} .news-details .content h1{font-size: 28px;} .job-list .accordion li .title span{padding-left: 30px;width: 27%;} .job-list .accordion li .title span:last-child{width: 18%;} .job-list .accordion .text-content {padding: 30px;} .info-content .text-content .text{margin-right: 60px;} .info-content .text-content{padding-top: 0;} .info-content .more{margin-top: 40px;} .info-content li .tit{font-size: 32px;} .info-content li .num{font-size: 34px;} } @media (max-width: 1441px) { /*.layui-tab{width: 1200px;}*/ .footer .l-con{width: 18%;} .header .topnav > li > a{font-size: 15px;} /*.header .nav-content-bg,.header .topnav > li .nav-box{height: 320px;}*/ .header .topnav > li .nav-box > li {height: 35px;} .header .topnav > li .nav-box > li > a {font-size: 12px; line-height: 35px;} .banner .text-content{top: 180px;width: 1100px;} .banner .text-content .title{font-size: 60px;} .banner .text-content a{font-size: 14px;line-height: 40px;} .num-position .num-box li{padding: 0 50px;} .num-position .num-box li .num{font-size: 28px;} .num-position .num-box li .num span{font-size: 55px;} .num-position .num-box li .num span::after{font-size: 24px;} .num-position .num-box li .t1{font-size: 16px;} .num-position .num-box li:nth-child(1) .num span::after{right: -45px;} .business-area .area-box .area-position .area-list li .tt{font-size: 28px;} .business-area .area-box .area-position .area-list li .info-cover .title{line-height: 50px;font-size: 20px;} .business-area .area-box .area-position .area-list li .info-cover{padding-top: 15px;padding-left: 15px;padding-right: 15px;} .home-case .slideGroup .parHd li{font-size: 16px;line-height: 45px;margin-right: 15px;} .home-youshi img{height: 700px;} .home-youshi .content .title{font-size: 20px;} .home-youshi .content .text-content{padding: 15px 15px;} .home-youshi .text{font-size: 16px;} .home-news li .text-content{padding: 15px 20px;} .home-news li .text-content .title{font-size: 18px;} .about .content{margin-right: 80px;} .about .pic{width: 500px;} .about .title,.news .first .title{font-size: 32px;} .about .content .num-box .num{font-size: 34px;} .news .first .des,.news .first .time{font-size: 14px;} .news .first .time{margin-top: 50px;} .team li .pic{width: 600px;} .contact .info .text-content .txt{line-height: 28px;font-size: 14px;margin-top: 10px;} .contact .info .text-content .tel{margin-top: 10px;} .contact .info .text-content .tel>div{line-height: 28px;font-size: 14px;} .contact .info .text-content .title{font-size: 28px;} .news-details .content h1{font-size: 26px;} .news-details .sidebar li .tit{font-size: 18px;} .job-list .accordion li .title{height: 70px;} .job-list .accordion li .title span{font-size: 16px;} .job-list .accordion .text-content{font-size: 14px;} .info-content li .title{height: 60px;} .info-content .more{margin-top: 30px;} .info-content li .tit{font-size: 28px;} .info-content li .num{font-size: 34px;} .footer .l-con, .footer .link-box{margin-right: 40px;} } @media (min-width: 1366px) { /*.news .news-list li{width: 24.3%;}*/ } @media (max-width: 1367px) { /*.layui-tab{width: 1150px;}*/ /*.news li .pic{height: 220px;min-height: unset;}*/ /*淇敼1200浠ヤ笅銆佸皬灞忔樉绀哄櫒*/ .banner .text-content{top: 160px;} .banner .text-content .title{font-size: 50px;} .header .topnav > li{padding-left:15px;padding-right:15px;} .banner .text-content .text{font-size: 16px;} .num-position .num-box li{padding: 0 40px;} .num-position .num-box li .num{font-size: 24px;} .num-position .num-box li .num span{font-size: 45px;} .num-position .num-box li .num span::after{font-size: 22px;} /*.num-position .num-box li .t1,.num-position .num-box li .info{font-size: 12px;}*/ .num-position .num-box li .info{font-size: 12px;} .num-position .num-box li:nth-child(1) .num span::after{right: -40px;} .business-area .area-box .area-position .area-list li .tt{font-size: 24px;} .business-area .area-box .area-position .area-list li .info-cover .title{line-height: 40px;font-size: 18px;} .business-area .area-box .area-position .area-list li .info-cover .info{font-size: 12px;line-height: 1.8;} .home-case .slideGroup .parHd li{font-size: 14px;line-height: 40px;margin-right: 10px;} .home-case .slideGroup .sNext{right: 2%;} .home-case .slideGroup .sPrev{left: 2%;} .home-news li .text-content{padding: 15px;} .home-news li .text-content .title{font-size: 16px;} .n-banner .title{font-size: 40px;} .n-banner .en{font-size: 28px;} .subnav{font-size: 16px;line-height: 70px;} .subnav a{padding: 0 20px;} .about .content{margin-right: 60px;} .about .pic{width: 450px;} .about .title,.about .content .num-box .num{font-size: 32px;} .news .first .title{font-size: 28px;line-height: 1.8;} .news .first .pic{margin-right: 40px;} .news li .text-content .title{font-size: 18px;} .team li{height: 420px;} .team li .pic{width: 550px;height: 418px;} .team .text-content,.news .text-content{padding: 30px 40px;} .team .text-content .title,.news .text-content .title{font-size: 32px;} .team .text-content .des,.news .text-content .des{font-size: 16px;margin-top: 20px;} .news-details .content h1{font-size: 24px;} .info-content .text-content{font-size: 14px;} .info-content .text-content .text{margin-right: 40px;} .info-content li .title{height: 60px;line-height: 60px;} .info-content .more{margin-top: 20px;} .info-content li .tit{font-size: 24px;} .info-content li .num{font-size: 34px;} } @media (max-width: 1281px) { /*.layui-tab{width: 940px;}*/ .rongyu-erji a{ font-size:14px; } /*淇敼1200浠ヤ笅銆佸皬灞忔樉绀哄櫒*/ .xueyuan-img img{min-width:440px;} .banner .text-content{top: 160px;} .banner .text-content .title{font-size: 40px;} .header .topnav > li > a{font-size: 14px;} .header .topnav > li{padding-left: 15px;padding-right: 15px;} .banner .text-content{width: 85%;top: 25%;} .home-title{font-size: 32px;} .business-area .area-box{height: 620px;background-size: cover;} .home-case .slideGroup .parHd li{line-height:35px;margin-right: 10px;padding: 0 20px;} .subnav{font-size: 14px;line-height: 60px;} .subnav a{padding: 0 20px;} .about .content{margin-right: 40px;} .about .pic{width: 400px;} .about .title,.about .content .num-box .num{font-size: 30px;} .news .first .title{font-size: 24px;margin-top: 30px;} .news li .text-content .title{font-size: 16px;} .news li .text-content{padding: 15px 10px;} .team li .content{padding: 40px;} .team li .name{font-size: 26px;} .team li .txt{font-size: 16px;} .team li .more{left: 40px;bottom: 40px;font-size: 14px;} .team li{height: 380px;} .team li .pic{width: 500px;height: 378px;} .contact .info .text-content .title{font-size: 24px;} .contact .info .text-content .txt,.contact .info .text-content .tel>div{line-height: 26px;} .info-content .text-content>div{flex-flow: column;} .info-content .text-content{padding-right: 20px;} .info-content .text-content .pic{width: 100%;margin-top: 0;order: 1;} .info-content .text-content .text{margin-right: 0;order: 2;} } @media (max-width: 1199px) { /*淇敼1200浠ヤ笅銆佸皬灞忔樉绀哄櫒*/ /*.news li .pic{height: 210px;min-height: unset;}*/ /*.layui-tab{width:800px;}*/ .footer .link-box { display: none; } .footer .container:first-child{ justify-content: space-between; } .header{display: none!important;} .m-header {width: 100%;height: 0.88rem;display: flex;position: fixed;top: 0;left: 0;background: transparent;z-index: 100001;box-sizing: border-box;padding: 0 0.2rem; } .m-header .logo {width: 1.6rem; } .m-header .logo img {width: 100%; } .m-header .logo .logo {display: block;} .m-header .logo .logo01 {display: none; } .m-header .icon {width: 0.88rem;height: 0.88rem;background-size: 0.64rem 0.64rem;background-position: center;background-repeat: no-repeat;background-image: url("../images/menu.png"); } .m-header .active {background-image: url("../images/cha.png"); } .m-header-fix {background: #fff; } .m-header-fix .logo .logo {display: none; } .m-header-fix .logo .logo01 {display: block; } .m-header-fix .icon{background-image: url(../images/menu-on.png);} .m-cover {position: fixed;top: 0;left: 0;bottom: 0;right: 0;background: rgba(7, 12, 70, 0.92);z-index: 100002;display: none; } .m-cover .icon {width: 0.88rem;height: 0.88rem;background-size: 0.64rem 0.64rem;background-position: center;background-repeat: no-repeat;background-image: url("../images/cha.png");position: absolute;top: 0;right: 0.25rem; } .m-cover .link-box {padding-top: 1.5rem; } .m-cover .link-box .search-box {margin-bottom: .3rem; } .m-cover .link-box .search-box i {width: .32rem;height: .32rem;display: inline-block;background-size: cover;background-repeat: no-repeat;background-image: url("../images/m_search.png"); } .m-cover .link-box .search-box input {border: 0;padding-left: .1rem;padding-bottom: .1rem;width: 2.5rem;color: #fff;border-radius: 0;margin-left: .2rem;background: transparent;border-bottom: 1px solid #fff; } .m-cover .link-box a {display: block;height: .6rem;line-height: .6rem;width: 100%;font-size: 16px;color: #fff;text-align: center;cursor: pointer;transition: all .6s; } .m-cover .link-box a:hover {color: rgba(255, 255, 255, 0.6); } .num-position .num-box li{padding: 0 20px;background-size: 50%!important;} .num-position .num-box li:nth-child(1){padding-left: 0;} .num-position .num-box li:last-child{padding-right: 0;} .num-position .num-box li .num span{font-size: 35px;} .business-area .area-box .area-position .area-list li .tt{font-size: 20px;} .business-area .area-box .area-position .area-list li .info-cover .title{line-height: 35px;font-size: 16px;} .home-news .top-con>a .text-content{padding: 10px;} .home-news .top-con>a .title{font-size: 16px;} .subnav a{padding: 0 15px;} .about .content{margin-right: 30px;} .about .pic{width: 350px;} .about .content .num-box .num,.about .title{font-size: 28px;} .news .first .pic{margin-right: 30px;} .news .first .title{font-size: 20px;margin-top: 20px;} .news .first .time{margin-top: 20px;} .team .text-content,.news .text-content {padding: 20px 30px;} .team .text-content .title,.news .text-content .title{font-size: 28px;} .team .text-content .des,.news .text-content .des{font-size: 14px;margin-top: 15px;} .contact .info .text-content{padding-top: 20px;} .contact .info .text-content .txt,.contact .info .text-content .tel>div{line-height: 22px;font-size: 12px;} .job-list .accordion li .title span{padding-left: 30px;width: 26%;} .job-list .accordion li .title span:last-child{width: 21%;} .info-content li .tit{font-size: 20px;} .info-content li span{width: 80px;margin-right: 20px;background-position: center 18px;} .info-content li .num{width: auto;margin-right: 10px;} .info-content li.open span{background-position: center 38px;} } @media (max-width: 1023px) { /*.layui-tab{width:800px;}*/ .xueyuan-img img{min-width:370px;} .xueyuan-infor { padding: 20px; } .home-news .top-con a, .home-news .top-con .pic{ /*min-height: 315px;*/ } /*.news li .pic{height: 210px;min-height: unset;}*/ /*淇敼1024浠ヤ笅銆佸钩鏉?/ .num-position .num-box li{padding: 0 15px;} .num-position .num-box li .num{font-size: 20px;} .num-position .num-box li .num span{font-size: 30px;} .num-position .num-box li .num span::after{bottom: 7px;} .home-case .slideGroup .bd li{height: 7.5rem;} .home-case .slideGroup .parBd .txt{width: 70%;text-align: center;font-size: 16px;line-height: 30px;} .home-case .slideGroup .parHd li{padding:0 10px;margin-right: 5px;} .home-youshi .content li .icon{width: 90px;height: 90px;} .home-youshi .content li .icon::after{width: 90px;height: 90px;border-width: 10px;} .home-youshi .content .title{font-size: 18px;} .subnav::-webkit-scrollbar,.home-youshi .content::-webkit-scrollbar{width:0;height: 0;display: none; /* Chrome Safari */} .subnav{ overflow-x: auto; scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-y: hidden; justify-content:left !important; } .subnav a{padding: 0px 15px;text-align: center;flex: 1;white-space:nowrap;} .about .pic{width: 300px;} .about .content .num-box .num,.about .title{font-size: 26px;} .news .first .pic{margin-right: 20px;} .news .first .title{font-size: 18px;margin-top: 10px;line-height: 1.6;} .news .first .des{margin-top: 10px;} .news .first .time{margin-top: 5px;} .team li{height: 300px;} .team li .content{padding: 30px;} .team li .name{font-size: 20px;} .team li .more{left: 30px;bottom: 30px;} .team li{height: 300px;} .team li .txt{margin-top: 10px;} .team li .des{margin-top: 10px;} .team li .pic{width: 40%;height: 298px;} .contact .info{flex-flow: column;} .contact .info .text-content .txt,.contact .info .text-content .tel>div{line-height: 24px;font-size: 14px;} .contact li{width: 48.5%;margin-right: 3%;} .contact li:nth-of-type(3n){margin-right: 3%;} .contact li:nth-child(even),.news-details .content{margin-right: 0;} .news-details .sidebar{display: none;} .job-list .accordion li .title span{padding-left: 20px;font-size: 14px;} .job-list .accordion li .title span:nth-child(1){width:50%;} .job-list .accordion li .title span:last-child{width: 25%;} .job-list .accordion .text-content{padding: 20px;font-size: 12px;line-height: 30px;} } @media (max-width: 767px) { .info-content li:last-child{border:unset;} .home-news .top-con > a{margin-top: 10px;} .home-news .top-con > a .text-content { bottom: 0px; } /*.info-content li:last-child { border-bottom:1px #ddd solid !important; }*/ .num-position .num-box li:nth-child(1) .num span::after { right: -36px; } .info-content .text-content>div{flex-flow: column;white-space: normal !important;} .num-position .num-box li:nth-child(1){border-left: unset;} .num-position .num-box li:last-child{border-right: unset;} .layui-tab{width:100%;} .n-banner .title{font-size: 26px;} .n-banner .en{font-size: 20px;} .subnav { font-size: 13px; line-height:45px; } .xueyuan-img img{min-width:unset;width: 100%;} .footer .l-con{width:unset;} .rongyu li .text-content { padding:5px 10px; width: 100%; } .rongyu li .text-content a{font-size: 14px;} .rongyu li .pic{height: 124px;} .rongyu li{width:46%;margin-right: 2%;} .rongyu li:nth-of-type(2n){ margin-right: 0; } .business li .text-content { padding:5px 10px; width: 100%; } .business li .text-content a{font-size: 14px;} .business li{width:49%;margin-right: 2%;} .business li:nth-of-type(2n){ margin-right: 0; } .home-news .top-con a{width:100% !important;/*min-height:270px;*/} /*.home-news .top-con .pic{min-height:270px;}*/ #map{width: 100%;height:40vh;} /*.footer .friend-href {float:unset;width:100%;margin-left: unset;margin-top: unset;min-width: unset;padding-left: 10px;padding-right: 10px; }*/ /*.news li .pic{height: 120px;min-height: unset;}*/ .news li .pic img{max-width: 100%;} .home-news li .pic img{max-width: 100%;} .news-details p img{width: 100% !important;height: unset !important;} .banner .swiper-pagination-bullet{height:5px;} .n-banner>img{/*height: 30vh;*/} .index-swiper .text-content .text{display: none;} .ruwei li a{ padding: 15px 0; display: block; } .ruwei li a span{ display: block; } .ruwei li .time{ text-align: right; line-height: 1; vertical-align: bottom; margin-top: 15px; } .ruwei li .time strong{ font-size: 16px; display: inline-block; vertical-align: bottom; } .ruwei li a span { font-size: 16px; } .input-box .text{ padding: 0 10px; } .input-box .textarea{ padding: 10px 10px; } .input-submitbox{ display: block; } .input-submitbox .submit2{ width: 100%; margin-top: 20px; } .sort-box{ display: block; } .sort-box ul{ margin-left: 0; } .sort-box ul li{ font-size: 14px; } .sort-box ul li { margin-right: 10px; } .rongyu{ justify-content: space-between; flex-wrap: wrap; } .rongyu li{ margin-right: 0; } .news{ /*margin-top: 20px;*/ } .xueyuan-box ul li{ display: block; } .xueyuan-infor { padding: 15px; } .title-h2 h2 { font-size: 22px; } .rongyu-erji a { width: 120px; height: 40px; line-height: 40px; } /*淇敼768浠ヤ笅銆佸皬灞忓钩鏉?/ .footer .container { width: 100%; flex-flow: column; justify-content: center; align-items: center; } .footer .link-box, .footer .href-box, .footer .title { display: none; } .footer .r-con { margin-top: 20px; } .container{padding-left: 15px;padding-right: 15px;} .num-position .num-box{height: auto;/*padding-bottom: 30px;*/} .num-position .num-box li .t1{font-size: 12px;margin-top: 0px;} .num-position .num-box li{width: 50%;margin-top: 20px;min-height: 200px;} .num-position .num-box li:nth-child(2){border-right: 0;} .num-position .num-box li:nth-child(2){padding-right: 0;} .num-position .num-box li:nth-child(3){padding-left: 0;} .business-area .area-box{display: none;} .m-area-box {width: 100%;display: block !important;position: relative;height: 6rem;margin-top: .6rem; } .m-area-box .area-swiper {width: 100%;height: 100%;position: relative; } .m-area-box .area-swiper .swiper-slide {width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative; } .m-area-box .area-swiper .swiper-slide .center-position {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;display: inline-block;padding: .4rem .3rem 0;background: rgba(0, 0, 0, 0.4); } .m-area-box .area-swiper .swiper-slide .center-position .title {color: #fff;font-size: 26px;line-height: 1.8;} .m-area-box .area-swiper .swiper-slide .center-position .line {width: 80px;height: 2px;background: #fff;margin-top: .15rem;margin-bottom: .4rem; } .m-area-box .area-swiper .swiper-slide .center-position .info {color: #fff;font-size: 12px;line-height: 1.7em;text-align: justify;height: 52%; } .m-area-box .area-swiper .swiper-slide .center-position .txt {color: #fff;font-size: 14px;width: 100%;padding: 10px 5px;box-sizing: border-box;text-align: center;border: 1px solid #fff; } .home-case .slideGroup .parBd .txt{width:80%;font-size: 14px;line-height: 30px;} .home-case .slideGroup .sNext,.home-case .slideGroup .sPrev{width: 50px;height: 50px;} .home-case .slideGroup .sNext::after,.home-case .slideGroup .sPrev::after{width: 16px;height: 16px;} .home-case .slideGroup .parHd{margin-top: 20px;} .home-case .slideGroup .parHd li{margin-top: 15px;font-size: 13px;} .home-case .slideGroup .parHd li:nth-of-type(4n){margin-right: 0;} .home-youshi .content .text-content{font-size: 12px;margin-top:10px;width:70%;} .home-youshi .content li{/*width: 280px;*/padding-top: 50px!important;} .home-youshi .content{ overflow-x: auto; scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-y: hidden; } .home-youshi img{height: 550px;} .home-youshi .text{font-size: 14px;} .home-news .top-con{flex-flow: column;} .home-news .top-con>a:nth-child(1),.home-news .top-con>a:nth-child(2){width: 100%;} .home-news .top-con>a:nth-child(1) .text-content{padding-left: 15px;padding-right: 15px;} .home-news .top-con>a:nth-child(1) .title,.home-news .top-con>a:nth-child(2) .title{font-size: 14px;} .home-news li{width: 49%;} .home-news li:nth-child(even){margin-right: 0;} .home-news .more a{font-size: 16px;padding: 20px 60px;} .right-nav{display: none;} .about .pic{width: 100%;order: 1;margin-top: 0;} .about .content{width: 100%;order: 2;margin-top: 20px;margin-right: 0;} .news .first .pic{width: 100%;margin-right: 0;} .news .first .text-content{padding: 15px 20px;} .news .first .title{font-size: 16px;} .news li{width: 49%;} .news li:nth-of-type(3n){margin-right: 2%;} .news li:nth-of-type(2n){margin-right: 0;} .news li .text-content{padding: 10px;} .contact li h4{font-size: 16px;} .contact .home-title{font-size: 24px;margin-top: 30px;} .news-details .perv a{font-size: 14px;} .job-list .accordion li .title{-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;} .job-list .accordion li .title span:nth-child(2),.job-list .accordion li .title span:nth-child(3){display: none;} .job-form .title{font-size: 20px;} .info-content li .tit{font-size: 18px;} } @media (max-width: 580px) { .news-details p img{width: 100% !important;height: unset !important;} .file{width: 80px;height: 40px;line-height: 40px;} .info-content li span{width: 70px;} .info-content li .title{height: 60px;line-height: 60px;} } @media (max-width: 424px) { /*淇敼425浠ヤ笅銆佹櫘閫氱殑瀹夊崜鎵嬫満灞?/ .news-details p img{width: 100% !important;height: unset !important;} .n-banner>img{/*height: 30vh;*/} .index-swiper .text-content .text{display: none;} .index-swiper{/*height: 30vh !important;*/} .banner .text-content{top:40%;} .banner .text-content .title{font-size:25px;} .banner .text-content .text{font-size: 14px;} .footer .container{width: 100%;flex-flow: column;justify-content: center;align-items: center;} .footer .link-box,.footer .href-box,.footer .title{display: none;} .copyright,.home-case .slideGroup .parHd li,.home-news li .text-content .des,.home-news li .text-content .time,.about .content .num-box .txt,.news li .text-content .des,.news li .text-content .time{font-size: 12px;} .footer .l-con,.footer .r-con{display: block;} .footer .l-con{margin-right: 0;} .footer .r-con{margin-top: 20px;} .num-position .num-box li .info{margin-top: 10px;line-height: 1.8;} .home-news .more a,.home-news li .text-content .title{font-size: 14px;} .about .title{font-size: 24px;} .about .content .num-box{margin-top: 20px;} .about .content .num-box .item{width: 50%;margin-top: 15px;} .about .content .num-box .num{font-size: 20px;} .news li .text-content .title{font-size: 14px;} .news li .text-content .des{margin-top: 5px;} .news li .text-content .time{margin-top: 5px;} .page a{width: 30px;height: 30px;line-height: 30px;} .team li{height: 225px;} .team li .txt{font-size: 14px;margin-top: 5px;} .team li .des{margin-top: 5px;} .team li .content{padding: 15px;} .team li .more{left: 15px;bottom: 15px;} .team li .pic{height: 198px;} .team li .des{font-size: 12px;line-height: 1.5;} .contact .info>div:nth-child(1){padding-bottom: 30px;} .contact .info>div:nth-child(1) img{display: none;} .contact .info .text-content{position: initial;} .contact .info .text-content .title{font-size: 20px;} .contact .info .text-content .tel{flex-flow: column;} .contact li{width: 100%;margin-right: 0;margin-top: 20px;} .contact li:nth-of-type(3n){margin-right: 0;} .contact li h4{font-size: 14px;margin-bottom: 0;} .contact li .txt,.news-details .content .info{font-size: 12px;} .news-details .content .info span{display: block;margin-left: 0;} .news-details .content h1{font-size: 20px;} .news-details .content .body{font-size: 14px;padding-bottom: 30px;margin-top: 30px;} .job-list .accordion li .title{height: 60px;} .job-list .accordion li .title span:nth-child(1),.job-list .accordion li .title span:last-child{width:80%;} .info-content li .tit{font-size: 16px;} .info-content li span,.info-content li.open span{background-size: 20px;} } @media (max-width: 374px) { /*淇敼375浠ヤ笅銆乮Phone5锛?锛岀瓑灏忓睆鎵嬫満*/ .subnav{font-size: 12px;} } .pages {text-align: center;} .pagination li{display: inline-block;margin: 0 3px} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background: #094792;color: #fff; border-color: #094792; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ color: #fff; background: #094792; } .pagination > li > a, .pagination > li > span{ color: #333; padding: 8px 16px; background: #eaeaea; } .pagination>span{ vertical-align: 55%; color: #999; } .loadmore-nodata{padding: 20px;text-align: center;font-size: 14px;display: block;margin: 0 auto;color: #999} .treenav{ margin-top:30px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; overflow-y: hidden; justify-content: left !important; } .treenav a{border: 1px solid #dddddd; background: #f1f1f1; height: 50px; box-sizing: border-box; line-height: 50px; text-align: center; margin: 0 10px; font-size: 16px; padding: 0px 15px; text-align: center; flex: 1; white-space: nowrap } .treenav a.on{ background-color: #094792; color: #fff; } /*.n-banner img{max-height:700px;}*/ .rongyu .text-content{border-top: 2px solid #eee;} .cert-cover { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 1000001; display: none; } .cert-cover .cert-banner { width: 700px; margin-top: 40px; position: relative; left: calc(50% - 350px); top: calc(50% - 250px); } .cert-cover .cert-banner .cert-swiper { width: 555px; height: 500px; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .cert-cover .cert-banner .cert-swiper .swiper-slide { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative; } .cert-cover .cert-banner .cert-swiper .swiper-slide .pic { width: 100%; height: 390px; background-repeat: no-repeat; background-size: 100%; text-align: center; } .cert-cover .cert-banner .cert-swiper .swiper-slide .text-box { width: 100%; position: absolute; text-align: center; font-size: 18px; color: #fff; margin-top: 30px; } .cert-cover .cert-banner .close { width: 100%; position: absolute; bottom: -50px; left: calc(50% - 30px); } .cert-cover .cert-banner .close i { width: 60px; height: 60px; display: inline-block; background-image: url(../images/close02.png); background-size: cover; background-repeat: no-repeat; cursor: pointer; } /*.gongceng-box .sort-box:first-child{border-bottom: 1px solid #eaeaea;}*/ .num-box li{cursor: pointer;} .about p img{width: 100%;} .text-center{text-align: center;width: 100%;} .gotop { position: fixed; display: block; right: 10px; bottom: 30px; box-shadow: 0 0 5px #999; z-index: 1000; background: #fff; width: 40px; height: 40px; border-radius: 20px; padding: 10px; border: unset !important; } .gotop img { width: 100%; } .not-allowed{cursor: not-allowed !important;} .not-allowed:hover{background: #eaeaea !important;color: #333 !important;} .container:before,.container:after{display: none !important;} .layui-tab-title li a{padding:0 14px !important;} .layui-tab-more{padding-right: 0} /* 棣栭〉娴姩骞垮憡鏍峰紡 */ .floatAD{ border-radius:2px ; width: 330px; min-height: 80px; background-color: #3c76bb; position: absolute; z-index: 200001; /* padding:15px; */ } .floatAD .title{ text-align: center; margin: 10px 20px 10px 10px; } .floatAD a{ color: white; font-size: 18px; font-weight: bold; } .floatAD .tel{ font-size: 13px; margin:0px 5px 5px 0; color: white; text-align: right; } .floatAD .close{ color: white; float: right; padding: 0px 5px 0 0; cursor: pointer; /* background-image: url('../../img/icons.png'); background-repeat: no-repeat; background-size: 20px 20px; background-position: 10px 0; width: 22px; height: 26px; position: absolute; right: 0; */ /* float: right */ /* background-color: red; */ }