@charset "utf-8"; @font-face { font-family: dincondbold; src: url("../font/dincondbold.otf"); } @font-face { font-family: dinbold; src: url("../font/dinbold.ttf"); } @font-face { font-family: dincondmedium; src: url("../font/dincondmedium.otf"); } * { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;} html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background-color: #fff;color: #333;} input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";color: #333;} img{ border: none; } h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;} table{width: 100%;border-collapse: collapse;} audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;} html.hide{overflow: hidden;} body.hide{overflow: hidden;} a{color: #333;} .fl{ float: left;} .fr{float: right;} .clear:after{ content: ''; display: table; clear: both; } p{line-height: 1.6em;} .img100 img{vertical-align: bottom;width: 100%;} .middle-box{display: table; height: 100%; width:100%; margin:0 auto; position:relative; table-layout: fixed;} .middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;} .pc-show{display: block;} .wap-show{display: none;} .position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .relative{position: relative;} .text-center{text-align: center;} .overhide{overflow: hidden;} .padding-tb60{padding: 60px 0;} .padding-tb70{padding: 70px 0;} .padding-tb80{padding: 80px 0;} .padding-tb90{padding: 90px 0;} .padding-tb100{padding: 100px 0;} .padding-tb110{padding: 110px 0;} .padding-tb120{padding: 120px 0;} .w1200{width: 1200px;max-width: 92%;margin: 0 auto;} .w1280{width: 1280px;max-width: 92%;margin: 0 auto;} .w1300{width: 1300px;max-width: 92%;margin: 0 auto;} .w1400{width: 1400px;max-width: 92%;margin: 0 auto;} .w1440{width: 1440px;max-width: 92%;margin: 0 auto;} .w1600{width: 1600px;max-width: 92%;margin: 0 auto;} .bgf1{background: #f1f1f1;} .bgf2{background: #f2f2f2;} .bgf3{background: #f3f3f3;} .bgf4{background: #f4f4f4;} .bgf5{background: #f5f5f5;} .bgf6{background: #f6f6f6;} .bgf7{background: #f7f7f7;} .bgf8{background: #f8f8f8;} .bgf9{background: #f9f9f9;} .bgfff{background: #fff;} .padding20{padding: 20px;} .padding30{padding: 30px;} .padding40{padding: 40px;} .padding50{padding: 50px;} .padding60{padding: 60px;} /*header s*/ body{padding-top: 90px;transition: all .4s;} .header{position: fixed;z-index: 999;width: 100%;left: 0;top:0;height: 90px;transition: all .4s;background: #fff;} .header:hover{transform: translateZ(0);} .logo{position: absolute;left: 50px;top:50%;transform: translateY(-50%);} .logo img{display: block;height: 47px;transition: all .4s;} .logofff{position: absolute;left: 0;top:0;height: 100%;opacity: 0;filter: alpha(opacity=0);} .nav-box{margin-right: 286px;position: relative;} .nav-box:before{content: '';position: absolute;right: 0;top:50%;height: 12px;border-left: 1px solid #747474;margin-top: -6px;} .nav li{float: left;position: relative;} .nav-yi{display: inline-block;line-height: 90px;font-size: 16px; padding: 0 33px;transition: all .4s;position: relative;z-index: 3;} .nav-yi span{position: relative;z-index: 1;display: inline-block;color: #4b4b4b;} .nav-yi span:after{position: absolute;z-index: -1;bottom:0;left: 50%;transform: translateX(-50%); height: 2px;background: #009947;width:0;content: "";transition: all .4s;} .nav li.active .nav-yi span:after{width: 100%;} .nav li.active .nav-yi span{color: #009947;} .nav-er{position: absolute;width: 160px;left: 50%;margin-left: -80px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;} .nav-er a{display: block;background: #fff;text-align: center;line-height: 44px;text-transform: uppercase;font-size: 14px;color: #777;} .header-area{position: absolute;right: 45px;height: 22px;margin-top: -11px;top:50%;z-index: 9;padding-left: 30px;} .header-share .weixin{background-image: url("../images/weixin666.png");} .header-share .weibo{background-image: url("../images/weibo666.png");} .qzone{background-image: url("../images/qq.png");} .header-share .hide-code{top:40px;margin-left: -80px;} .language{position: absolute;height: 32px;line-height: 32px;top:50%;margin-top: -16px;right: 177px;width: 35px;} .language-val{color: #707070;font-size: 12px;} .language-box{position: absolute;top:100%;background: #fff;width: 60px;left: 50%;margin-left: -30px;display: none;} .language i{position: absolute;right: 0;top:50%;margin-top: -4px; width: 10px;height: 10px;background: url("../images/sjx10.png") no-repeat center;background-size: cover;transition: all .4s;} .language.active i{transform: rotate(180deg);} .language-box a{display: block;text-align: center;font-size: 12px;line-height: 24px;} .language-box a:hover{background: #009944;color: #fff;} .menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; } .menu-handler .burger{height: 2px; background: #009947; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;} .menu-handler .burger-2{top: 15px; } .menu-handler .burger-3{top: 22px;} .menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; } .menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .index-body{padding-top: 0;} .index-body.is-scroll{padding-top: 0;} .header-style .header{background: none;} /*.header-style .header .nav-yi span{color: #fff;}*/ /*.header-style .logofff{opacity: 1;filter: alpha(opacity=100);}*/ /*.header-style .logo000{opacity: 0;filter: alpha(opacity=0);}*/ /*.header-style .header-share .weixin{background-image: url("../images/weixinfff.png")}*/ /*.header-style .header-share .weibo{background-image: url("../images/weibofff.png")}*/ /*.header-style .nav-box:before{border-color: #fff;}*/ body.is-scroll{padding-top: 80px;} body.is-scroll .header{box-shadow: 0 1px 2px #ddd;height: 80px;} body.is-scroll .nav-yi{line-height: 80px;} /*header e*/ /*footer s*/ .footer{background: #282d30;} .footer-nav dl{float: left;margin-left: 55px;} .footer-nav dl dt{color: #fff;margin-bottom: 20px;} .footer-nav dl dd{margin-bottom: 5px;} .footer-nav dl a{color: rgba(255,255,255,.5);transition: all .4s;} .footer-nav dl a:hover{color: rgba(255,255,255,1);} .footer-code{text-align: center;width: 126px;} .footer-code p{color: #fff;margin-top: 18px;} .footer-bot{} .footer-bot .w1200{border-top: 1px solid #383c3f;padding: 35px 0;} .share a{display: inline-block;vertical-align: middle;width: 26px;height: 26px;margin-left: 10px;position: relative;} .weixin{background-image: url("../images/weixin.png");} .weibo{background-image: url("../images/weibo.png");} .bq span,.bq a{color: rgba(255,255,255,.2);display: inline-block;margin-right: 5px;} .hide-code{position: absolute;width: 126px;height: 0;overflow: hidden; bottom:30px;left: 50%;margin-left: -63px;transition: all .4s;} .share a:hover .hide-code{height: 126px;} .return_top{position: fixed;z-index: 999;width: 48px;height: 48px;border-radius: 100%;bottom:60px;right: 100px;background:#009947 url("../images/top.png") no-repeat center;background-size: cover;cursor: pointer;display: none;} .return_top.active{display: block;} .footer-logo img{height: 47px;} /*footer e*/ /*index s*/ .banner-bot{position: absolute;width: 100%;left: 0;bottom:45px;z-index: 9;} .banner-bot-con{position: relative;} .bannerBtn{position: absolute;left: 0;top:0;width: 240px;text-align: center;height: 100%;border-right: 1px solid #eaeaea;} .bannerBtn span{width: 32px;height: 32px;cursor: pointer;display: inline-block;vertical-align: middle;margin: 0 35px;} .bannerBtn1{background-image: url("../images/btn1.png");} .bannerBtn2{background-image: url("../images/btn2.png");} .banner-title{margin: 0 290px;padding-top: 20px;} /*.banner-titles{display: none;}*/ .banner-titles h2{font-size: 22px;margin-bottom: 5px;transition: all .4s;} .banner-titles p{color: #999;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;transition: all .4s;} .hotnres{margin-left: 290px;} .hotnres a{display: block;height: 100px;padding-top: 20px;box-sizing: border-box;} .hotnres a:hover h2{color: #009944;} /*.hotnres a:hover p{color: #009944;}*/ .nextBanner{position: absolute;width: 175px;height: 80px;right: 10px;top:10px;cursor: pointer;} .bannerPage{position: absolute;z-index: 9;right: 0;top:50%;transform: translateY(-50%);width: 80px;} .bannerPage a{display: block;color: #fff;font-family: Arail;font-size: 22px;margin: 15px 0;position: relative;} .bannerPage a:after{content: '';position: absolute;width: 0;top:50%;margin-top: -1px;height: 3px;background: #fff;right: 0;transition: all .4s;} .bannerPage a.active:after{width: 48px;} .banner-des{text-align: right;margin-bottom: 30px;} .banner-des h2{font-size: 34px;font-weight: bold;color: #009944;margin-bottom: 5px;} .banner-des p{font-size: 26px;font-weight: bold;color: #009944;margin-bottom: 35px;} .ckxx1{display: inline-block;color: #fff;background: #009944;height: 37px;line-height: 37px;width: 135px;text-align: center;border-radius: 37px;} .ckxx1:after{display: inline-block;content: '';width: 12px;height: 10px;background: url("../images/double.png") no-repeat center;background-size: cover;margin-left: 14px;} .title30{margin-bottom: 60px;} .title30 h2{font-size: 30px;font-weight: bold;} .title30 h2 span:nth-child(1){color: #009947;} .title26{margin-bottom: 60px;} .title26 h2{font-size: 26px;font-weight: bold;} .title26 h2 span:nth-child(1){color: #009947;} .about-des{margin-bottom: 80px;} .about-des h3{font-size: 22px;margin-bottom: 15px;} .about-des p{color: #666;width: 605px;max-width: 100%;line-height: 1.8em;} .about-l{width: 45.7%;} .about-list{font-size: 0;} .about-list li{display: inline-block;font-size: 14px;text-align: center;margin-right: 50px;} .about-list li:last-child{margin-right: 0;} .about-list li p{color: #666;font-size: 16px;margin-top: 5px;} .play63{width: 63px;height: 63px;background: url("../images/pl.png") no-repeat center;background-size: cover;} .qyzs .swiper-slide{cursor: pointer;} .sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;} .video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1270px;max-width: 90%;} .video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index: 9;} .video_t a img{width: 100%;vertical-align: bottom;} .video_t video{width: 100%;vertical-align: bottom;} .qyzs .i{position: absolute;left: 50%;top:50%;margin-left: -32px;margin-top: -32px;} .ckxx{display: inline-block;width: 147px;line-height: 45px;border:1px solid #b2b2b2;text-align: center;font-size: 16px;color: #666;position: relative;transition: all .4s;z-index: 4;overflow: hidden;} .ckxx:after{display: inline-block;content: "";width: 15px;height: 15px;background: url("../images/jt.png") no-repeat center;background-size: cover;filter: brightness(0.5);vertical-align: middle;margin-top: -2px;margin-left: 22px;transition: all .4s;} .ckxx i{position: absolute;width: 100%;top:0;left: -100%;height: 100%;background: #009947;z-index: -1;transition: all .4s;} .ckxx:hover{border-color: #009947;color: #fff;} .ckxx:hover:after{filter: invert(0);} .ckxx:hover i{left: 0;} .about-list{margin-bottom: 80px;} .word{position: absolute;left: 0;top:0;width: 51.82%;} .about-r{width: 50%;} .qyzs{margin-bottom: 25px;} .qyzs-a{margin-bottom: 15px;} .qyzs-a img{display: inline-block;vertical-align: middle;} .qyzs-a span{display: inline-block;vertical-align: middle;font-size: 16px;color: #009947;margin-left: 18px;} .qyzs-b{position: absolute;right: 0;line-height: 42px;top:0;font-size: 12px;color: #999;text-transform: uppercase;} .qyzsBtn{position: absolute;right: 0;bottom:0;} .qyzs-c{margin-right: 170px;position: relative;text-align: right;} .qyzs-c p{display: inline-block;background: #fff;color: #999;position: relative;z-index: 3;padding-left: 14px;} .qyzs-c:before{content: '';left: 0;width: 100%;top:50%;border-top: 1px solid #e1e1e1;position: absolute;} .qyzsBtn div{display: inline-block;vertical-align: middle;border:8px solid #fff;width: 0;height: 0;cursor: pointer;transition: all .4s;} .qyzsBtn span{display: inline-block;vertical-align: middle;margin: 0 20px;color: #dadada;} .qyzsBtn .qyzsBtn1{border-right-color: #dadada;} .qyzsBtn .qyzsBtn1:hover{border-right-color: #009947;} .qyzsBtn .qyzsBtn2{border-left-color: #dadada;} .qyzsBtn .qyzsBtn2:hover{border-left-color: #009947;} .title26 p{font-size: 16px;color: #999;margin-top: 6px;} .cpzx-control{position: absolute;right: 0;bottom:0;} .cpzx-control a{font-size: 16px;margin-left: 60px;position: relative;display: inline-block;transition: all .4s;padding-bottom: 9px;} .cpzx-control a.active{color: #009947;} .cpzx-control a:hover{color: #009947;} .cpzx-control a:after{color: #009947;position: absolute;content: '';bottom:0;left: 50%;width: 0;transform: translateX(-50%);height: 3px;background: #009947;transition: all .4s;} .cpzx-control a.active:after{width: 100%;} .cpzx-control a:hover:after{width: 100%;} .cp-img img{max-width: 100%;} .cpplays .swiper-slide{padding-top: 40px;} .cpplays .swiper-slide a{display: block;background: #fff;padding: 35px 20px;text-align: center;transition: all .4s;} .cpplays .swiper-slide a:hover{background: #009947;} .cpplays .swiper-slide a:hover h3{color: #fff;} .cpplays .swiper-slide a:hover p{color: #fff;} a:hover .xie{background: url("../images/xiefff.png") no-repeat center;background-size: cover;} .cpplays .swiper-slide a:hover .xie{transform: rotate(45deg);} .xie{width: 15px;height: 15px;transition: all .4s;background: url("../images/xie.png") no-repeat center;background-size: cover;display: inline-block;} .cp-bot-ms{margin: 30px auto;} .cp-bot-ms h3{font-size: 26px;color: #009947;transition: all .4s;margin-bottom: 8px;} .cp-bot-ms p{color: #999;transition: all .4s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .cpplays3 .cp-img{width: 275px;max-width: 100%; margin: 0 auto;} .cpplays .swiper-slide:nth-child(odd) a{transform: translateY(-40px);} .cpplays{display: none;} .cpplays.active{display: block;} .swiper-dot{margin-top: 60px;} .swiper-dot .swiper-pagination-bullet{width: 10px;height: 10px;background: #c1c6c8;opacity: 1;margin: 0 11px;position: relative;} .swiper-dot .swiper-pagination-bullet-active{background: #009947;} .gsggDot .swiper-pagination-bullet{width: 20px;text-align: center;background: none;font-size: 16px;height: 20px;line-height: 20px;} .gsggDot .swiper-pagination-bullet-active{color: #009947;} .case li:nth-child(1){width: 38%;} .case li .img100{transition: all .4s;} .case li:nth-child(1) .img100{height: 685px;} .case li:nth-child(2){width: 60.57%;position: absolute;right: 0;top:0;} .case li:nth-child(2) .img100{height: 332px;} .case li:nth-child(3){width: 29.57%;position: absolute;right: 31%;bottom:0;} .case li:nth-child(3) .img100{height: 332px;} .case li:nth-child(4){width: 29.57%;position: absolute;right: 0;bottom:0;} .case li:nth-child(4) .img100{height: 332px;} .case a{display: block;position: relative;overflow: hidden;} .case-bot{position: absolute;left: 0;bottom:0;background: url("../images/sd.png") no-repeat top;background-size: cover;width: 100%;height: 120px;} .case-title{position: absolute;left: 40px;right: 40px;bottom:20px;} .case-title h3{color: #fff;font-size: 20px;} .case-title p{color: rgba(255,255,255,.7);font-size: 16px;margin-top: 2px;} .case li:nth-child(1) .case-bot{height: 187px;} .xie-full{width: 40px;height: 40px;background:#009947 url("../images/xiefff-full.png") no-repeat center;background-size: cover;border-radius: 100%;position: absolute;right: 30px;top:45px;transition: all .4s;opacity: 0;} .case li.li1 .case-hie{opacity: 1;} .case li:hover .img100{transform: scale(1.05);} .padding-b80{padding-bottom: 80px;} .news a{display: block;overflow: hidden;} .news-con{padding: 30px 30px 50px;position: relative;transition: all .4s;margin: 7px;} .news-con .img100{position: relative;height: 211px;overflow: hidden;margin: 30px 0;} .news-con .img100 div{transition: all .4s;} .news-con strong{color: #666;font-family: dincondbold;font-size: 32px;} .news-con h3{font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 15px 0;} .news-con p{color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;} .xie40{width: 40px;height: 40px;background: url("../images/xie40.png") no-repeat center;background-size: cover;border-radius: 100%;transition: all .4s;} .news-con:after{content: '';position: absolute;left: 50%;width: 0;bottom:0;background: #009947;height: 5px;transition: all .4s;transform: translateX(-50%);} .news-con:hover{box-shadow: 0 2px 7px 0 #ddd;} .news-con:hover .xie40{background:#009947 url("../images/xiefff-full.png") no-repeat center;background-size: cover;} .news-con:hover .img100 div{transform: scale(1.1);} .news-con:hover:after{width: 100%;} .cpzx-top .title26{margin-right: 330px;} .case-hie{background: #0059a4;text-align: center;opacity: 0;transition: all .4s;} .case-hie-des{width: 250px;max-width: 100%;margin: 0 auto;} .case-hie-des h3{font-size: 20px;font-weight: bold; color: #fff;} .case-hie-des p{font-size: 16px;color: #fff;margin: 25px 0 60px;} .cknr{font-size: 16px;color: #fff;} .cknr:after{content: '';display: inline-block;width: 12px;height: 10px;background: url("../images/double.png") no-repeat center;background-size: cover;margin-left: 10px;} .btn40 div{cursor: pointer;width: 40px;height: 40px;border-radius: 100%;background-color: rgba(255,255,255,.8);top:50%;margin-top: -20px;position: absolute;z-index: 9;transition: all .4s;} .btn401{left: 25px;background-image: url("../images/btn401.png");} .btn402{right: 25px;background-image: url("../images/btn402.png");} .btn40 div:hover{background-color:#009947;} .btn401:hover{background-image: url("../images/btn401-1.png");} .btn402:hover{background-image: url("../images/btn402-1.png");} /*index e*/ /*2.1关于我们 s*/ .ban-text h2{font-size: 26px;color: #fff;line-height: 1em;position: relative;font-weight: bold;} .ban-text p{font-size: 30px;color: rgba(255,255,255,.5);font-family: Arial;line-height: 1em;margin: 15px 0;text-transform: uppercase;} .ban-text h2:before{content: '';position: absolute;top:50%;height: 3px;background: #fff;right: 100%;width: 1920px;margin-right: 15px;} .my-navs{font-size: 0;text-align: center;background: #f3f3f3;} .my-navs a{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 82px;padding: 0 36px;position: relative;transition: all .4s;} .my-navs a:after{content: '';width: 17px;height: 7px;background: url("../images/two.png") no-repeat center;background-size: cover;position: absolute;left: 50%;margin-left: -8px;bottom:18px;transition: all .4s;opacity: 0;} .my-navs a.active{background: #fff;color: #009944;} .my-navs a.active:after{opacity: 1;} .my-navs a:hover{background: #fff;color: #009944;} .my-navs a:hover:after{opacity: 1;} .jtjj-a{background: url("../images/map2.jpg") no-repeat center;background-size: cover;} .jtjj-a .title26{margin-bottom: 35px;} .jtjj-l{margin-right: 466px;} .qoled{margin-bottom: 30px;} .qoled h3{font-size: 16px;color: #fff;margin-bottom: 5px;} .qoled h3 span{color: #fff;font-weight: bold;} .jtjj-a-des{padding: 0 0 50px;} .jtjj-a-des p{text-indent: 2em;color: #666;text-align: justify;} .jtjj-r{position: absolute;right: 0;top:0;height: 100%;width: 426px;background: url("../images/jtjj-r.jpg") no-repeat center;background-size: cover;} .jtjj-a-warp{position: absolute;left: 45px;right: 45px;bottom:28px;} .jtjj-a-warp img{max-width: 100%;} .jyln-title{margin-bottom: 25px;} .jyln-title h3{font-size: 22px;color: #fff;font-weight: bold;margin-bottom:8px;} .jyln-title p{font-size: 18px;color: #fff;} .data{width: 426px;background: #98b7cc;height: 440px;text-align: center;} .data ul{padding: 40px 60px;display: inline-block;} .gsimg{position: absolute;left: 0;top:0;height: 100%;right: 426px;} .data li{font-size: 18px;color: #fff;margin: 25px 0;} .data li span{font-size: 48px;color: #b5383b;font-family: dincondmedium;display: inline-block;vertical-align: middle;margin: -4px 6px 0;} .data li:nth-child(3) span{font-size: 30px;} .margin-b60{margin-bottom: 60px;} .md-big{width: 76%;height: 561px;} .md-swiper-dot{position: absolute;width: 22%;height: 100%;top:0;right: 0;} .md-swiper-dot .swiper-container{height: 100%;} .isr-button{position: absolute;width: 30px;height: 64px;z-index: 9;top:50%;margin-top: -32px;background-color: rgba(0,0,0,.5);transition: all .4s;} .isr-button-prev{left:25px;background-image: url("../images/btn301.png");} .isr-button-next{right:25px;background-image: url("../images/btn302.png");} .md-swiper-dot .swiper-slide{cursor: pointer;} .md-swiper-dot .swiper-slide .position-full{width: auto;left: 6px;right: 0;} .md-swiper-dot .swiper-slide .position-full:before{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);transition: all .4s;content: '';} .md-swiper-dot .swiper-slide .position-full:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: all .4s;content: '';border:4px solid #009946;box-sizing: border-box;opacity: 0;} .md-swiper-dot .active-nav.swiper-slide .position-full:before{opacity: 0;} .md-swiper-dot .active-nav.swiper-slide .position-full:after{opacity: 1;} .isr-button:hover{background-color: rgba(0,153,70,.8);} .md-swiper-dot .swiper-slide .i{width: 0;position: absolute;top:50%;left: -6px;border:6px solid transparent;border-right-color: #009946;display: none;margin-top: -6px;} .md-swiper-dot .active-nav.swiper-slide .i{display: block;} .hjzs-bot{position: absolute;padding: 12px 0;background: rgba(0,0,0,.5);bottom:0;left: 0;width: 100%;} .hjzs-bot p{margin: 0 35px;padding-left: 30px;color: #fff;font-size: 18px;position: relative;} .hjzs-bot p:before{content: '';position: absolute;left: 0;width: 12px;height: 12px;background: #fff;border-radius: 100%;top:50%;margin-top: -6px;} /*2.1关于我们 e*/ /*2.2现任领导2 s*/ .lingdao-img{position: absolute;left: 0;top:0;width: 50%;height: 100%;} .lingdao-con{width: 50%;margin-left: 50%;background: #f3f3f3;min-height: 347px;} .lingdao-warp{padding: 30px 55px;} .lingdao-warp h2{font-size: 22px;color: #c81414;font-weight: bold;margin-bottom: 20px;} .lingdao-warp h3{font-size: 16px;margin-top: 4px;} .lingdao-warp .content p{margin-top: 0px;} .lingdao-warp p{margin-top: 30px;} .xrldDot{position: absolute;width:100%;bottom:16px;text-align: center; z-index: 9;margin-top: 0;} .xrldDot .swiper-pagination-bullet{opacity: 1;background: #fff;margin: 0 6px;width: 8px;height: 8px;} .xrldDot .swiper-pagination-bullet-active{background: #009946;} .margin-b50{margin-bottom: 50px;} .ld-list{border-top: 1px solid #e9e9e9;padding-top: 48px;} .ld-style{ background: #f3f3f3;height: 230px;position: relative;} .ld-style:after{content: '';position: absolute;width: 0;bottom:0;transform: translateX(-50%);left: 50%;transition: all .4s;background: #009946;height: 3px;} .ld-style a{display: block;padding: 25px;} .ld-top{border-bottom: 1px solid #dadada;padding-bottom: 20px;margin-bottom: 20px;} .ld-top strong{font-size: 17px;font-weight: bold;color: #333;margin-right: 12px;transition: all .4s;} .ld-des p{color: #666;} .ld-style:hover:after{width: 100%;} .ld-style:hover strong{color: #009946;} /*2.2现任领导2 e*/ /*2.3企业荣誉 s*/ .honor{font-size: 0;} .honor li{display: inline-block;width: 20%;vertical-align: top;font-size: 14px;box-sizing: border-box;border:1px solid #e3e3e3;cursor: pointer;transition: all .4s;margin-right: 6.66%;margin-bottom: 4.66%;text-align: center;} .honor li:nth-child(4n){margin-right: 0;} .honor .img{height: 345px;position: relative;} .honor .img img{position: absolute;max-width: 100%;max-height: 100%;top:50%;left: 50%;transform: translate(-50%,-50%);} .honor-bot{border-top: 1px solid #e3e3e3;padding: 15px 20px;position: relative;height: 50px;} .honor-bot p{margin-right: 30px;transition: all .4s;} .honor-bot span{position: absolute;right: 20px;top:16px;} .honor li:hover{box-shadow: 0 0 9px 0 #ddd;} .honor li:hover p{color: #009946;} .honor li:hover span{color: #009946;} /*2.3企业荣誉 e*/ /*2.4大事记 s*/ .year{font-size: 32px;font-family: dincondmedium;margin-bottom: 12px;color: #009944;} .history-txt p{font-size: 12px;position: relative;padding-left: 15px;} .history-txt p:before{content: "";position: absolute;width: 6px;height: 6px;background: #a7a7a7;border-radius: 100%;left: 0;top:6px;} .history .swiper-slide{height: 600px;} .hiscon .img100{margin-bottom: 10px;width: 174px;max-width: 100%;} .history{z-index: 9;} .hiscon{height: 300px;overflow: auto;padding-left: 30px;width: 270px;box-sizing: border-box;} .history .swiper-slide.n4 .hiscon{width: auto;} .history .swiper-slide.last .hiscon{width: auto;} .swiper-slide.even .hiscon{margin-top: 280px; padding-top: 47px;} .history:before{content: '';position: absolute;width: 100%;top:50%;left: 0;border-top: 1px solid #e2e2e2;} .history-dot{position: absolute;width: 8px;height: 8px;border:2px solid #009944;border-radius: 100%;top:14px;background: #fff; left: 3px;z-index: 3;} .history-line{position: absolute;left: 8px;top:20px;border-left: 1px solid #e2e2e2;bottom:50%;z-index: 1;} .swiper-slide.even .history-line{top:50%;height: 40px;} .swiper-slide.even .history-dot{top:50%;margin-top: 40px;} .history-box{padding-top: 120px;} .history-warp-mg .swiper-container{padding-right: 100px;} .kedu{position: absolute;bottom:50%;height: 15px;background: url("../images/kdu.jpg");width: 100%;left: 0;z-index: -1;} .hisBtn div{position: absolute;width: 44px;height: 44px;cursor: pointer;top:50%;margin-top: -22px;border-radius: 100%;background-color: #009944;transition: all .4s;z-index: 9;} .hisBtn div:before{position: absolute;width: 100%;height: 100%;top:0;left: 0;content: '';transition: all .3s;} .hisBtn1{left: -70px;} .hisBtn2{right: -70px;} .hisBtn1:before{background: url("../images/441.png") no-repeat center;background-size: cover;} .hisBtn2:before{background: url("../images/442.png") no-repeat center;background-size: cover;} .hisBtn div:hover{background: #e60012;} /*.hisBtn div:hover:before{filter: invert(1);}*/ /*2.4大事记 e*/ /*2.5成员布局 s*/ .cybj-title p{font-size: 14px;} .buju{font-size: 0;} .buju li{font-size: 14px;display: inline-block;vertical-align: top;width: 48.5%;margin-right: 3%;margin-bottom: 4%;} .buju li a{cursor: default;} .buju li:nth-child(even){margin-right: 0;} .buju li h3{transition: all .4s;font-size: 20px;font-weight: bold;margin-top: 22px;margin-bottom: 3px;} .buju li:hover h3{color: #009944;} .buju li .relative{cursor: pointer;} .buju li .relative:hover .buju-hide{opacity: 1;} .buju-hide{position: absolute;width: 100%;top:0;height: 100%;left: 0;background: rgba(0,0,0,.55);opacity: 0;transition: all .4s;pointer-events: none;} .buju-hide .i{position: absolute;width: 48px;height: 48px;background: url("../images/fdj.png") no-repeat center;background-size: cover;left: 50%;top:50%;margin-top: -24px;margin-left: -24px;} /*2.5成员布局 e*/ /*2.6企业宣传 s*/ .xcp{font-size: 0;} .xcp li{font-size: 14px;display: inline-block;vertical-align: top;width: 47.5%;margin-right: 5%;margin-bottom: 5%;text-align: center;cursor: pointer;} .xcp li:nth-child(even){margin-right: 0;} .xcp li p{font-size: 18px;transition: all .4s;margin-top: 22px;} .xcp .i{width: 62px;height: 62px;position: absolute;left: 50%;top:50%;margin-top: -31px;margin-left: -31px;background: url("../images/pl2.png") no-repeat center;background-size: cover;transition: all .4s;} .xcp li:hover .i{background: url("../images/pl.png") no-repeat center;background-size: cover;} .xcp li:hover p{color: #009944;} /*2.6企业宣传 e*/ /*3.1新闻中心 s*/ .new-box{border-top: 4px solid #fff;padding: 50px 0;} .xinwen-a{background: #fff;padding: 15px;margin-bottom: 35px;} .xinwen-a .img100{width: 50.3%;} .xinwen-a-con{position: absolute;width: 49.5%;right: 0;height: 100%;top:0;} .xinwen-a-warp{margin: 40px;} .xinwen-a-warp h3{font-size: 18px;font-weight: bold;margin-bottom: 20px;padding-top: 5%;transition: all .4s;} .xinwen-a-warp p{color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .xinwen-a-warp span{position: absolute;left: 40px;bottom:40px;font-size: 18px;font-family: dincondmedium;color: #999999;} .xinwen-a .swiper-slide:hover h3{color: #009944;} .newDot{position: absolute;z-index: 9;right: 40px;bottom:50px;} .newDot .swiper-pagination-bullet{width: 4px;height: 4px;opacity: 1;background: #d7d7d7;margin: 0 4px;} .newDot .swiper-pagination-bullet-active{background: #009944;} .xinwen{font-size: 0;} .xinwen li{font-size: 14px;display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 2%;cursor: pointer;background: #fff;} .xinwen li a{display: block;padding: 15px;} .xinwen li:nth-child(3n){margin-right: 0;} .xinwen h3{margin: 20px 0 10px;transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 16px;} .xinwen li:hover h3{color: #009944;} .xinwen p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;height: 3.2em; overflow: hidden;font-size: 13px;color: #666;margin-bottom: 15px;} .ckxx2{display: inline-block;position: relative;color: #999;font-size: 13px;margin: 10px 0;padding-right: 30px;} .ckxx2:after{content: '';width: 20px;height: 6px;position: absolute;right: 0;bottom:5px; background: url("../images/jt20.png") no-repeat center;background-size: cover;} .dxggh{padding: 15px;margin-top: 30px;} .dxggh .page{margin-top: 0;} .xwsj{color: #666;font-family: dincondmedium;font-size: 16px;} /*3.1新闻中心e*/ .page{text-align: center;font-size: 0;margin-top: 40px;} .page a{font-size: 18px;color: #a09f9f;display: inline-block;margin: 0 6px;vertical-align: middle;font-family: dincondmedium;position: relative;padding: 0 2px;transition: all .4s;} .page a:after{content: '';position: absolute;bottom:-4px;left: 0;border-top: 1px solid #000;width: 100%;display: none;transition: all .4s;} .page a.active:after{display: block;} .page a.page-btn:after{width: 0;display: none;} .page a.active{border-color: #000;color: #000;} .page a:hover{border-color: #000;color: #000;} .page a.page-btn{font-size: 14px;} .page a.page-left{margin-right: 12px;} .page a.page-right{margin-left: 12px;} /*3.2新闻中心详情 s*/ .d2036,.xwxqfx .share{display: inline-block;vertical-align: middle;margin: 0 10px;} .xwxq-t{border-bottom: 1px solid #ddd;padding:30px 0;max-width: 92%;margin: 0 auto;} .xwxq-t h1{font-size: 22px;margin-bottom: 18px;} .edited{width: 966px;max-width: 92%;margin: 0 auto;padding: 50px 0;} .edited img{display: block;margin: 0 auto 20px;height: auto !important;max-width: 100%;} .edited .pdf img{display: inline-block;width: 24px;margin: -6px 2px 0 0;} .edited .pdf{font-size: 18px;} .edited .pdf a{font-size: 18px !important;} .edited p{margin-bottom: 20px;} .bgededed{background: #ededed;} .oppet{padding-bottom: 60px;} .xwxq-warp{margin: 0 35px;padding: 17px 0;} .d2036{font-family: dincondmedium;font-size: 16px;} .back{font-family: markpro;position: relative;padding-right: 23px;} .back:after{content: '';position: absolute;width: 12px;height: 6px;background: url("../images/12.png") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -3px;} .xwxq-page a{ white-space: nowrap; position: relative; max-width: 40%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; } .xwxq-page a:before{position: absolute;width: 6px;height: 10px;top:50%;margin-top: -3px;content: "";} .xwxq-page a.fl{padding-left: 20px;margin-right: 26px;} .xwxq-page a.fr{padding-right: 20px;} .xwxq-page a.fl:before{background: url("../images/left.png") no-repeat center;background-size: cover;left: 0;} .xwxq-page a.fr:before{background: url("../images/right.png") no-repeat center;background-size: cover;right: 0;} .quanbu{position: absolute;left: 50%;top:50%;margin: -9px 0 0 -48px;} .quanbu img{vertical-align: middle;margin-top: -4px;margin-right: 10px;} .padding-b50{padding-bottom: 50px;} /*3.2新闻中心详情 e*/ /*4.1种猪展示 s*/ .pro li a{display: block;position: relative;} .pro-img{width: 50%;} .pro-con{position: absolute;top:0;width: 50%;height: 100%;} .pro li:nth-child(odd) .pro-con{right: 0;border-right: 1px solid #ddd;} .pro li:nth-child(even) .pro-con{left: 0;border-left: 1px solid #ddd;} .pro li:nth-child(even) .pro-img{float: right;} .pro-warp{margin: 0 60px;} .pro-warp h3{font-size: 22px;font-weight: bold;margin-bottom: 25px;transition: all .4s;} .pro-warp p{font-size: 16px;margin-bottom: 50px;} .ckxx-kuang{background: #fff;font-size: 16px;color: #666;width: 146px;line-height: 46px;text-align: center;transition: all .4s;} .pro li:nth-child(1) .pro-con{border-top: 1px solid #ddd;} .pro li:last-child .pro-con{border-bottom: 1px solid #ddd;} .pro li:hover h3{color: #009944;} .pro li:hover .ckxx-kuang{background: #009944;color: #fff;} /*4.1种猪展示 e*/ /*4.2教槽料 s*/ .dh-san{padding: 35px 0;} .dh-sans{font-size: 0;} .dh-sans a{display: inline-block;font-size: 16px;transition: all .4s;margin: 0 40px;position: relative;} .dh-sans a:after{content: '';position: absolute;width: 0;left: 50%;transform: translateX(-50%);bottom:-8px;border-top: 1px solid #009944;transition: all .4s;} .dh-sans a.active{color: #009944;} .dh-sans a.active:after{width: 100%;} .dh-sans a:hover{color: #009944;} .dh-sans a:hover:after{width: 100%;} .cao{font-size: 0;} .cao li{font-size: 14px;display: inline-block;vertical-align: top;transition: all .4s;position: relative;width: 32%;margin-right: 2%;margin-bottom: 2%;background: #fff;padding-bottom: 30px;} .cao li:nth-child(3n){margin-right: 0;} .cao li p{transition: all .4s;font-size: 16px;text-align: center;z-index: 9;} .cao li:hover{box-shadow: 0 0 14px 2px #ddd;} .cao li:hover p{color: #009944;} /*4.2教槽料 e*/ /*4.3预混料 s*/ /*.yuliao{font-size: 0;}*/ /*.yuliao li{font-size: 14px;display: inline-block;vertical-align: top;transition: all .4s;position: relative;width: 48%;margin-right: 4%;margin-bottom: 4%;background: #fff;}*/ .yuliao li{transition: all .4s;position: relative;background: #fff;font-size: 14px;} /*.yuliao li:nth-child(2n){margin-right: 0;}*/ .yuliao li a{display: block;position: relative;} .yuliao li .img100{float: right;width: 49.6%;} .yuliao-con{position: absolute;left: 0;top:0;height: 100%;width: 46%;} .yuliao-warp{margin-bottom: 30px;} .yuliao-warp h3{font-size: 22px;font-weight: bold;margin-bottom: 15px;transition: all .4s;} .yuliao-warp p{font-size: 16px;margin-top: 5px;} .yuliao li:hover{box-shadow: 0 0 14px 2px #ddd;} .yuliao li:hover h3{color: #009944;} .yuliao-img{width: 46.7%;} .swiper-dot{margin-top: 20px;} /*4.3预混料 e*/ /*4.4产品中心详细 s*/ .cpxq-img{width: 43.33%;} .cpxq-con{width: 50%;padding-top: 60px;} .cpxq-con h1{font-size: 26px;color: #009946;margin-bottom: 15px;font-weight: bold;} .cpxq-top{margin-bottom: 15px;} .cs{font-size: 0;} .cs li{display: inline-block;vertical-align: top;box-sizing: border-box;font-size: 16px;background: #f3f3f3;width: 48%;margin-right: 2%;padding: 8px 25px;margin-top: 12px;} .title22{margin-bottom: 35px;} .title22 h2{font-size: 22px;font-weight: bold;} .title22 p{margin-top: 5px;} .xgcp .swiper-slide{text-align: center;} .xgcp .swiper-slide .img100{background: #fff;} .xgcp .swiper-slide p{font-size: 16px;margin-top: 25px;transition: all .4s;} .xgcp .swiper-slide:hover p{color: #009944;} .xgcpBtn div{cursor: pointer;width: 32px;height: 32px;border-radius: 100%;background-color: #fff;z-index: 9;position: absolute;top:50%;margin-top: -16px;transition: all .4s;} .xgcpBtn1{background-image: url("../images/btn1.png");left: -60px;} .xgcpBtn1:hover{background-image: url("../images/btn1-1.png")} .xgcpBtn2{background-image: url("../images/btn2.png");right: -60px;} .xgcpBtn2:hover{background-image: url("../images/btn2-1.png");} .xgcpBtn div:hover{background-color: #009944;} .fhlb{display: block;margin: 60px auto 0;width: 248px;line-height: 46px;text-align: center;background: #fff;transition: all .4s;} .fhlb:hover{background: #009944;color: #fff;} /*4.4产品中心详细 e*/ /*5.1集团文化2 s*/ .wenhua{font-size: 0;} .wenhua li{display: inline-block;vertical-align: top;font-size: 14px;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%;background: #fff;overflow: hidden;cursor: pointer;} .wenhua li:nth-child(3n){margin-right: 0;} .wenhua-bot{margin: 25px 0;} .wenhua-bot h3{position: relative;margin-right: 100px;padding-left: 15px;font-size: 17px;font-weight: bold;line-height: 1.5em;transition: all .4s;height: 3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; } .wenhua-bot h3:before{position: absolute;top:3px;left: 0;content: "";width: 3px;height: 17px;background: #d0d0d0;transition: all .4s;} .wenhua-bot span{position: absolute;top:0;right: 25px;font-size: 18px;color: #999;font-family: dincondmedium;} .wenhua li:hover h3{color: #009944;} .wenhua li:hover h3:before{background: #009944;} /*5.1集团文化2 e*/ /*5.2企业理念4 s*/ .wh li{float: left;width: 49%;margin-right: 2%;height: 318px; margin-bottom: 2%;position: relative;overflow: hidden;} .wh li:nth-child(even){margin-right: 0;} .wh-con{position: absolute;left: 0;width: 335px;max-width: 92%;background: #fff;bottom:28px;height: 140px;} .wh-warp{padding: 30px;} .wh-warp h3{font-size: 22px;margin-bottom: 5px; color: #009944;font-weight: bold;} .wh-warp p{font-size: 16px;} .linian{height: 453px;overflow: hidden;} .linian .position-full{z-index: 1;} .linian-con{margin: 56px 45px;position: relative;z-index: 5;} .linian-con p{font-size: 22px;font-weight: bold;margin-bottom: 5px;} /*5.2企业理念4 e*/ /*6.1人才招聘 s*/ .ygfl{overflow: hidden;} .ygfl li{float: left;width: 19%;margin-right: 1.25%;box-sizing: border-box;border:1px solid #e7e7e7;text-align: center;transition: all .4s;;} .ygfl li:last-child{margin-right: 0;} .ygfl li img{max-width: 50%;width: 85px;transition: all .4s;filter: grayscale(1);opacity: .9;} .ygfl li h3{font-size: 16px;margin: 10px 0 10px;} .ygfl-con{margin: 0 25px;padding: 40px 0;height: 198px;} .ygfl li:hover{border-color: #009944;} .ygfl li:hover h3{color: #009944;} .ygfl li:hover p{color: #009944;} .ygfl li:hover img{opacity: 1;filter: grayscale(0);} .fzqj-l{width: 37.5%;padding-top: 40px;} .fzqj-l .title22{margin-bottom: 20px;} .fzqj-l p{line-height: 2em;color: #666;} .fzqj-l p span{color: #000;} .fzqj-img{width: 57.25%;} .join-r{position: absolute;top:0;height: 100%;right: 0;width: 46%;} .zp-top{background: #303647;} .zp-top .zp-th{color: #fff;} .zp-th{float: left;width: 20%;box-sizing: border-box;padding: 0 40px;line-height: 54px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .zp-list{margin-top: 15px;} .zp-list .i{position: absolute;width: 13px;height: 9px;right: 60px;top:50%;margin-top: -4px;background-image: url("../images/up1.png");} .zp-list .zp-tr{cursor: pointer;} .zp-con{background: #f9f9f9;padding: 40px;display: none;} .zp-page{margin-bottom: 30px;} .zp-page h4{font-weight: bold;color: #009947;font-size: 14px;margin-bottom: 5px;} .zp-page p{margin: 2px;} .zp-page:last-child p{color: #333;} .zp-page:last-child p a{color: #ff0000;} .zp-tr.active .i:after{opacity: 0;} .zp-box{margin-bottom: 40px;} /*.zp-list .zp-tr:hover .zp-th{color: #eb6100;}*/ /*.zp-list .zp-tr.active .zp-th{color: #eb6100;}*/ .zp-list .zp-tr:hover .i:before{border-color: #009947;} .zp-list .zp-tr:hover .i:after{border-color: #009947;} .zp-list .zp-tr:hover .i{background-image: url("../images/bot5-1.png");} .zp-list .zp-tr.active .i{background-image: url("../images/bot5.png");} /*.zp-box{margin: 15px;}*/ .zp-box .zp-tr{background: #ededed;} /*6.1人才招聘 e*/ /*7.1投资者关系 s*/ .padding-t60{padding-top: 60px;} .zindex5{z-index: 5;} .maodian{position: absolute;left: 0;top:-80px;opacity: 0;} .dongshi{overflow: hidden;} .dongshi li{float: left;width: 19%;margin-right: 1.25%;margin-bottom: 1.25%;background: #f3f3f3;height: 48px;padding: 20px 0;} .dongshi li:nth-child(5n){margin-right: 0;} .dongshi-con{padding: 0 18px;} .dongshi-con h3{font-size: 17px;font-weight: bold;transition: all .4s;position: relative;margin-bottom: 5px;} .dongshi-con p{font-size: 12px;} .dongshi-con h3:before{content: '';width: 4px;height: 20px;background: #cecece;left: -18px;top:2px;transition: all .4s; position: absolute;} .dongshi li:hover h3{color: #009944;} .dongshi li:hover h3:before{background: #009944;} .title26-bot40 .title26{margin-bottom: 40px;} .gpxx{padding: 40px;font-size: 0;} .gpxx-l,.gpxx-r{display: inline-block;vertical-align: middle;font-size: 14px;} /*最新公告*/ .gonggao .query input{ border: 1px solid #eee; width: 200px; line-height: 40px; text-indent:20px; margin-right: 30px;} .gonggao .time{} .gonggao .time { width: 400px;border: 1px solid #eee;line-height: 40px; text-indent:10px; margin-right: 30px;} .gonggao .time .w45{ width: 42%;} .gonggao .time span{ margin: 0 3%;} .gonggao .chaxu a{ background: #0055cc; text-align: center; color: #fff; width: 100px;line-height: 40px;border-radius:5px; float: left;} .gonggao_title{ text-align: left; border-bottom:1px solid #dddddd; line-height: 70px;} .gonggao_title .shijian{ position: absolute; right: 0; top: 40%; } .gonggao_title .shijian .relative{padding-right: 15px;} .gonggao_title .shijian .up_arrow{ position: absolute; top: 2px; height: 5px; right: 0;} .gonggao_title .shijian .down_arrow{ position: absolute; bottom: 2px;height: 5px; right: 0;} .gonggao_title .shijian img{ vertical-align: top;} .gonggao_mian .gonggao_list a{line-height: 70px;border-bottom:1px solid #dddddd; display: block; width: 100%;} .gonggao_mian .gonggao_list span{ position: absolute; right: 0; color: #999;} /*.gpxx-l{width: 44%;margin-right: 2%;}*/ .gpxx-r{width: 54%;} .gpxx-code{display: inline-block;font-size: 16px;margin-right: 30px;} .gpxx-code span{font-size: 22px;font-family: dincondbold;} .gpxx-vale{display: inline-block;} .gpxx-num{font-family: dincondbold;font-size: 40px;} .gpxx-dw{font-family: dincondbold;font-size: 16px;} .gpxx-vale1 span{color: #d61b1b;} .gpxx-vale3 span{color: #009947;} .gitlgt{font-size: 0;border-left: 1px solid #ddd;} .gitlgt li{font-size: 14px;display: inline-block;vertical-align: top;width: 33%;margin-right: 0.5%;text-align: center;} .gitlgt li:last-child{margin-right: 0;} .gitlgt-con{text-align: left;display: inline-block;} .gitlgt-top span{font-size: 32px;font-weight: bold;} .gitlgt-top i{font-style: normal;margin-left: 8px;} .gsgg a{display: block;border:1px solid #e0e0e0;position: relative;padding: 12px 25px;} .gsgg a p{margin-right: 80px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;} .gsgg a span{position: absolute;right: 25px;top:17px;font-family: dincondmedium;font-size: 13px;color: #999;transition: all .4s;} .gsgg a:hover p{color: #009944;} .gsgg a:hover span{color: #009944;} .nbxx a{text-align: center;} .nbxx a p{font-size: 16px;color: #666;transition: all .4s; margin-top: 15px;} .nbxx a:hover p{color: #009944;} .xznf{width: 113px;height: 30px;line-height: 30px;border:1px solid #e0e0e0;position: absolute;right: 0;top:34px;text-align: center;cursor: pointer;} .xznf-value{margin-right: 22px;} .xznf:after{content: '';position: absolute;vertical-align: middle;width: 16px;height: 16px;background: url("../images/phone-arrow.png") no-repeat center;background-size: cover;right: 15px;top:50%;margin-top: -7px; transition: all .4s;} .xznf.active:after{transform: rotate(180deg);} .xznf-list{position: absolute;left: -1px;top:32px;width: 100%;background: #f3f3f3;border:1px solid #f3f3f3;max-height: 180px;overflow: auto;display: none;} .xznf-list a{display: block;text-align: center;transition: all .4s;} .xznf-list a:hover{color: #009944;} .scrollBar::-webkit-scrollbar {width: 6px;height: 6px;} .scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;} .scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;} .scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;} .gongzuo-img{width: 50%;} .gongzuo-con{position: absolute;width: 50%;height: 100%;top:0;right: 0;background: #f3f3f3;} .gongzuo-warp{margin: 50px 35px;} .gongzuo-warp h3{font-size: 18px;font-weight: bold;margin-bottom: 20px;} .gz-page{position: absolute;z-index: 9;right: 35px;bottom:40px;} .gz-page span{color: #666;font-size: 18px;} .gz-page span.gz-page1{font-size: 26px;} .gzBtn{position: absolute;z-index: 9;left: 50%;margin-left: 35px;bottom: 40px;} .gzBtn div{display: inline-block;cursor: pointer;width: 24px;height: 24px;opacity: 0.5;transition: all .4s;} .gzBtn div:hover{opacity: 1;} .gzBtn1{background: url("../images/btn1.png");} .gzBtn2{background: url("../images/btn2.png");} /*7.1投资者关系 e*/ /*8.1联系我们 s*/ .yxgs-img{width: 50%;} .yxgs-l{padding-top: 50px;width: 48%;} .yxgs-l h2{font-size: 22px;font-weight: bold;margin-bottom: 10px;} .yxgs-l h3{font-size: 18px;margin-bottom: 56px;} .yxgs-l p{font-size: 16px;} .yxgs-l p strong{font-family: dincondmedium;} .contact-page{border-top: 1px solid #e5e5e5;padding: 30px 0;} .contact-page h3{font-size: 22px;font-weight: bold;margin-bottom: 20px;} .dianhuas{display: inline-block;margin-right: 20px;font-size: 16px;margin-bottom: 5px;} .dianhuas i{font-style: normal;} .dianhuas strong{font-family: dincondbold;font-size: 18px;margin-right: 8px;} .dianhuas strong:last-child{margin-right: 0;} .dianhuas:last-child{margin-right: 0;} .map{height: 442px;} .map h5{font-size: 17px;font-weight: bold;} .zgs{display: flex;flex-wrap: wrap;} .zgs li{float: left;width: 23.5%;margin-right: 2%;font-size: 16px;margin-top:10px;margin-bottom: 10px;} .zgs li a{display: inline-block;border-bottom: 1px solid #fff;padding-bottom: 5px;} .zgs li.active a{border-color: #009944;color: #009944;} .zgs li:nth-child(4n){margin-right: 0;} /*8.1联系我们 e*/ /*8.2投诉建议 s*/ .yxgs-l2 h5{margin-bottom: 20px;} .yxgs-l2 h2{margin-bottom: 30px;} .yxgs-l2 p{margin-top: 5px;} .zxzx{padding: 32px;} .zxzx-con{padding: 50px 40px;} .margin-b50{margin-bottom: 50px;} .input-style{background: #f2f2f2;position: relative;margin-bottom: 2%;} .input-style .text{display: block;width: 100%;height: 46px;line-height: 46px;background: none;} .input-style span{display: block;width: 60px;text-align: right;position: absolute;left: 0;line-height: 46px;} .input-style span i{color: #f00;font-style: normal;margin-right: 2px;} .input-clo3{width: 32%;margin-right: 2%;float: left;} .margin-right0{margin-right: 0;} .input-right{margin-left: 60px;} /*.closetext{position: absolute;width: 14px;height: 14px;background: url("../images/gb14.png") no-repeat center;background-size: cover;right: 14px;top:50%;margin-top: -7px;cursor: pointer;display: none;}*/ .input-yx{width: 66%;} .input-nr{width: 100%;} .textarea{display: block;margin: 14px 14px 14px 0;} .textarea textarea{display:block;width:100%;resize:none;height: 180px;background: none;} .input-nr .closetext{top:auto;right: 14px;bottom:14px;} .tj{width:142px;text-align:center;height:42px;line-height:42px;color:#fff; background:#009946;display: inline-block;} .shiming{padding-top: 10px;} .shiming p{line-height:42px;} .bitian{margin-bottom: 30px;} /*8.2投诉建议 e*/ .gonggao li{border:1px solid #ddd;margin-bottom: 20px;transition: all .4s;} .gonggao li a{display: block;padding:30px 50px;} .gonggao-des{padding-right: 80px;padding-bottom: 30px;} .gonggao-des h3{font-size: 16px;transition: all .4s;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .gonggao-des p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color: #666;} .gonggao-des .i{width: 30px;border-top:1px solid #ddd;margin: 20px 0;} .gonggao-time{position: absolute;right: 0;top:0;text-align: right;transition: all .4s;} .gonggao-date{font-size: 18px;transition: all .4s;} .gonggao-time div{color: #666;} .ggjt{position: absolute;right: 0;bottom:0;width: 32px;height: 32px;background: url("../images/btn2.png") no-repeat center;background-size: cover;border:1px solid #999;border-radius: 100%;transition: all .4s;} .gonggao li:hover{background: #009946;border-color: #009946;} .gonggao li:hover h3{color: #fff;} .gonggao li:hover p{color: #fff;} .gonggao li:hover div{color: #fff;} .gonggao li:hover .ggjt{filter: invert(3);border-color: #000;} .siliao-top{border:1px solid #cdcdcd;padding: 20px 0;} .siliao-img{width: 35%;} .siliao-con{width: 60%;position: absolute;right: 0;top:0;height: 100%;box-sizing: border-box;padding-right: 60px;} .siliao-con strong{color: #009944;display: block;font-weight: bold;margin-top: 20px;margin-bottom: 5px;} .siliao-con span:first-child{margin-top: 0;} .stock{position: absolute;right: 24px;width: 135px;line-height: 26px;} .stock span{display: inline-block;vertical-align: middle;} .stock span:last-child{font-family: dincondbold;font-size: 18px;margin-top: -2px;} .cpzx-list{padding-top: 30px;} .cpzx-list li{float: left;width: 23.6%;margin-right: 1.866%;background: #fff;border-top-right-radius: 14px;overflow: hidden;position: relative;transition: all .4s;} .cpzx-list li:hover{box-shadow: 0 0 14px #ddd;} .cpzx-list li a{display: block;position: relative;padding-bottom: 12px;} .cpzx-list li:last-child{margin-right: 0;} .cpzx-list li:nth-child(even){margin-top: 60px;} .cpzx-title{height: 154px;box-sizing: border-box;} .cpzx-title img{width: 72px;max-width: 80%;} .cpzx-title p{font-size: 16px;color: #fff;margin-bottom: 20px;} .cpzx-list li .i{position: absolute;left: 0;bottom:0;height: 12px;background: #0a9e4a;width: 100%;} .cpzx-list li:nth-child(1) .i{background: #3d9ec9;} .cpzx-list li:nth-child(2) .i{background: #e49631;} .cpzx-list li:nth-child(3) .i{background: #b6383b;} .cpzx-list li:nth-child(1) .cpzx-title{background: url("../images/221.png") no-repeat center;background-size: 100% 100%;} .cpzx-list li:nth-child(2) .cpzx-title{background: url("../images/222.png") no-repeat center;background-size: 100% 100%;} .cpzx-list li:nth-child(3) .cpzx-title{background: url("../images/223.png") no-repeat center;background-size: 100% 100%;} .cpzx-list li:nth-child(4) .cpzx-title{background: url("../images/224.png") no-repeat center;background-size: 100% 100%;} .wrlt{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;} .wrlt:nth-child(even){margin-right: 0;} /*.viewer-container, .viewer-footer, .viewer-player{left: 10% !important;right: 10% !important;bottom:10% !important;}*/ .bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:99999;border: 10px solid #fff;} .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 99998;transition:all 1s;display: none} .bigbox{width:840px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;} .bigbox>.imgbox{width:400px;height:250px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;} .bigbox>.imgbox>img{width:100%;} .imgbox:hover{cursor:zoom-in} .mask:hover{cursor:zoom-out} .mask>img{position: fixed;right:10px;top: 10px;width: 60px;} .mask>img:hover{cursor:pointer} #imgBox img{ display: block; width: 80%; margin: 30px auto; } #fullPage{ display: none; background: rgba(0,0,0,.75); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 19930428; } #fullPage img{ display: block; width: 100%; } #canvas{ width: 100%; height: 100%; background: none; display: block; } /*节日 s*/ .fes0 .nav-yi span{color:#fff;} .fes0 .stock{color:#fff;} .fes0 .header-share .weixin { background-image: url(../images/weixinfff.png); } .fes0 .language-val{color:#fff;} .fes0 .language i{filter: brightness(3);} .fes0 .nav-box:before{border-color: #fff;} /*节日 e*/ .imgscale .img100{overflow: hidden;} .imgscale .img100 img{transition: all .4s;} .imgscale:hover .img100 img{transform: scale(1.1);} .background-cover,.share a,.xgcpBtn div,.btn40 div{ background-repeat: no-repeat; background-size: cover; background-position: center; } .ban-text p{animation-delay: 300ms !important;} .ban-text .i{animation-delay: 600ms !important;} .slideUp,.swiper-slide-active .banner-des{ animation:slideUp 1s both;-webkit-animation:slideUp 1s both; } .slideUp,.swiper-slide-active .yeji{ animation:slideUp 1s both;-webkit-animation:slideUp 1s both; } @keyframes slideUp{ 0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);} 100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);} } .slideLeft{ animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both; } @keyframes slideLeft{ 0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);} 100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);} } .slideRight{ animation:slideRight 1s both;-webkit-animation:slideRight 1s both; } @keyframes slideRight{ 0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);} 100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);} } .tobig{ animation:tobig 1s both;-webkit-animation:tobig 1s both; } @keyframes tobig{ 0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);} 100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} }