html,body { margin: 0; padding: 0; font-size: 14px; font-family:"Microsoft YaHei","微软雅黑", Arial; color: #646464; } body{ } img { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } .tran{transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} @media screen and (min-width: 1920px){ body{overflow-x: hidden;} } a,i {text-decoration: none;border: 0;outline:none,} a:hover{text-decoration: none;color: #977046;} input,textarea:focus {outline: none; } i,img,div {border: 0;outline:none,} ul, li {list-style-type: none;} .clear {clear: both} strong{font-size: inherit;color: inherit;} area{outline:none;} .text-right{text-align: right;} .text-center{text-align: center;} .fl {float: left} .fr {float: right} .sm-clear,.xs-clear{height: 0!important;width: 0!important;padding: 0!important;margin: 0!important} .layui-fluid{padding: 0} .bggray{background-color: #f3f3f3;} .bggreen{background-color: #977046;} .text-green{color: #977046} .text-black{color: #333;} .news-detail{padding:60px 5% 60px} .detail-title{ border-bottom: 1px solid #e4e4e4; padding:15px 0 40px 0; text-align: center; color: #545454; margin-bottom:50px; } .detail{padding:10px 6.5%;} .detail-title h6{font-weight: normal;font-size: 14px;color: #977046;font-size: 16px;} .detail-title p{ line-height: 150%; color: #000000; font-size: 30px; text-align: center; margin:0 0 20px 0; font-weight: bold; } .detail p{line-height:190%;margin: 0 0 35px;font-size:16px;} .detail img{max-width: 100%} .goback{text-align:center;margin-top:50px;} .goback a{display: inline-block;padding:15px 35px;;border:1px solid #c0c0c0;color:#8c8c8c;margin:0 10px;font-size: 16px;transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .goback a:hover{border: 1px solid #977046;background-color:#977046 ; color:#fff;} .no-data{margin-bottom:100px;} /*tyc234cc太阳在线玩游戏banner开始*/ .slideBox{padding-top:45.4%;position: relative;margin-top: 108px;} .slideBoxbanner {position: absolute;top:0;left:0;height: 100%;width: 100%;overflow: hidden;} .slideBoxbanner .bd{width:100% !important;} .slideBoxbanner .bd ul{display: block;width:100% !important;height:100% !important;position: absolute !important;top: 0 !important;left: 0 !important;} .slideBoxbanner .bd li{position: absolute;top: 0;left: 0;display: block;background-position: center;background-repeat: no-repeat;height: 100%;width:100% !important;} .slideBoxbanner .hd{bottom:0px;left:0;width: 100%;position:absolute;height: 92px;} .slideBoxbanner .hd div{text-align:left;width: 50%;position: relative;bottom: -75px;} .igonggao{background-color: rgba(216,216,216,.3);color: #fff;height: 44px;line-height: 44px; padding-left:63px;position: relative; } .igonggao i{font-size: 20px;position: absolute;left: 30px;top: 0;} .igonggao a{color: #fff;font-size:14px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .slideBoxbanner .hd .igonggao{position: absolute;right:0;bottom: 0;z-index:2;} .slideBoxbanner .hd ul{text-align:left;height:10px;margin-left: 200px;position: relative;bottom: 17px} .slideBoxbanner .hd li{background:#ffffff;border-radius: 100%;display: inline-block;margin:0 15px;;width:8px;height:8px;} .slideBoxbanner .hd li.on{background:#977046;border-radius: 100%;width: 13px;height: 13px;position: relative;top: -3px;} .banner2 .slideBox{padding-top:31.1%;} .banner-lun{position:absolute;top:350px;left:0;width:100%;} .banner-lun a{margin:0 64px;} .next,.prev{display: block;width: 10px;height: 18px;position: absolute;bottom: 15px;background-position: center;background-repeat: no-repeat;} .next{left:124px;background-image: url(../images/right.png);} .prev{left:65px;background-image: url(../images/left.png);} .top{height: 109px;position: fixed;box-shadow: 0px 8px 8px rgba(0,0,0,0.18);top: 0; z-index: 9999;width: 100%;background-color: #ffffff;} .foot{background: #f2f2f2;color: rgba(51,51,51,.6);} .foot h1{color: #333;font-size: 24px;padding-bottom: 30px;} .foot h2{color: #333;font-size: 18px;} .foot a{color: rgba(51,51,51,.6);} .foot a:hover{color: #333;opacity: 1;} .foot .infor {border-bottom: 1px solid #cecece;padding:50px 0 35px;} .foot .infor li{display: inline-block;padding-left: 5%;} .foot .infor li .tit{padding-bottom: 10px;} .foot .infor li:first-child{padding-left: 0;} .foot .licon {background-color: #977046;color: #333;width: 22px;height: 22px;line-height: 22px;border-radius: 50%;display: inline-block;text-align: center;margin-right: 10px;} .foot .licon i{font-size: 12px;color: #fff;} .foot .webinfor {padding:30px 0;} .links{background-color: #fff;margin-top: 20px;} .lfont{font-size: 12px;opacity: .7;padding: 10px 0 55px;} .links .content{display: inline-block;padding-top: 16px;width: 75%;} .links i{color: #fff;font-size: 20px;} .links select{border:0;font-size: 14px;color:#6E6E6E;width: 95%;padding-left: 5%;} .links a{display: inline-block;width: 20%;height: 50px;text-align: center;line-height: 50px;background-color: #977046;color: #fff;float: right;font-size: 24px;font-weight: 100;opacity: 1;} .links a:hover{background-color: #16a65e;} .ind-link{margin-top: 20px;} .ind-link span, .ind-link a{color: #868686;margin-right: 25px;} .ind-link a:hover{color: #977046;} .logo{margin: 24px 0 0 0px; display: block;text-align: center;} .logo img{max-width: 459px;width: 85%;} .topge{display: none;} .nav {padding-top:49px; text-align: center; } .nav li{display: inline-block;float: left;margin-left: 32px;position: relative;} .nav li img{position: absolute;top: 60px;left: -230px;z-index: 999;opacity: 0;pointer-events: none} .nav li.show img{opacity: 1;pointer-events: initial;} .nav a{font-weight: 400;color: #4c4c4c;font-size: 16px;padding:0 4px 5px;} .nav a span{font-size: 12px;} .nav a:hover,.nav a.active{font-weight: bold;} .nav a.active{border-bottom: 2px solid #977046;} .nav .xia{display: none;} .nav .show .xia{display: block;} .flex{display: flex;} .justify-center{justify-content: center;} .align-center{align-items: center;} .nav .xia::before{content: "";display: block;width: 0; height: 0; position: relative;left:22px;top:40px; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 24px solid #eeefef;} .nav .xia .content{position: absolute;width: 520px;background: #eeefef;top: 80px;box-shadow: 0px 8px 8px rgb(0,0,0,.18);} .nav .xia .content .content_left{position: relative;overflow: hidden;color: #ffffff;font-size: 28px;font-weight: bold;line-height: 32px;width: 40px;padding: 60px 80px 70px 40px;background: #977046;} .nav .xia .content .content_right{display: flex;justify-content: center;align-items: center;margin: 0 50px 0 30px;} .nav .xia .content a{font-size: 16px;color: #231916;margin:10px 25px;display: block;float: left; border-bottom: 2px solid #eeefef;padding: 5px 10px;height: 22px;} .nav .xia .content a.on ,.nav .xia .content a:hover{color: #977046; border-bottom: 2px solid #977046;font-weight:bold;} .nav .xia .content_left::before{content: "";background-image: url('../images/xlapic.png') ;background-repeat: no-repeat;background-position: top;background-size:auto 100% ; width:100%;height: 100%;display: block;position: absolute;bottom: 0;left: 0;} .nav .xia .content_right::before{content: "";background-image: url('../images/xlr.png') ;background-repeat: no-repeat;background-position: bottom;background-size: 100% auto; width:180px;height: 100%;display: block;position: absolute;bottom: 0;right: 0;pointer-events: none;} .nav_about .content{left:-240px;} .nav_news .content{left:-240px;} .nav_party .content{left:-240px;} .nav_study .content{left:-240px;} .nav .nav_study .xia .content a {margin:4px 25px;} .nav_company .content{left:-240px;} .nav_tender .content{left:-240px;} .nav_keyopen .content{left:-320px;} .top-nav2{position: fixed;top:108px;z-index: 9998;width:100%} .top-nav2 ul{width:100%;display: block;position: relative;} .top-nav2 li{margin:0 auto;display: block;transition: top 300ms; background: rgba(0,0,0,.6);position: absolute;top: -108px;width: 100%;} .top-nav2 li.on{top: 0px;width: 100%;} .top-nav2 li a{color:#ffffff;margin:20px;padding: 5px 10px;display: inline-block;} .top-nav2 .nav1{margin-left:30%;} .top-nav2 .nav2{margin-left:35%;} .top-nav2 .nav3{margin-left:40%;} .top-nav2 .nav4{} .top-nav2 .nav5{margin-left:55.5%;} .top-nav2 .nav6{margin-left:60%;} .top-nav2 .nav7{margin-left:55%;} .leader{} .leader .flex{margin-bottom: 20px;} .leader .title{padding-left: 30px;font-size: 16px;} .shuxian{position: absolute;right: 165px;height: 100%;width: 1px;background: #c0c0c0;top: 0} .mall{ background-color: #ffea84; border-radius: 50px; align-items: center; } .mall .mall-tit{font-size: 16px; font-weight: bold;color: #977046;padding-left:5px;padding-right:15px ;line-height: 40px;display: inline-block;} .mall .left-icon{width: 42px;height: 42px;display: inline-block;margin-top: -2px;margin-bottom: -2px;} .search-btn{position: absolute;right: 0px;top: 0;width: 42px;border-left: 1px rgba(192,192,192,.5) solid;padding: 34px 40px;align-items: center;} .search-btn .search{background-color: #977046;border-radius: 50%;width: 42px;height: 42px;color: #fff;display: inline-block;text-align: center;line-height: 42px;} .search-btn .search:hover{background-color: #804D06;} .index-news{background-image: url(../images/bg1.png);background-position: center center;background-attachment: fixed;background-size: cover;position: relative;z-index: 9;background-repeat: no-repeat;overflow: hidden;} .toutiao{position: absolute;width: 64px;top: -9px;left: 0;z-index: 999;left: -6px} .lun-tu{position: relative;width:100%;height: 620px;/*overflow: hidden;*/} .lun-tu .hd{;z-index: 9;position: absolute;right: 10px;bottom: 50px; } .lun-tu .hd li{float: left;color: #ffffff;display: block;width: 9px;height: 9px;border-radius: 100%;margin-right: 10px;background:rgba(255,255,255,.7)} .lun-tu .hd li.on{background: #ede623;border: 0;width: 12px;height: 12px;} .lun-tu .bd,.lun-tu .bd ul{width:100%;} .lun-tu .bd li{position:absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;} .lun-tu .bd li img{width: 100%;height:100%;object-fit: cover;} .lun-tu .bd li p{position: absolute;bottom: 0;left: 0;width: 100%; color: #ffffff;height: 42px;line-height: 42px;padding-left:20px;background-color: rgba(3,0,0,.5); background-position: top left;font-size: 20px;} .lun-tu .bd li p .nowrap{color:#ffffff; display:inline-block; width:90%;} .zfx {position: relative;padding-top: 75%;background-color: #000000;} .zfx .zfxbox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; text-align: center; } .zfx .pic { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; } /*page*/ .page ul{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .page {padding:70px 5px;font-size: 18px;color: #4c4c4c; display: flex; justify-content: center;} .page a{padding:10px 7px;min-width: 28px;text-align: center;display: inline-block; border-radius: 3px;border:1px solid rgba(0,0,0,0);} .page a:hover{border:1px solid #977046;} .page a.current{background-color: #977046;color: #fff;} .page input{background-color: #F0F0F0;border:0;width: 56px;height: 46px;margin:0 10px;text-align: center;} .indpart{padding-top: 95px;padding-bottom: 95px;} .indtit{padding-bottom: 50px;} .maintit{font-size: 2.2em;color: #000;font-weight: bold;position: relative;} .maintit i{font-size: 1.5em;font-weight: normal;background: linear-gradient(to top, #efe823, #913427, #763729); -webkit-background-clip: text; color: transparent;display: inline-block;position: absolute;left: 0;top: -5px;} .maintit span{display: inline-block;padding-left: 1.7em;} .inewsnav{text-align: right;padding-right: 122px;} .inewsnav ul{padding-top: 17px;} .inewsnav li{display: inline-block;margin-right: 5%;} .inewsnav li a{font-size: 1.2em;padding: 8px 0;display: inline-block;} .inewsnav li.on a{border-bottom: 3px solid #977046;color:#977046; } .imore{color: #fff;background-color: #977046;padding: 7px 13px;border-radius: 50px;position: absolute;right: 0;top: 17px;} .imore:hover{background-color: #16a65e;} .more{} .more i{padding-left: 5px;} .i2bgpic{position: absolute;width: 52%;right: 0;top: -50px;} .ind2{width: 50%;} .ind2 .infor{padding-bottom: 50px;padding-top: 30px;} .ind2 .infor h1{font-size: 40px;color: #000;font-weight: bold;padding-bottom: 20px;} .ind2 .infor p{line-height: 200%;font-size: 16px; color: #333;padding-bottom: 20px;text-shadow: 0px 0px 5px rgba(255,255,255,.9);} .i2nav{padding-bottom: 30px} .i2nav h2{font-weight: bold;font-size: 22px;} .i2nav .btn{color: #977046;background: rgba(6,128,67,.2);display: inline-block;padding:8px 15px;position: absolute; right: 25px;top: 0;border-radius: 50px;} .i2nav .btn:hover{background: rgba(6,128,67,1);color:#fff;} .i2nav ul{padding-top: 30px;} .i2nav li{display: inline-block;width: 19%; } .i2nav li a{text-align: center;line-height: 50px;height: 50px;background-color: #fff;border: 1px solid #977046;display: block; margin-right:5%;margin-bottom: 15px;font-size: 16px;} .ind2btn{margin-top: 30px;} .ind2btn .item{position: relative;padding-top: 70%;background-size: 100%;background-repeat: no-repeat;background-position: left top ;} .ind2btn .item .word{position: absolute;top: 25px;left: 8%;} .ind2btn .item h3{color: #fff;font-size: 18px;padding-bottom: 5px;} .ind2btn .item h1{color: #fff;font-size: 30px;font-weight: bold;letter-spacing: 1px;} .index-zcjy{} .i3bgpic{position: absolute;width: 34%;left: 0;bottom: 0px;} .i3bgpic2{position: absolute;width: 27%;right: 0;bottom: -50px;} .index-zcjy .content{margin-left: 25%;margin-top: 50px;} .index-zcjy .imore{background-color: #ea2731;} .index-zcjy .imore:hover{background-color: #ff4d56;} .index-zcjy .infor{padding-left: 70px;padding-top: 20px;} .index-zcjy .infor .item{padding-bottom: 40px;position: relative;} .index-zcjy .infor .item div{padding:0 10px;} .index-zcjy .infor .item .parname{color: #fff; background-color: #ea2731;border-radius: 3px;display: inline-block;float: left;padding:5px 8px;} .index-zcjy .infor .item .title{font-size: 18px;color: #000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;margin-right: 130px;} .index-zcjy .infor .item:hover .title{text-decoration: underline;color: #ea2731;} .index-zcjy .infor .item .date{font-size: 16px;position: absolute;right: 0;top: 0;} .index-study .indtit{padding: 60px 0;} .index-study .maintit span{color: #fff;text-shadow: 0px 3px 5px rgba(0,0,0,0.31);/*阴影*/} .index-study .maintit i{color: #fff;text-shadow: 0px 3px 5px rgba(0,0,0,0.31);/*阴影*/} /*.index-study .content{position: absolute;overflow: hidden;left: 300px;top: -20px;}*/ /*.index-study .content ul{width:3000px;}*/ .index-study .content li{display:inline-block;padding:20px 0; } .index-study .content li a{width: 90%;display: block;box-shadow: 5px 5px 10px rgba(0,0,0,0.31);} .index-study .content li img{width: 100%; } .studyflex{position: absolute;top:0px;left:300px;width:100%;overflow: hidden;} /* .studySwiper{margin-left:400px;} */ .studySwiper .swiper-slide{width:226px} .studySwiper .swiper-slide a{display: block;} .studySwiper .swiper-slide img{width:100%} .pstudy{} .pstudy img{width: 220px;} .index-ztzl{background-image: url(../images/bg5.png) ;background-position: bottom center;background-size: 100% ;background-color: #cde6f7; background-repeat: no-repeat;} .index-ztzl .item{background-color: rgba(255,255,255,.6);background-repeat: no-repeat;background-size: 50%;background-position: right top;padding: 50px 7%;overflow: hidden;box-shadow: 2px 4px 5px rgba(123,51,39,0.05); margin-bottom: 40px;} .index-ztzl .list{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.05);} .index-ztzl .list:last-child{border: 0;padding-bottom:0;} .index-ztzl .list .date{display: inline-block;color: #7a3429;background: linear-gradient(to right, #f3b100 0%, rgba(147,104,0,0.00) 100%);padding:3px 10% 3px 50px;margin-left: -70px;} .index-ztzl .list .date i{padding-right: 5px;} .index-ztzl .list .infor{} .index-ztzl .list .infor h1{font-size: 18px;color: #000;font-weight: bold;padding:15px 0;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .index-ztzl .list .infor p{font-size: 14px; font-weight: 400; text-align: left; color: #868686; line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 48px;} .index-ztzl .list .infor .btn{text-align: right;margin-top: 20px;} .index-ztzl .list .infor .btn .wen{display: inline-block;color: #fff;background: #977046; border-radius: 50px;display: inline-block;padding:7px 40px;transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .index-ztzl .list .infor .btn .wen i{font-size: 1.5em;} .index-ztzl .list .infor .btn .wen:hover{padding:7px 20px 7px 60px;background-color: #16a65e;} .index-ztzl .maintit {font-size: 2.5em;} .index-ztzl .imore{background: none;color: #977046;font-weight: bold;top: 50px;right: 4%;} .index-ztzl .imore:hover{background: #fff;color: #977046;font-weight: bold;top: 50px;right: 4%;} .index-ztzl .layui-row{margin-bottom:80px;} .nonetop{margin-top: -30px;} .aboutinfor{padding-top: 70px;position:relative;} .aboutinfor h1{font-size: 3.3em;color: #333;text-transform: uppercase;font-weight: bolder;} .aboutinfor h2{color: #333;font-size: 2.2em;letter-spacing: 3px;padding-bottom: 40px;} .aboutinfor img{width:10em;position:absolute;top:3.5em;left:35em;} .essay{padding-top: 30px;} .essay p{padding-bottom: 35px;line-height: 200%;font-size: 16px;} .essay h5{color: #A3BD28;font-weight: bold;font-size: 1.1em;} .essay h4{color: #fff;font-weight: bold;font-size: 1.4em;} .shop{margin-top: 15px;} .shop p{padding: 0;margin-left: 15px;} .meigui{max-width: 91px;padding-bottom: 20px;width: 40%;} .ewm{padding-bottom: 20px;} .ewm img{max-width: 91px;} .ewm .iconfont{position: relative;font-size: 20px;padding-right: 3px;} .ewm .iconfont:after{content: '';width: 18px;height: 18px;position: absolute;left: 1px;top: 1px;display: block;background-color: #fff;border-radius: 50%;z-index: -1;} .canshu{} .canshu .item{text-align: center;position: relative;padding: 20px 0;} .canshu h1{font-size: 2.5em;color: #977046;} .canshu h6{opacity: .7;} .canshu hr{position: absolute; width: 1px;height: 100%;top: 0;right: 0;background: linear-gradient(0deg,#ffffff 0%, #d0cfd1 52%, #f9f9f9 100%);} .pictext{padding: 10px 0 0;display: inline-block;} .orgnav{padding: 35px 0 35px 15px;} .orgnav a{width: 13.8%;display: inline-block;text-align: center;float: left;height: 84px;background-color: #f2f2f2;margin:0 0.1%;font-size: 16px;color: #000;} .orgnav a:hover{background-color: #fff; } .orgnav a.on{background-color: #977046;color: #fff;} .orgnav a span{position: relative; top: 50%; padding: 0 10px; transform: translateY(-50%);display: inline-block;} .orginfor{padding:0 0 0 15px;} .orginfor .item{padding: 20px;} .orginfor .item h1{font-size: 2.5em;color: #000;} .orginfor .item .tit{padding-bottom:20px;display: inline-block; } .orgcompany{padding: 50px 0;} .orgcompany .title2{padding-bottom: 50px;} .orgcompany .title2 h1{color: #FFD200;border-left: 6px solid #FFD200;} .orgcompany .item .pic {width: 43%;float: right;} .orgcompany .item .infor{width: 48%;color: #fff;} .orgcompany .item .tit{} .orgcompany .item .tit h1{padding:10px 0;} .orgcompany .infor h6{opacity: .5;} .orgcompany .infor .essay{} .arrbtn{text-align: center;margin-top: 60px;} .arrbtn a{display: inline-block;width: 150px;border:1px solid #fff;color: #fff;border-radius: 50px;padding: 12px 0;margin:0 10px;} .arrbtn a i{font-size: 30px;} .arrbtn a.right i{transform: scale(-1;);-moz-transform: scale(-1;);-webkit-transform: scale(-1;);-o-transform: scale(-1;);filter: FlipH;} .arrbtn a:hover{background-color: #fff;} .arrbtn a:hover i{color: #977046;} .company-list{padding: 20px 0;} .company-list .item{background-color: #fff;display: inline-block;width: calc(14.35% - 8px);float: left;margin-right: 7px; box-shadow: 0px 2px 5px rgba(50,99,17,.18);} .company-list .item:last-child{margin-right: 0;} .company-list .item a{display: flex;align-items: center;justify-content: center;height:104px ;padding: 0 10px;} .company-list .item img{width: 50px;padding-right: 5px;} .company-list .item span{font-size: 15px;font-weight: bold;} .title2{position: relative;margin-top: 40px;} .title2 h1{color: #977046;font-size: 2em;font-weight: bold;padding-left:10px;border-left: 6px solid #977046;line-height: 100%; } .title2 .rightbtn{position: absolute;top: 0;right: 45px;color: #977046;transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .title2 .rightbtn i{font-size:40px;position: absolute;top: -5px;right: -45px;} .title2 .rightbtn span{font-size: 16px;line-height: 180%} .title2 .rightbtn:hover{letter-spacing: 5px;border-bottom: 1px solid #977046;} .orgpic{text-align: center;padding: 50px 0;} .orgpic img{width: 100%;max-width: 1003px;} .culture{background-size: 70%;background-image: url(../images/aculture.png);background-repeat: no-repeat;background-position: center right;margin:20px ;} .culture .infor{background: linear-gradient(to right ,#ffffff, rgba(255,255,255,1), rgba(255,255,255,.5), rgba(255,255,255,0));padding-top: 180px;padding-bottom: 180px;padding-left: 20px;padding-right: 55%;} .culture .infor h1{color: #977046;font-size: 3.1em;position: relative;padding: 25px 0 30px 40px;font-style: italic;font-weight: bold;letter-spacing: 4px;} .culture .infor .iconfont{position: absolute;top: 0;left: 0;opacity: 0.2;font-size: .9em;color: #000;font-weight: normal;font-style: normal;} .contact{background-color:#977046; background-image: url(../images/bgt.png);background-size: 28%;background-position: right bottom;background-repeat: no-repeat;} .contact .infor{padding: 80px 10% 0; color: #fff;} .contact .infor h1{color: #ffd200;font-size: 2em;padding-bottom: 50px;} .contact .infor h6{font-size: 14px;opacity: .5;border-radius: 25px;width: 84px;border:1px solid #fff;text-align: center;line-height: 20px;margin-bottom: 8px;} .contact .infor li{padding-bottom: 35px;} .contact .infor p{font-size: 2em;} .contact .infor p.local{font-size: 1.5em;} .map{height: 750px;} .news .list a .zfx .pic img{opacity: .8;object-fit: cover;width: 100%;height: 100%;} .news .list a:hover .zfx .pic img{transform:scale(1.05); -webkit-transform:scale(1.05); /*兼容-webkit-引擎浏览器*/ -moz-transform:scale(1.05);opacity: 1;} .news .list a:hover .zfx .pic1,.honor .zfx a .pic2{} /*.zfx .pic2,.honor .zfx a:hover .pic1{opacity: 0} .zfx:hover .pic2{opacity: 1}*/ .news .list{position: relative;overflow: hidden;} .news .list .title{position: absolute;bottom: -50px;color: #fff;padding: 30px 5%;width: 90%;} .news .list .title h1{font-weight: bold;padding-bottom: 15px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .news .list .title p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 46px;line-height: 150%;opacity: 0;} .news .list a:hover .title{background-color: rgba(41,41,41,.6);bottom: 0px;} .news .list a:hover .title p{opacity: .8;} .news .list .date{position: absolute;right: 0;top: 0;text-align: center;color: #fff;background-color: #977046;padding: 20px 15px;} .news .list .date h1{font-size: 42px;line-height: 100%;padding-bottom: 3px;} .news .list .date h6{font-size: 20px;} .news .item{border-bottom: 1px solid #d5d5d5;padding:57px 0;} .news .item .time{background-color: #977046;background-repeat: no-repeat;background-position: 60% 50%;color: #ffffff;text-align: right;padding: 10px 9%;height:179px;position: relative;margin-right: 5%;background-size: 80%; } .news .item .time h1{font-size: 42px;line-height: 100%;padding-bottom: 3px;padding:10px 0 5px;} .news .item .time h6{font-size: 20px;padding-top: 45px;} .news .item .time .week{position: absolute;bottom: 30px;right: 9%;} .news .item .infor{} .news .item .infor h2{color: #fff;padding: 5px;margin-bottom: 15px;line-height: 100%;font-size: 16px;background: #977046;display: inline-block;} .news .item .infor h1{padding-bottom: 15px;font-weight: bold;color: #333333;} .news .item .infor p{opacity: .7;color: #333333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 46px;line-height: 160%;} .news .item:hover .infor h1{color: #977046;} .newsarr{background-image: url(../images/listarr.png);background-size: 50%;background-repeat: no-repeat;background-position: center center; height: 199px;opacity: .5;} .news .item:hover .newsarr{opacity: 1;} .news-item{padding:37px 28px 37px;background: #ffffff;border: 3px #ffffff solid;transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .news-item .news-item-top span{font-size: 21px;font-weight: 400;color: #977046;line-height: 100%;font-weight: bold;} .news-item .news-item-top {border-bottom: 1px solid #f2f2f2;padding-bottom: 20px;margin-bottom: 20px} .news-item .news-item-top p{opacity: 0.5; font-size: 14px; color: #4c4c4c; line-height: 26px;} .news-item .news-item-top i{font-size: 32px;opacity: .2;position: relative;top: -8px;} .news-item .news-item-content h1{font-size: 20px; font-weight: bold; color: #000000; line-height: 26px;margin-bottom: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 50px; } .news-item .news-item-content p{ font-size: 14px; font-weight: 400; text-align: left; color: #868686; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; height: 70px;} .news-list a:hover .news-item{border: 3px #977046 solid;position: relative;} .news-list a:hover .news-item:after{content: "";width: 100%;height: 100%;background-image: url(../images/inewsl.png);background-size: 85%;background-repeat: no-repeat;background-position: 0px 0px;position: absolute;right: 0;bottom: 0;opacity: 1;-moz-box-shadow:0px 3px 13px rgba(107,193,53,.5); -webkit-box-shadow:0px 3px 13px rgba(107,193,53,.5); box-shadow:0px 3px 13px rgba(107,193,53,.5);} .study .item{padding: 15px 0;} .study .item .infor p{height: 26px;-webkit-line-clamp: 1;} .study .item .infor h1{font-size: 24px;} .studynav{text-align: center;padding: 50px 0;} .studynav li{display: inline-block;width: 13%;} .studynav li a{display: block;margin: 0 5%;border:5px solid rgba(6,128,67,0);transition:all 0.5s ease; -ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;} .studynav li:hover a{border:5px solid rgba(6,128,67,.5);} .studynav li.on a{border:5px solid rgba(6,128,67,1);} .openlist .item{padding: 0;} .openlist .item .infor h1{padding-bottom: 0} .openlist .newsarr{height: 153px;} .index-zcjy{background-image: url(../images/bg3.jpg) ;background-size: 100% 100%;overflow: hidden;} .index-study{background-image: url(../images/bg4.jpg) ;background-size: 100% 100%;background-position: bottom center; background-repeat: no-repeat;} .index-shuxia{background-image: url(../images/bg2.png) ;background-position: center center; background-attachment: fixed; background-size: cover; position: relative; z-index: 9; background-repeat: no-repeat; overflow: hidden;} .swiper-container-shuxia.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;margin-right: 39px;} .swiper-container-shuxia .swiper-pagination-bullet{height: initial;border: 0;border-radius: 0;background: transparent;width: 175px;height: 104px;overflow: hidden;margin: 0;margin-right: 72px;position: relative;opacity: 1;background-size: 100% 100%;background-repeat: no-repeat;background-position: center;} .swiper-container-shuxia .swiper-pagination-bullet:last-child{ margin-right: 0px!important; } .swiper-container-shuxia .swiper-pagination-bullet p{position: absolute;top: 0;left: 0;bottom:0;right:0;background-color: rgba(0,0,0,.5);color: #ffffff;text-align: center;line-height: 104px;} .swiper-container-shuxia .swiper-pagination-bullet.swiper-pagination-bullet-active p{background-color: rgba(0,0,0,.0);border: 4px solid #977046 ;line-height: 100px;font-size: 16px;} .swiper-container-shuxia .swiper-pagination-bullet.swiper-pagination-bullet-active p{background-color: rgba(0,0,0,.2);} .swiper-container-shuxia .swiper-pagination-bullet{} .swiper-container-shuxia .swiper-wrapper{margin-top: 62px;} .swiper-container-shuxia .swiper-slide{background: #B71B35;} .swiper-container-shuxia .swiper-slide h1{font-size: 30px;font-weight: 400;color: #ffffff;line-height: 32px;letter-spacing: -1px;margin: 73px 54px;position: relative;} .swiper-container-shuxia .swiper-slide h1:after{content: "";display: block;width: 73px;height: 3px;background: #ffffff;position: absolute;bottom: -30px;left: 0;} .swiper-container-shuxia .swiper-slide p{opacity: 0.8;font-size: 14px;font-weight: 400;color: #ffffff;line-height: 26px;padding: 13px 53px} /*.swiper-container-shuxia .swiper-pagination-bullet img{position: absolute;top: 0;left: 0;width: 177px;height: 104px;}*/ .swiper-container-ztzl{top: -180px;} .swiper-container-ztzl .swiper-slide img{width: 100%} .index-ztzl .swiper-button-next,.index-ztzl .swiper-button-prev{background: inherit;top: -60px;outline: none;} .index-ztzl .swiper-button-next i,.index-ztzl .swiper-button-prev i{font-size: 50px;color: #B71B35} .nbanner{height: 395px;position: relative;overflow: hidden;margin-top: 108px;z-index: 1;} .nbanner .nbtit{color: #fff;position: relative; margin-top: 55px;} .nbanner .nbtit h1{ opacity: 0.15;font-size: 253px;opacity: .15;line-height: 100%;} .nbanner .nbtit h2{ font-size: 46px;font-weight: 700;letter-spacing: 10px;} .nbanner .nbtit h3{ font-size: 22px;letter-spacing: 7px;text-transform: uppercase;} .nbanner .nbtit .tit2{position: absolute;left: 0;top: 0;left: 121px; top: 85px;} .nbanner .bgpic{width: 100%;height:100%;background-position: center center;background-repeat: no-repeat;overflow: hidden;background-size: 100%;position: absolute;left: 0;top: 0} .nbanner p{position: relative;top: 105px;font-size: 56px; font-weight: 400; color: #ffffff; line-height: 32px; letter-spacing: 6px; text-shadow: 0px 6px 6px 0px rgba(0,39,93,0.15); display: block; } .news-banner{background-image: url(../images/nnews.png);} .partystudy-banner{background-image: url(../images/npartystudy.jpg);} .party-banner{background-image: url(../images/nbparty.png);} .about-banner{background-image: url(../images/nbabout.png);} .study-banner{background-image: url(../images/nbstudy.png);} .company-banner{background-image: url(../images/nbcompany.png);} .target-banner{background-image: url(../images/nbtarget.png);} .open-banner{background-image: url(../images/nbgongkai.png);} .culture-banner{background-image: url(../images/nblianjie.png);} .id1{margin-top: -60px} .i1pic{width: 1778px;} .i2pic{width: 1728px;} .i3pic{width: 2617px;} .gu{width: 404px;display: none;} .idj{padding-top: 45px;} .bigtitle{ color: #977046; font-size: 26px; padding-bottom: 10px; } .menu2{padding:0 0 50px;position: relative;} .menu2:after{content: '';display: block;position: absolute;left: 0;top: 52px;height: 1px ;width: 100%;background-color: #e0e0e0;z-index: -1;} .menu2 .title{background-color: #fff;display: inline-block;z-index: 9;padding-right: 10px;} .menu2 .title h1{font-size: 38px;color: #141414;font-weight: bold;} .menu2 .title h6{font-size: 18px;color: #141414;opacity: 0.5;text-transform: uppercase;padding-top: 5px;} .m2nav{text-align: right;margin-top: 8px;} .m2nav a{font-size: 22px;color: #4c4c4c;margin-left: 90px;} .m2nav a:hover{color: #977046} .m2nav a.on{color: #977046;font-weight: bold;border-bottom: 5px solid #977046;padding:10px 0;} .nbody{padding-top: 68px;} .nbottom{padding-bottom: 68px;} .nbody:after{content: '';position: absolute;right: 0;bottom:0;background-image: url(../images/bgb.png);background-size: 100%;display: inline-block;padding-top: 60%;width: 80%;background-repeat: no-repeat; z-index: -1;pointer-events: none;} .company{} .company .item{ position:relative;background-color: #f2f2f2;margin-bottom: 50px;} .company .item .pic{width: 45%;} .company .item .infor h1{color: #333;font-size: 32px;font-weight: bold;padding-bottom: 30px;color: #977046;} .company .item .infor .pageinfor{line-height: 180%;} .service{max-width: 1000px;margin: 50px auto;} .thirdnav{background: #977046;border-radius: 60px 60px 0 0;} .thirdnav a{display: inline-block;width: 50%;text-align: center;padding:20px 0;font-size: 20px;border-radius: 55px 55px 0 0;color: #fff;} .thirdnav a.on{background-color: #f2f2f2;font-weight: bold;color: #977046;} .fsgform{background: #f2f2f2;border-radius:0 0 50px 50px;padding:80px 7%;} .fsgform .layui-form-item {margin-bottom: 20px;} .fsgform .layui-form-label{width: 100%;text-align: left;padding: 9px 15px;color: #000;font-size: 16px;position: relative; } .fsgform .layui-btn{border-radius: 50px;height: 60px;line-height: 57px;padding: 0;font-size: 21px;width: 49%;} .fsgform .btn{padding: 50px 0;text-align: center;} .fsgform .att{padding-bottom: 50px;} .fsgform .layui-form-radio div{color: #333;} .redpoint{position:absolute;content: '';left: 3px;top: 10px;color: red;font-style: normal;} .fsgform .layui-input-block{margin-left: 0px;} .fsgform .layui-input, .fsgform .layui-textarea{background: rgba(255,255,255,.8);border:0;font-size: 16px;padding: 15px;height: 56px;} .swiper-container-news-top .swiper-button-next{background-image: url(../images/arr-left.png);background-size: inherit;width: 56px;height: 60px;background-position: -8px -8px;} .swiper-container-news-top .swiper-button-next:hover{background-position: -8px -83px;} .swiper-container-news-top .swiper-button-prev{background-image: url(../images/arr-right.png);background-size: inherit;width: 56px;height: 60px;background-position: -8px -83px;} .swiper-container-news-top .swiper-button-prev:hover{background-position: -8px -8px;} .honor{} .honor .item .pic img{object-fit:contain;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .honor .item{text-align: center;padding-bottom: 30px;} .honor .item .pic{ position: relative;padding-top: 75%;} .honor .item h3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 56px; line-height: 140%;margin-top: 10px;color: #333;} @keyframes scaleAnim{ 0%{ -webkit-transform: scale(1); transform: scale(1); } 100%{ -webkit-transform: scale(1.1); transform: scale(1.1); } } @media screen and (max-width: 6000px){ .top{height: 72px;} .nav {padding-top: 27px;} .logo img {max-width: 350px;} .search-btn {padding: 17px 25px;width: 200px;gap: 15px;} .slideBox {padding-top: 43.4%;margin-top: 72px;} .i2pic{width: 1535px;} .i3pic{width: 2359px;} .gu{width: 384px;} .nbody {padding-top: 48px;} .nbanner {height: 334px;} .nbanner .nbtit h1 {font-size: 221px;} .nbanner .nbtit h2 {font-size: 39px;letter-spacing: 9px;} .nbanner .nbtit h3 {font-size: 17px;letter-spacing: 7px;} .nbanner .nbtit .tit2 {left: 104px;top: 76px;} .news-item .news-item-content h1{font-size: 18px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 55px;margin-bottom: 15px;padding-bottom: 0;} .lun-tu .bd li p .nowrap{font-size: 14px;} .news-item .news-item-content p{line-height: 22px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 46px;margin-bottom: 10px;} .lun-tu{height: 256px;} .news-item .news-item-top {padding-bottom: 17px;margin-bottom: 21px;} .news-item {padding: 25px 28px 25px;} .logo {margin: 12px 0px;} .idj{padding-top: 35px;} .id1{margin-top: 0px} .i1pic{width: 1575px;} .nbanner{margin-top: 72px;} .top-nav2{top:72px;} .top-nav2 li{top: -72px;} .top-nav2 .nav1{margin-left:35%;} .top-nav2 .nav2{margin-left:39%;} .top-nav2 .nav3{margin-left:45.5%;} .top-nav2 .nav5{margin-left:60.5%;} .top-nav2 .nav6{margin-left:68%;} .top-nav2 .nav7{margin-left:50%;} .news .list .title{padding: 26px 4%;width: 92%;} .news .list .title h1{font-size: 1.7em;} .news .item .infor h1{font-size: 1.7em;} .news .item .time{height: 158px; padding: 10px 5%;} .newsarr{height: 158px;background-size: 42%;} .news .item .time h1 {font-size: 3em;} .news .list .date h1{font-size: 3em;} .news .list .date {padding: 12px 15px;} .news .item .time h6 { font-size: 18px; padding-top: 36px;} .menu2 .title h1{font-size:32px; } .menu2 .title h6 {font-size: 14px;} .m2nav a {font-size: 20px;margin-left: 77px;} .m2nav {margin-top: 11px;} .page li{font-size: 16px;} .page li a {padding: 8px 7px;min-width: 22px;} .foot h1{font-size: 22px} .foot h2{font-size: 16px} .links a{height: 44px;line-height: 44px;} .links .content{padding-top: 12px;} .links i{font-size: 18px;} .search-btn .search{width: 38px;height: 38px;line-height: 38px;} .studynav li{width: 12%;} .aboutinfor h2{padding-bottom: 20px;} .aboutinfor {padding-top: 60px;} .title2{margin-top: 10px;} .orgnav a{height: 70px;} .honor .item h3{font-size: 1.1em;} .culture .infor {padding-top: 100px;padding-bottom: 100px;padding-left: 20px;padding-right: 45%;} .contact .infor p {font-size: 1.5em;} .contact .infor p.local {font-size: 1.2em;} .indpart{padding-top: 26px;padding-bottom: 26px;} .indtit {padding-bottom: 16px;} .i3bgpic{width: 38%;} .index-zcjy .content {margin-left: 34%;} .i2bgpic{width: 57%;} } @media screen and (min-width: 1777px){ .layui-col-xl1{width:8.33333333%} .layui-col-xl2{width:16.66666667%} .layui-col-xl3{width:25%} .layui-col-xl4{width:33.33333333%} .layui-col-xl5{width:41.66666667%} .layui-col-xl6{width:50%} .layui-col-xl7{width:58.33333333%} .layui-col-xl8{width:66.66666667%} .layui-col-xl9{width:75%} .layui-col-xl10{width:83.33333333%} .layui-col-xl11{width:91.66666667%} .layui-col-xl12{width:100%} .layui-container{width: 1506px;margin: 0 auto;} } @media screen and (min-width: 1921px){ .layui-container{width: 1701px;margin: 0 auto;} } @media screen and (max-width: 1776px){ .logo{text-align: left;padding-left: 35px;max-width: 389px;display: block;} .nav{padding-top: 17px;} .top{height: auto;padding-bottom: 20px;} .topge{ background-color:rgba(192,192,192,.5);display: block; padding: 0;margin: 0;} .search-btn {padding:9px 17px;} .top-nav2{top: 121px;} .top-nav2 li {top: -121px;} .top-nav2 .nav1{margin-left:7%;} .top-nav2 .nav2{margin-left:16%;} .top-nav2 .nav3{margin-left:24%;} .top-nav2 .nav5{margin-left:40.5%;} .top-nav2 .nav6{margin-left:49%;} .top-nav2 .nav7{margin-left:22%;} .nbanner {margin-top: 119px;height: 22vw;} .nbanner .nbtit{margin-top: 2vw;} .nbanner .bgpic{height: 26vw;background-size: 120%;} .slideBox{margin-top: 121px;} .nbanner .bgpic.partystudy-banner{ background-size: 113%;} .menu2 .title h1{ font-size: 34px;} .menu2 .title h6 {font-size: 15px;} .m2nav{margin-top: 11px;} .m2nav a {font-size: 16px;margin-left: 30px;} .news .list .title h1{font-size: 1.5em;} .news .list .date{padding: 20px 10px;} .news .list .date h1{font-size: 2.7em;} .news .list .date h6 {font-size: 1em;} .news .item .time{background-size: 90%;height: 129px;} .newsarr{height: 129px;} .listpd .newsarr{ height: 189px;} .news .item .infor h1{font-size: 1.5em;} .news .item .time h1{font-size: 2.7em;} .news .item .time h6{font-size: 1em;padding-top: 24px;} .news .item {padding: 30px 0;} .study .item {padding: 0px 0;} .culture .infor {padding-top: 60px;padding-bottom: 50px;padding-left: 20px;padding-right: 40%;} .culture .infor h1{font-size: 2.8em;letter-spacing: 2px;padding: 15px 0 20px 35px;} .bgffffff{background-color: #fff;} .news-item .news-item-top span {font-size: 16px;} .news-item .news-item-top i { font-size: 25px;top: -6px;} .news-item .news-item-top p{display: inline-block;} .news-item .news-item-content h1{font-size: 17px;line-height: 23px; height: 47px;margin-bottom: 14px;} .news-item .news-item-content p{margin-bottom: 7px;-webkit-line-clamp: 2; height: 42px;} .ind2 { width: 59%;padding-left: 0%;} .ind2 .infor h1 {font-size: 32px;} .ind2btn .item h3 {font-size: 16px;} .ind2btn .item h1 {font-size: 21px; } .ind2btn .item .word {top: 19px;left: 7%;} .i2bgpic{top: -25px; right: -5%;} .i3bgpic{width: 700px;left: -15%;} .index-zcjy .content { margin-left: 17%; margin-top: 29px;} .indtit {padding-bottom: 21px;} .index-zcjy .infor .item {padding-bottom: 30px;} .i3bgpic{left: -17%;} .index-ztzl .maintit {font-size: 2.0em;} .pstudy img { width: 174px; } } @media screen and (max-width: 1600px){ .index-zcjy .content { margin-left: 30%;} } @media screen and (max-width: 1248px){ .slideBox{margin-top: 153px;} .nav a{font-size: 14px;} .nav li{margin-left: 23px;} .search-btn{ padding: 20px 20px} .search-btn {padding: 16px 16px;} } @media screen and (max-width: 1201px){ .search-btn{top: -24px; } .nbanner .nbtit h1 {font-size: 189px;} .nbanner .nbtit h2 {font-size: 36px;letter-spacing: 8px;} .nbanner .nbtit h3 {font-size: 15px;letter-spacing: 6px;} .m2nav {margin-top: 17px;} .m2nav a{font-size:16px; } .piece4 a{margin-left: 25px;} .piece5 a{margin-left: 35px;} .company .item .infor h1{font-size: 28px;} .aboutinfor {padding-top: 0px;} .aboutinfor h1{font-size: 2.5em;} .aboutinfor h2 {padding-bottom: 0px;font-size: 2.2em;letter-spacing: 1px;} .aboutinfor img{ width: 7em; top: 0em; left: 31.5em; } .canshu .item{padding: 0;} .canshu h1{font-size: 2em;} .culture{background-size: 100%;background-position:right -20% ;padding-top: 30%;} .culture .infor {padding-top: 30px;padding-bottom: 0px;padding-left: 0px;padding-right: 0%;background:#fff;} .culture .infor h1{font-size: 2.4em;letter-spacing: 2px;padding: 15px 0 0px 35px;} .maintit span{padding-left: 1.5em;font-size: .98em;} .maintit i{font-size: 1.4em;top: 0;} .inewsnav li a{font-size: 1.3em;} .ind2 {width: 100%;} .ind2 .infor p{font-size: 14px;} .ind2 .infor{width: 50%;} .i2nav li{width: 19.5%;} .i2nav li a{font-size: 14px; } .i2bgpic {top: 0px;width: 80%;right: -18%;} .ind2 .infor {padding-bottom: 50px;padding-top: 0px;} .ind2btn .item{padding-top: 60%;} .i2nav {padding-bottom: 10px;} .i3bgpic {width: 500px;left: -15%;} .index-zcjy .content{margin-top: 20px;} .index-zcjy .infor .item .date{font-size: 14px;} .index-zcjy .infor .item .title{font-size: 16px;} .index-study .content li{width: 200px;} .studySwiper .swiper-slide{width:200px} .studyflex{left:300px} .index-study .indtit {padding: 48px 0;} .company-list .item{ width: calc(25% - 7px); margin-bottom: 10px; } .pstudy img { width: 220px; } } @media screen and (min-width: 769px){ .company .item .leftpic{float: left;padding-right: 5%;} .company .item .rightpic{float: right;padding-left: 5%;} .leftinfor{padding-right: 2%;} .rightinfor{padding-left: 45%;} .news .item .layui-row{display: flex;align-items: center;justify-content: center;text-align: justify;} .company .item .infor{overflow-x: auto; overflow-y: scroll; max-height: 90%; /*white-space: nowrap;*/ -webkit-overflow-scrolling: touch;width: 45%;} } @media screen and (min-width: 993px){ .company .item .infor{position: absolute; top: 50%; transform: translateY(-50%);margin:0 4%;} .orgcompany .item .infor{overflow-x: auto; overflow-y: scroll; max-height: 90%; /*white-space: nowrap;*/ -webkit-overflow-scrolling: touch; padding-right: 2%; position: absolute; top: 50%; transform: translateY(-50%); margin: 30px 15px; } .slideBoxbanner .hd:after{content: "";display: block;width: 100%;height: 126px;opacity: 0.7;background: linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,0));position: absolute;bottom: 0;left: 0;z-index: 1} } @media screen and (max-width: 992px){ .slideBoxbanner{overflow:initial} #piao1,#piao2,#piao3,#piao4,#piao5{display:none;} .header{position:relative;z-index:1000;} .header .logo{position:relative;z-index:1000;padding:10px 0;background-color:#ffffff;} .header .top-more{position:absolute;top:15px;right:15px;z-index:1002;width: 101px;} .header .top-more a{padding-left: 20px;display: inline-block;} .header .top-more i{font-size: 28px;} .top{height:50px;background: #ffffff;padding: 6px 0 6px;} .top .logo{margin:0; text-align: left;padding: 0px 0 0 10px;height: auto;} .top .logo img{width: 55%;padding-top: 10px;} .secondnav dl{top: 34px;} .toubu{position: relative;padding: 20px;} .toubu h1{color: #34b666;font-size: 1.2em;font-weight: bold;} .toubu h1 span{color: #34b666;font-size: 1.5em;font-family: 'Impact';font-weight: normal;padding-right: 5px;} .guanbibtn{position: absolute;right: 20px;top: 21px;color: #ffffff; font-size: 30px;font-weight: bold;} .slideBox{margin-top:62px;} #mobileNav a{color:#ffffff;display: block;padding: 16px 0px;} .morebtn{font-size:14px;} .mnav ul{padding:0px 0px 20px;} .mnav li{text-align:left;padding:0 15px;} .mnav li.on{/*border-bottom: 1px solid #00d04f;*/background-color:#34b666; } .mnav li span{color: #fff;font-size: 16px;} .mnav li.active span{color:#00d04f;} .mnav .language:hover span{} .mnav .language .home{margin-right:40px;width:80px;display:inline-block;} .mnav .column2{ border-top:1px solid rgba(255,255,255,0.1); display: none; margin: 15px 0 0;margin: 0 -15px; padding:0 0; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')"; /* For IE 5.5 - 7 */ filter:" progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=180, Color='#333333')"; } .mnav .column2 li{text-align:center;border-bottom:1px solid rgba(255,255,255,0.1);padding-right: 0;padding-left: 0;width: auto;} .mnav .column2 li a{color:rgba(255,255,255,.7);} #mobileNav .column2 a:hover{background-color: rgba(0,0,0,.2);} .mnav > ul > li.active .column2{display: block;} .mnav .pro-column{width:180px;} .mnav .topright li{display: inline-block;width: auto;margin:0 10px;} .mnav .topright ul{text-align: left;} .page a{font-size: 14px;} .nbanner{height: 200px; margin-top: 62px;} .nbanner .bgpic{background-position: 70% center ;background-size: 150%;} .nbanner .nbtit{margin-top: 31px;} .nbanner .nbtit h1{font-size: 135px;} .nbanner .nbtit h2{ font-size: 33px;} .nbanner .nbtit h3{ font-size: 9px;} .nbanner .nbtit .tit2 {left: 58px;top: 42px;} .studynav{overflow-x: auto; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch;padding: 0} .studynav li{margin-left: 0; width: 23%; display: inline-block; text-align: center; font-size: 18px; padding: 23px 0;} .company .item .pic{width: 100%;float:inherit; } .company .item .infor{padding: 20px 5%;} .menu2 .title h1{font-size: 28px;} .menu2 .title h6 {font-size: 14px;} .map {height: 600px;} .contact .infor {padding: 40px 10% 0;} .contact .infor h1{font-size: 1.5em; padding-bottom: 30px;} .contact .infor li {padding-bottom: 31px;} .contact .infor p {font-size: 1.4em;} .contact .infor p.local {font-size: 1.1em;} .orgnav a { width:24.8%;margin-bottom: 1px;} .orgcompany .item .pic{width: 100%;float: inherit;} .orgcompany .item .infor{width: 94%;margin-top: 20px;padding:0 3%;} .orgcompany .title2{padding-bottom: 30px;margin-top: 20px} .slideBoxbanner .hd .igonggao{bottom: -69px;background-color: rgba(6,128,67,1);} .slideBoxbanner .hd div{width: 93%;} .slideBoxbanner .hd ul{margin: 0;text-align: center;} .maintit{font-size: 2.3em;} .imore{ padding: 12px 15px; top: 0px;} .inewsnav{padding-right: 112pxf;} .inewsnav ul {padding-top: 10px;} .index-news{padding-top: 50px;} .lun-tu{height: 65vw} .i3bgpic {width: 608px;left: -40%;opacity: .3} .studyflex{position:relative;left:0;} .index-zcjy .content {margin-left: 0%;margin-top: 0;} .index-zcjy .infor {padding-left: 51px;} .index-study .indtit {padding: 0px 0 28px;} .index-study .content{position: inherit;left: 0px;top: -20px;/*margin-right: -1000px;*/} .news .list .date {padding: 13px 5px;} .news .list .date h1 {font-size: 2em;} .news .list .date h6 {font-size: .8em;} .news .list .title h1 {font-size: 1.3em;} .news .list .title {padding: 15px 3%;width: 94%;} .news .item .time h1 {font-size: 2em;} .news-item .news-item-content h1{height: 24px;-webkit-line-clamp: 1;} .news-item .news-item-content p { margin-bottom: 12px; -webkit-line-clamp: 2; height: 46px; } .i2bgpic {display: none;} .ind2 .infor {width: 100%;} .company-list .item{ width: calc(50% - 3.5px); margin-right: 0px; } .company-list .item:nth-child(odd){ margin-right: 7px; } .piece5 a{margin-left: 15px;} } .layui-col-space60>* {padding: 0px 1.7%;} .layui-col-space60 {margin: 0 -1.7%;} .layui-col-space160>* {padding: 0px 2.7%;} .layui-col-space160 {margin: 0 -2.7%;} .banner2 .slideBox{padding-top:22.3%;}