@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: 270px;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 25px;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: 230px;left: 50%;margin-left: -115px;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: capitalize;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{margin-left: 163px;margin-right: 126px;font-size: 0;}

.footer-nav dl{display:inline-block;vertical-align: top;font-size: 14px; margin-left: 20px;margin-bottom: 20px;}

.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;font-size: 13px;}

.footer-nav dl a:hover{color: rgba(255,255,255,1);}

.footer-code{text-align: center;width: 126px;position: absolute;top:0;right: 0;}

.footer-code p{color: #fff;margin-top: 18px;}

.footer-bot{}

.footer-bot .w1400{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-logo{position: absolute;left: 0;top:0;}

/*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;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.banner-titles p{color: #999;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;transition: all .4s;}

.banner-titles{margin-right: 205px;}

.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: 28%;}

.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: 30px;vertical-align: top;}

.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;padding-bottom: 20px;}

.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;height: 468px;overflow: auto;}

.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{display: inline-block;}

.gsimg{position: absolute;left: 0;top:0;height: 100%;right: 426px;}

.data li{font-size: 18px;color: #fff;margin: 35px 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;}

.dere{height: 410px;}

.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: 23.5%;vertical-align: top;font-size: 14px;box-sizing: border-box;border:1px solid #e3e3e3;cursor: pointer;transition: all .4s;margin-right: 2%;margin-bottom: 2%;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: 122px;}

.honor-bot p{;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;text-align: left !important;}

.history-txt p:before{content: "";position: absolute;width: 6px;height: 6px;background: #a7a7a7;border-radius: 100%;left: 0;top:6px;}

.history .swiper-slide{height: 720px;}

.hiscon .img100{margin-bottom: 10px;width: 174px;max-width: 100%;}

.history{z-index: 9;}

.hiscon{height: 360px;overflow: auto;padding-left: 30px;width: 360px;box-sizing: border-box;}

.history .swiper-slide.n4 .hiscon{width: auto;}

.history .swiper-slide.last .hiscon{width: auto;}

.swiper-slide.odd .hiscon{margin-top: 100px;height: 280px;}

.swiper-slide.even .hiscon{margin-top: 360px; padding-top: 28px;}

.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;text-align: justify;}

.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;white-space: nowrap;overflow: auto;padding-bottom: 14px;}

.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;}

.wh-warp{padding: 30px;}

.wh-warp h3{font-size: 22px;margin-bottom: 5px; color: #009944;font-weight: bold;}

.wh-warp p{font-size: 14px;}

.linian{height: 453px;overflow: hidden;}

.linian .position-full{z-index: 1;}

.linian-con{margin: 35px 45px;position: relative;z-index: 5;}

.linian-con p{font-size: 16px;font-weight: bold;margin-bottom: 5px;}

.delng{max-height: 270px;}

/*5.2企业理念4 e*/



/*6.1人才招聘 s*/

.ygfl{overflow: hidden;display: flex;flex-wrap: wrap;}

.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;}

.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;}

/*.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{overflow: auto;}

.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");}

.pr10{padding-right: 10px;box-sizing: border-box;}

/*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: 22px;}

.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;

}



.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; display: none;}

.ban-text .i{animation-delay: 600ms !important;}



.slideUp,.swiper-slide-active .banner-des{

    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);}

}