@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote {margin:0;padding:0;border:0;}
body {color:#333;font-size:14px;font-family:"Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;}
a, a:active{color: inherit;text-decoration: none;cursor:pointer;}
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
a:hover {text-decoration:none;}
img {border:none;vertical-align:middle;max-width:100%;}
ol,ul,li {list-style:none;}
input,textarea,select,button {font:14px "Microsoft YaHei","微软雅黑",Helvetica,Arial,sans-serif;outline:none;-webkit-appearance:none;-moz-appearance:textfield !important;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
.clearfix:after,.clearfix:before {content:"";display:table;clear:both;}
.btn {display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
input.text,textarea.text {display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
.container {width:75%;max-width:1200px;margin:0 auto;position:relative;}

/*首页简介*/
.in-company{padding:50px 0 70px; background: url(../images/about_bgn.jpg) no-repeat center 100%;}
.in-company .company-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;/*align-items:flex-end*/}
.in-company .left .company-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;margin-bottom:40px;position:relative;text-align:left}
.in-company .left .company-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#006600}
.in-company .left .company-title:after{
    content: "";
    width: 70%;
    height: 1px;
    background: #bbb;
    position: absolute;
    top: 50%;
    right: 0;
}
.in-company .left .ny-title{overflow:hidden}
.in-company .left .roll{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px;color:#333}
.in-company .left .roll .sum{font-size:18px;line-height:18px; text-align: center;}
.in-company .left .roll .sum b{ display: block; margin-top: 10px; font-size: 15px; font-weight: 100; color: #666}
.in-company .left .roll .sum span{display:inline-block;font-size:38px;font-weight:100;line-height:26px;color:#006600;margin:0 5px; font-family: fantasy}
.in-company .left{width:calc(46% - 16px)}
.in-company .left .introduce{}
.in-company .left .introduce p{text-indent:2em;text-align:justify;font-size:16px;line-height:2em;color:#555}
.in-company .left .introduce span{font-size:24px;line-height:1em;color:#006600}
.in-company .right{position:relative; width: 50%; }
.in-company .right:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + 25px);height:calc(100% - 80px);background:#006600;content:""}
.in-company .right .bigimg{position:relative;z-index:2;overflow:hidden}
.in-company .right .bigimg img{display:block;transition:all .8s}
.in-company .right .bigimg video{height: 450px; background: #000}

/*首页新闻*/
.in-news{position:relative;padding:60px 0 70px;background:#eee;}
.in-news .news-wrapper{position:relative}
.in-news .news-wrapper .news-name{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;margin-bottom:40px}
.in-news .news-wrapper .news-name .news-title{font-size:28px;line-height:28px;font-weight:bold;padding:0 0 0 20px;position:relative;text-align:left}
.in-news .news-wrapper .news-name .news-title:before{position:absolute;bottom:0;top:0;left:0;transform:translateX(0);width:4px;height:unset;content:"";background:#006600}
.in-news .news-wrapper .news-name .news-more{display:flex;justify-content:flex-end;align-items:flex-end}
.in-news .news-wrapper .news-name .news-more .img2{display:none}
.in-news .news-wrapper .news-name .news-more a{margin-left:11px;color:#999;font-size:16px;line-height:1em;transition:all .5s}
.in-news .news-wrapper .news-name .news-more:hover a{color:#006600}
.in-news .news-wrapper .news-name .news-more:hover .img2{display:block}
.in-news .news-wrapper .news-name .news-more:hover .img1{display:none}
.in-news .news-wrapper .news-content{display:flex;flex-wrap:wrap}
.in-news .news-wrapper .news-content .news-latest{width:50%;height:460px;position:relative}
.in-news .news-wrapper .news-content .news-latest .news-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2;transition:all 1.2s}
.in-news .news-wrapper .news-content .news-latest.on .news-bg{transform:translateX(100%)}
.in-news .news-wrapper .news-content .news-latest a{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.in-news .news-wrapper .news-content .news-latest a img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:all .5s}
.in-news .news-wrapper .news-content .news-latest .swiper-slide-active a img{opacity:1}
.in-news .news-wrapper .news-content .news-list{width:50%;height:460px;padding: 60px 14% 60px 4%;box-sizing:border-box;background:#fff url(../images/newlist.png) bottom center/contain no-repeat}
.in-news .news-wrapper .news-content .news-list .news-item{padding-bottom:64px}
.in-news .news-wrapper .news-content .news-list .news-item:last-child{padding-bottom:0}
.in-news .news-wrapper .news-content .news-list .news-item a{position:relative;display:block}
.in-news .news-wrapper .news-content .news-list .news-item .news-date{color:#999;font-size:16px;line-height:1em}
.in-news .news-wrapper .news-content .news-list .news-item .news-title{margin-top:19px;color:#000;font-size:22px;line-height:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .5s}
.in-news .news-wrapper .news-content .news-list .news-item .news-msg{display:none;height:44px;margin:15px 0 -4px;color:#999;font-size:14px;line-height:22px;overflow:hidden}
.in-news .news-wrapper .news-content .news-list .news-item .news-link{position:absolute;top:50%;right:-92px;transform:translate(50%,-50%);display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;background:url('../images/news_r.png') center no-repeat #006600;opacity:0;transition:all .5s}
.in-news .news-wrapper .news-content .news-list .news-item:hover .news-title,.in-news .news-wrapper .news-content .news-list .news-item.on .news-title{color:#006600}
.in-news .news-wrapper .news-content .news-list .news-item:hover .news-msg,.in-news .news-wrapper .news-content .news-list .news-item.on .news-msg{display:block}
.in-news .news-wrapper .news-content .news-list .news-item:hover .news-link,.in-news .news-wrapper .news-content .news-list .news-item.on .news-link{opacity:1}

/*返回顶部*/
.sidebar.act{right:0}
.sidebar{position:fixed;top:200px;right:-50px;width:50px;height:203px;z-index:100;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.sidebar li{width:auto;height:50px;position:absolute;z-index:20}
.sidebar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#595656;opacity:0.8;border-radius:6px}
.sidebar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px}
.sidebar li a:hover{background-color:#006600;opacity:1}
.sidebar li.message{position:absolute;top:51px;left:0;width:126px}
.sidebar li.telephone{position:absolute;top:102px;left:0;width:172px}
.sidebar li.wechat{top:153px}
.sidebar li.top{top:204px}
.sidebar li.top,.sidebar li.wechat{position:absolute;left:0;width:62px}
.sidebar li.wechat .wechat-code{position:absolute;top:-88px;left:-200px;width:216px;height:216px;padding-bottom:9px;display:none}
.sidebar li.wechat .wechat-code img{display:block;padding:5px;background-color:#FFF;width:188px;height:188px;    box-sizing: border-box;}
.sidebar li:hover .wechat-code{display:block}

/*底部*/
.footer{color:#B3B3B3;background:#181818;}
.footer .footer-wrapper{padding:72px 0 42px;border-bottom:1px solid #3c3c3c}
.footer .footer-wrapper:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.footer .footer-wrapper .footer-info{float:left}
.footer .footer-wrapper .footer-info .footer-logo{display:block;width:230px;margin-bottom:32px}
.footer .footer-wrapper .footer-nav{float:right;display:flex;justify-content:space-between;width:55%;padding-right:14px}
.footer .m-footer-code{display:none}
.footer-info p{margin-bottom:20px;font-size: 16px;}
.footer-info p a{ color:#B3B3B3; font-size: 16px; }
.footer-info .footer-info-tit{margin-bottom:64px;color:#fff}
.footer-info .footer-info-tel{margin-bottom:24px}
.footer-info .footer-info-tel .p1{margin-bottom:15px;font-size: 16px;}
.footer-info .footer-info-tel .p2 a{font-size:32px;color:#fff}
.footer-nav dt{margin-bottom:24px}
.footer-nav dt a{color:#fff;font-size:18px}
.footer-nav dd a{font-size:16px;color:#B3B3B3;}
.footer-nav dd a span{margin-bottom: 20px;display: block;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.footer-nav dd:hover a span{color: #006600;-webkit-transform: translateX(-6px);-moz-transform: translateX(-6px);-ms-transform: translateX(-6px);-o-transform: translateX(-6px);transform: translateX(-6px);}
.footer-bottom{display:flex;justify-content:space-between;padding:25px 0}
.footer-bottom-left{display:flex;align-items:center}
.footer-bottom-left a{margin-left:12px;color:#B3B3B3;}
.footer-bottom-left a:hover{color:#006600 !important;}
.media-icons{display:flex;justify-content:space-between;width:138px}
.media-icons a{position:relative;display:block;width:32px;height:26px;background-repeat:no-repeat}
.media-icons .weibo{background-position:2px center}
.media-icons .wechat{background-position:-52px center}
.media-icons .douyin{background-position:-106px center}
.footer-bottom-right .code-hide{display:none;position:absolute;top:-130px;left:50%;width:120px;height:120px;padding:4px;margin-left:-60px;background:#fff;box-sizing:border-box}
.footer-bottom-right .code-hide::after{position:absolute;left:50%;bottom:-10px;display:block;content:"";width:0;height:0;margin-left:-10px;border-width:10px;border-style:solid;border-top-color:#fff;border-right-color:transparent;border-bottom:none;border-left-color:transparent}
.footer-bottom-right .code-hide img{display:block;width:100%;height:auto}
.footer-bottom-right .wechat:hover .code-hide,.footer-bottom-right .douyin:hover .code-hide{display:block}
.footer-bottom-right{margin-right:28px}
.footer-bottom-right a{background-image:url(../images/media-icons.png)}
.footer a:hover{color:#fff}
.mfooter{display:none}