@charset "utf-8"; /** Author锛欽ackie Date锛?0210329 WeChat锛歺jcicy **/ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} body,button,input,select,textarea{font:12px/1.5 \5FAE\8F6F\96C5\9ED1DE,\5b8b\4f53,arial,sans-serif;} h1,h2,h3,h4,h5,h6{font-size:100%;} address,cite,dfn,em,var{font-style:normal;} code,kbd,pre,samp{font-family:courier new,courier,monospace;} small{font-size:12px;} ul,ol{list-style:none;} a{text-decoration:none;} legend{color:#000;} fieldset,img{border:0;} .clearfix:after{content:'\20';display:block;height:0;clear:both;} .clearfix{zoom:1;} html{overflow-y:scroll;overflow-x: hidden;} .fl { float: left !important;} .fr { float: right !important;} .clear{display:block;height:0;overflow:hidden;clear:both;} .clearfix:after{content:'\20';display:block;height:0;clear:both;} .clearfix{zoom:1;}html{overflow-y:scroll;} .hidden{display:none !important;} .show{display:block !important;} .invisible{visibility:hidden;} .noBg{background:none !important;} .noBorder{border:none !important;} .noMargin{margin:0 !important;} .noPadding{padding:0 !important;} .wrap{width: 1200px;margin:0 auto;} .relative{position: relative;} input{ border:none; -webkit-appearance:none;/*鍘婚櫎闃村奖杈规*/ outline: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/*鐐瑰嚮楂樹寒鐨勯鑹?/ } i,span,img,em,strong,div,a, .pic-list ul li{transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s; } .direction ul li b, .extend li{transition: all 0.1s linear 0s; -o-transition: all 0.1s linear 0s;-moz-transition: all 0.1s linear 0s;-webkit-transition: all 0.1s linear 0s; } .bg-white{background: #fff;} body {background: #e3e3e3; margin:0 auto;position: relative; font: 14px/22px "\5FAE\8F6F\96C5\9ED1DE";font-family: "Microsoft YaHei";} .container {position: relative;z-index: 5;padding-top: 110px;} .container.fixed{padding-top: 110px;} i{font-style:normal; display: inline-block;margin:0 auto; background:url(../images/icon.png) no-repeat 0 0;} .i-search{background-position: -57px 0} .i-menus{background-position: -84px 2px} /* common */ .header {z-index: 33;padding:0; background: #e3e3e3; padding:0; position: fixed;left:0;top:0;right:0; height: 110px; } .header .logo{ float: left; display: block;padding-top:30px; height: 50px; width: 300px;} .header .logo img{height: 100%} .header .nav{margin-right: -25px; float: right;text-align: right; } .header .nav ul li {padding:0 25px; display: inline-block;display:inline-block;} .header .nav ul li h3{position: relative;display: block;text-align: center;height: 85px;line-height: 85px; } .header .nav ul li h3 a{border-top: 6px solid #e3e3e3; position: relative; display: block; font-size: 16px;color: #444;} .header .nav ul li h3 i{position: absolute;left:-25px;top:50%; margin-top: 1px; z-index: 3; width: 2px;height: 10px;background: #444} .header .nav ul li:first-child i{display: none;} .header .nav ul li h3 a.current , .header .nav ul li h3 a:hover{color:#990002; border-color:#990002} .header.fixed{height: 80px; position: fixed;box-shadow: 0 15px 45px -8px rgb(0 0 0 / 20%);} .header.fixed .logo{padding-top: 20px;height: 40px} .header.fixed .nav ul li h3{height: 65px;line-height: 65px;} .header.fixed .nav ul li h3 a {font-size: 14px;} .footer {padding:20px 0 0; position: relative;z-index: 3;line-height: 26px;font-size: 14px; background: #e3e3e3;color: #777;border-top: 1px solid #B8B8B8} .footer .wrap{text-align: left;} .footer a{color: #777;font-size: 14px; } .footer a:hover{color:#990002;text-decoration: underline;} .footer .link{padding:0 0 15px 70px; position: relative;} .footer .link li{display: inline-block;color: #262721;} .footer .link li.title{position: absolute;left:0;top:0;z-index: 3;} .footer .link li a{margin-right: 7px; color: #262721;} .footer .copyright{min-height: 30px; text-align: left;padding:0px 0px 30px;} .footer .copyright p{float: left;} .footer .copyright ul{float: right;} .footer .copyright ul li {display: inline-block; padding-left: 10px} /**棣栭〉鍥炬枃鍒楄〃**/ .index-pic-list {height: 160px;padding:20px 0;margin-bottom: 10px; overflow: hidden;} .index-pic-list ul{width: 1210px; height: 160px;overflow:hidden;} .index-pic-list ul li{position: relative; margin-right: 13px;display: inline-block; float: left; overflow:hidden; width:230px;height: 160px;} .index-pic-list img{width:230px; height: 100%; /* margin-top: -30px; */} .index-pic-list ul li div{ padding:35px 0 0 ; text-align: center; position: absolute;z-index: 13;left:0;top:300px;right:0;background: rgba(153,0,2,.8);} .index-pic-list ul li div b{line-height: 50px; display: block;color: #fff;font-size: 16px;font-weight: normal;} .index-pic-list ul li div a{font-size: 14px; line-height: 24px;padding:0 10px; display: inline-block;height:24px;border:1px solid #fff;color: #fff; } .index-pic-list ul li div a:hover{background: #fff;color:#990002 } .index-pic-list ul li:hover div {top:0;bottom:0;} /****/ .row-first .about-box{width:400px; } .row-first .about-box .pic{height: 460px; } .row-first .about-box .pic img{width: 100%;height: 100%;} .row-first .banner-news{width: 790px;height: 460px;} .item .hd{height: 25px;padding:10px 0 0;} .item .hd strong{color: #990002;font-size: 14px;} .item .hd a.more{float: right;color: #909090;font-size:14px;} .item .hd a.more:hover{color: #990002} .item .bd p{font-size: 14px;color: #444;line-height: 24px;} .row-first .item .bd {height: 175px;overflow: hidden;} .row-first .item .bd p {padding-right: 20px;line-height: 28px} .banner {position: relative;width: 790px; height: 460px;z-index: 3; overflow: hidden;} .banner .bd li{display: block;width: 790px;height: 460px;background-position: center 0; background-size: 100% 100% } .banner .bd li img {display: block;width: 790px;height: 460px;} .banner .hd {display: block;width: 100%;height: 40px;text-align: center;position: absolute;left:0;right:0;bottom:0px;z-index: 33;background: rgba(0,0,0,.5);} .banner .hd li{background: #fff; margin:0 5px; cursor: pointer; display: inline-block;height: 6px;width: 40px; font:0/0 a; } .banner .hd li.on{background: #990002; } .banner .prev, .banner .next{right:3%;width: 35px;height: 70px;line-height: 65px;color: #fff;font-size: 35px;text-align: center; border-radius: 2px; cursor: pointer; position: absolute;margin-top: -37px; z-index: 5;top:50%; background-color: rgba(0,0,0,.3) } .banner .prev{right:auto;left:3%; } .banner .next:hover, .banner .prev:hover{background-color:#990002;} .text-list {padding:0px;;} .text-list li a{color: #444; display: block; padding-right: 94px; position: relative; padding-left: 12px; line-height: 30px;font-size: 14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .text-list li a:hover{color:#990002;text-decoration: none; padding-left: 17px;} .text-list li span{position: absolute;right:0px;top:50%;margin-top: -10px; color: #909090; } .text-list li a:before{content: " ";position: absolute;left:0px;top:50%;margin-top:-2px;width: 3px;height: 3px;border-radius: 50%;background: #990002;} .text-list li:last-child {border-bottom: none;} .text-list li img{vertical-align: middle;margin-top: -1px;margin-left: 5px;} .side-banner {float: left; overflow: hidden; position: relative;width:370px;height: 275px;margin-bottom: 20px } .side-banner .bd li{display: block;width:370px;height: 275px; } .side-banner .bd li a{display: block;height: 275px;} .side-banner .bd li img{width:370px;height: 275px;} .side-banner .bd li p{ line-height: 40px;text-indent: 10px;overflow: hidden;padding-right: 80px; font-size: 14px; color: #fff; position: absolute; bottom:0;left:0;right:0px;display: block;height: 40px;background: rgba(0,0,0,.5)} .side-banner .bd li p em{color:#fff !important; } .side-banner .hd{ z-index: 99; position: absolute;height: 30px;bottom:10px;left:0;right:5px;text-align: right;} .side-banner .hd ul li{cursor: pointer; margin-right:5px; border-radius: 50%; font:0/0 a; display: inline-block;background: #fff;width: 10px;height: 10px;} .side-banner .hd ul li.on{ display: inline-block;background: #990002} /**鍐呴〉**/ .pages {color: #1f1f1f;font-weight: bold; text-align: center; height: 20px;padding:40px 0px 70px;z-index: 999;position: relative;} .pages li { display: inline-block; } .pages a{margin:0 4px; font-weight: bold; padding:0 2px; color: #1f1f1f;text-align: center;font-size: 16px; display: inline-block;text-align: center;line-height:20px;} .pages a:hover, .pages a.current, .pages a.active {border-bottom: 1px solid #990002; color: #fff;color: #990002} .pages span{color: #1f1f1f;font-size: 16px;margin:0 4px;font-weight: bold; display: inline-block;text-align: center;} .pages b{color: #1f1f1f;padding:0 3px;} .page-hd {height: 330px;margin-bottom: 35px; overflow: hidden; background-size:auto 100%; background-repeat: no-repeat; background-position: center top; background-image: url(../images/bg-hd-0.jpg);} .page-hd h2{text-align: right;margin-bottom: 110px; line-height: 50px; position: relative; padding-top: 120px; font-size: 40px;color: #fff;font-weight: normal;} .bg-hd-1{background-image:url(../images/bg-hd-1.jpg);} .bg-hd-2{background-image:url(../images/bg-hd-2.jpg);} .bg-hd-3{background-image:url(../images/bg-hd-3.jpg);} .bg-hd-4{background-image:url(../images/bg-hd-4.jpg);} .bg-hd-5{background-image:url(../images/bg-hd-5.jpg);} .bg-hd-6{background-image:url(../images/bg-hd-6.jpg);} .bg-hd-7{background-image:url(../images/bg-hd-7.jpg);height: 435px;} .bg-hd-8{background-image:url(../images/bg-hd-8.jpg);} .page-menus {height: 50px;line-height: 50px;background: rgba(0,0,0,.6); } .page-menus ul{margin-left: -35px;} .page-menus ul li{position: relative; padding:0 35px;float: left; display: inline-block;} .page-menus ul li a{font-size:16px;color: #fff} .page-menus ul li a:hover, .page-menus ul li a.current{color: #990002} .page-menus ul li i{position: absolute;top:50%;margin-top: -5px;right:0; z-index: 32;width: 1px;height: 8px;background: #fff} .page-menus ul li:last-child i{display: none;} /**璇︽儏**/ .article-hd {text-align: center;padding:20px;border-bottom: 1px solid #eee} .article-hd h2{line-height:38px;margin-bottom: 10px; font-size: 24px;color: #990001; } .article-hd ul li{color: #444; padding:0 15px; display: inline-block;} .article-hd ul li span{color: #e77d19} /**鍏敤鏂囩珷**/ .content {padding:20px 50px 50px; font-size: 16px;color: #444;line-height: 40px;} /*.content p{margin-bottom: 40px; }*/ .content img{max-width: 100%;margin:0 auto;} .content h2{margin-bottom: 10px;line-height: 35px; font-size: 26px;color: #111;} .content b{color: #990001} /**HR**/ .hr .content p{border-bottom: 1px solid} /*news-list*/ .news-list .text-list {font-weight:bold;} .news-list .text-list li a{font-size: 16px;line-height: 35px;font-weight: bold; } /*/**鍏敤select* .jc-select {position: relative; } .jc-select .text{height: 32px;line-height:32px; } .jc-select .text span {text-align: center; overflow: hidden;padding-right:20px; display: block; position: relative;z-index: 4;background: #990002; cursor:pointer; font-size:14px;color:#fff; line-height:32px;height:32px; } .jc-select .text i{ z-index: 4; background-position:-133px 0; position:absolute;right:15px;height:8px; width:13px;top:50%;margin-top:-3px;} .jc-select .text i.down {background-position: -133px -12px;} .jc-select ul {display: none; max-height:300px; border: 1px solid #e6e6e6; overflow-x: hidden; position:absolute;z-index:5;top:33px;left:0;right:0; background-color:#fff;} .jc-select ul li{text-indent: 20px; height: 35px;overflow: hidden; line-height:35px; color:#666;font-size:14px;cursor: pointer} .jc-select ul li:last-child{border-bottom: none;} .jc-select ul li:hover{background:#ddd;color: #333; } .jc-select ul li a{color: #333;} /**.jc-select .text.color span{color: #333;}**/ */ /**鍐呴〉鍥炬枃鍒楄〃**/ .pic-menus {position: absolute; left:-150px;top:0;z-index: 33; width: 115px;} .pic-menus ul li{height: 60px;border-bottom: 1px solid #fff; } .pic-menus ul li a{position: relative; background: #fff;color: #1f1f1f;font-size: 16px; text-align: center; display: block;height: 60px;line-height: 60px;} .pic-menus ul li a.current, .pic-menus ul li a:hover{background: #990002;color: #fff;} .pic-menus ul li:last-child{border-bottom: none;} .pic-menus ul li i{background-position: -120px -4px; display: none; position: absolute;right:-7px;top:50%;margin-top: -7px; width: 7px;height: 14px;} .pic-menus ul li a.current i, .pic-menus ul li a:hover i{display: block;} .pic-list ul{width: 1220px;margin-left: -20px} .pic-list ul li{position: relative; margin:0 0 20px 20px; float: left; background: #fff; display: inline-block;width: 285px;min-height: 350px;overflow: hidden;} .pic-list ul li a{display: block;height: 330px;} .pic-list ul li span{display: block;height: 265px;} .pic-list ul li img{width: 285px;height: 265px;overflow: hidden;-webkit-transition: all 1.5s; transition: all 1.5s} .pic-list ul li h3{ position: relative;z-index: 3;background: #fff; font-weight: normal; height: 40px;line-height: 40px;padding-top: 10px; text-align: center;margin:0px; color: #202020;font-size: 18px;overflow: hidden;} .pic-list ul li p{height: 20px;line-height: 20px; text-align: center;margin:0 10px; color: #bababa} /*.pic-list ul li:hover{ box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.07); }*/ .pic-list ul li a:hover h3{color: #990002} .pic-list ul li a img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1); } /**鑱旂郴鎴戜滑**/ .contact-us {padding:30px 0; } .contact-us .wrap{overflow: hidden;} .contact-us h2{color: #111; line-height: 30px;margin-bottom: 10px; font-size: 26px; } .contact-us .list{margin-bottom: 30px;padding:0 0 30px;border-bottom: 1px solid #eee; width: 1255px;margin-left: -55px;} .contact-us dl{width: 360px;float: left; margin-left: 55px; display: inline-block; line-height: 30px;font-size: 16px;color: #444;} .contact-us dt{color: #990002} .contact-us dd{} .contact-us .map{margin-bottom: 40px;} .contact-us img{width: 100%} /**鍏充簬鎴戜滑**/ .about {margin-top: -30px;} .about .about-item{padding:20px 0 50px ;} .about .hd {padding:75px 0 40px;text-align:center;} .about .hd h2{font-weight: normal; font-size:26px;color: #444;line-height: 30px; } .about .bd p{font-size: 16px;color: #444;line-height: 32px;} .qualifications {background:#E3E3E3} .pic-list-two ul{width: 1300px;margin-left: -100px;} .pic-list-two ul li{width:293px;height: 250px;margin:0 0 40px 100px; float: left; background: #fff; padding:20px 20px 0 20px; display:inline-block; } .pic-list-two ul li img{width: 100%;display: block;} .pic-list-two ul li span{color: #444; padding:15px 0 0; font-weight: bold; display: block;text-align: center;font-size: 16px;} .js-side-pic {position:relative;} .js-side-pic .hd{padding:0;text-align: center;} .js-side-pic .hd li{font:0/0 a; cursor: pointer; display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin: 0 5px; background: rgb(102,102,102)} .js-side-pic .hd li.on{background:#990001 } .team-list ul {display:block;width: 1300px;margin-left: -100px;} .team-list ul li{margin-bottom: 50px; margin-left: 100px; float: left; display: inline-block;} .team-list ul li a{position: relative; color: #444; display: block;padding:30px;width:273px; background: #f9f9f9} .team-list ul li h2{font-size: 18px;line-height: 40px;} .team-list ul li a:hover{box-shadow: 0 15px 20px rgba(0,0,0,.08) } .team-list ul li.photo{text-align: center; margin-left: 245px ;} .team-list ul li img{margin-bottom: 15px; border-radius: 50%;overflow: hidden; width:150px;height: 150px; } .team-list ul li.photo h2{line-height: 20px} .business {background: url(../images/bg-10.jpg) no-repeat center 0;} .business .hd h2{color: #fff} .business ul{display: block;width: 1240;margin-left: -40px;} .business ul li{float: left; margin-bottom: 50px; margin-left: 40px;display: inline-block; font-weight: bold;font-size: 16px;text-align: center; height:90px;line-height: 90px; } .business ul li a{color: #fff; height: 100%; padding:0 40px; min-width: 148px; display: block;border:4px solid #fff;} .business ul li a:hover{background: #fff;color: #900} .business ul li:nth-child(1){width: 307px;} .business ul li:nth-child(2){width: 300px;} .responsibility ul{padding:30px 0; text-align: center;} .responsibility ul li{margin: 0 20px; display: inline-block; width: 200px; padding:60px;background:#f9f9f9;} .responsibility ul li img{width: 100%} /**鍏充簬鎴戜滑-璇︽儏**/ .about-article {width: 800px;margin: 0 auto;padding-top: 20px} .about-article .article-hd{border-bottom: none} .about-article .content p{text-indent: 0;font-size: 16px;color: #444} /**20200319鏀归椤靛皬灞忓箷鍏煎鎬?*/ html{overflow-y:scroll;overflow-x: hidden; width: 100%;margin:0;padding:0;} /**20210720鏀瑰浘鐗囪鎯呭脊绐楁粴鍔ㄥ浘鐗?鏍峰紡**/ #spotlight{color:#fff !important;background-color:#fff !important} #spotlight .arrow, #spotlight .footer, #spotlight .header, #spotlight .preloader, #spotlight .progress{filter:invert(1) !important} #spotlight .footer{display: none;} #spotlight .header .fullscreen, #spotlight .header .autofit, #spotlight .header .zoom-out, #spotlight .header .zoom-in, #spotlight .header .theme, #spotlight .header .player{display: none;} #spotlight .header{background: none !important;box-shadow:0 0 0 !important;}