@charset "utf-8";
/* CSS Document */
.m-nav-btn {display: none;position: absolute;width: 30px;height: 20px;cursor: pointer;right: 20px;top: 23px; }
.m-nav-btn.cur .line1 {transform: rotate(47deg); }
.m-nav-btn.cur .line2 { opacity:0}
.m-nav-btn.cur .line3 {transform: rotate(-47deg); }
.m-nav-btn .line {position: absolute;display: block;width: 100%;height: 2px;background-color: #fff;left: 0;transition: all .5s ease;margin: 0; }
.m-nav-btn .line1 {top: 0;-webkit-transform-origin: left top 0;-ms-transform-origin: left top 0; transform-origin: left top 0; }
.m-nav-btn .line2 { top: 10px; }
.m-nav-btn .line3 {top: 100%;-webkit-transform-origin: left bottom 0; -ms-transform-origin: left bottom 0;transform-origin: left bottom 0; }
.m-nav-btn.cur .line{ background:#00a1e9} 
.header-scroll .m-nav-btn .line, .nheaderbox .m-nav-btn .line{ background:#333}

.m-menu {width: 100%;max-height: calc(100vh - 70px);overflow: scroll; position: fixed;height: 100%;top: 70px;left: 0;padding-bottom: 50px;background: #fff; display:none; z-index:98}
.m-menu li{ padding:0 20px; position:relative}
.m-menu li a{ display:block; color:#333}
.m-menu li .menu_a{ line-height:50px;font-size:16px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.m-menu .item .arrow{ position:absolute; width:40px; height:40px; background:url(../images/icon_01.png) no-repeat right center; background-size:15px auto; right:3%;top:0}
.m-menu .item.active .arrow{background:url(../images/icon_01_h.png) no-repeat right center; background-size:15px auto;}
.m-menu .item.active .menu_a{color:#61a032}
.m-menu .nav-sub{ padding:10px 0 15px; display:none; line-height:28px}
.m-menu .nav-sub a{ opacity:.8}
.mpronav-fir{ position:relative}
.mpronav-fir > i{position:absolute; right:0;top:0; width:40px; height:30px;}
.mpronav-fir > i:before{ content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #666; position:absolute; right:0}
.mpronav-sed{ display:none}
.m-menu .btn{background:#ec7e10; color:#fff; opacity:1 !important; width:100px; text-align:center; margin-top:15px}
/*.m-footer{width: 100%;right: 0;bottom: 0;height:42px;box-shadow: 0 0 3px rgba(0,0,0,.1); position:fixed; background:#ec7e10; color:#fff; display:none; text-align:center; z-index:999}
.m-footer li{ float:left; width:33.33%}
.m-footer li a{ color:#fff; font-size:14px}
.m-footer .ico{ background:url(../images/fltel01.png) no-repeat center; height:20px; display:block; margin-top:3px}
.m-footer li:nth-child(2) .ico{background:url(../images/fltel.png) no-repeat center; }
.m-footer li:nth-child(3) .ico{background:url(../images/flmail.png) no-repeat center; }*/

.m-footer{position:fixed; right:10px; bottom:30%;color:#fff; display:none; text-align:center; z-index:999}
.m-footer a{ display:block; background:#00a1e9 url(../images/c_icon02_w.png) no-repeat center; border-radius:10px; width:50px; height:50px;}

.i-industry-box .m-box{ display:none}
.i-industry-box .m-box .swiper-slide{ width:45%; margin-right:2%}
.i-industry-box .m-box .txt {
    height: 40%;
	padding-bottom:5%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.9));
}

@media screen and (max-width:1920px){.en .banner .txt{width:35%}}
@media screen and (max-width:1680px){
.menu li a,.langbox a{ font-size:16px;}
.nbanner .wrap{ width:85%; margin-left:0; left:7.5%}
.wrap{ width:90%}
}
@media screen and (max-width:1440px){
	.banner .txt{ font-size:20px;}
	.banner .txt h2{ font-size:45px; line-height:55px}
	.banner .txt .more{ margin-top:10%}
	@keyframes mymove
	{
	from {bottom:18%; opacity:0}
	to {bottom:20%; opacity:1}
	}
	
	@-webkit-keyframes mymove 
	{
	from {bottom:18%; opacity:0}
	to {bottom:20%; opacity:1}
	}
	.en .banner .txt{ font-size:20px; width:40%}
	.en .menu{ margin-right:0}
	.en .menu li{ margin-left:50px}
	.nbanner .en{ font-size:30px;}
	.nbanner .cn{ font-size:30px}
	.projectlist li .pic{ left:6%}
	.projectlist li .txt{ padding-right:6%; width:53%}
	.projectlist li:nth-child(2n) .pic{ right:6%}
	.projectlist li:nth-child(2n) .txt{ padding-left:6%}
}
@media screen and (max-width:1400px){
	.projectlist li img{ height:460px}
	.projectlist li:first-child{ margin-top:80px}
}
@media screen and (max-width:1250px){
	.menu li{ margin-left:50px}
	.i-about{ padding:60px 0}
	.i-industry, .i-news{ padding:60px 0}
	.i-about .pic:after{ transform:scale(0.8)}
	.i-about .txt{ padding-top:0}
	.i-about .txt .tit{ font-size:35px}
	.i-about .txt .more{ margin-top:20px}
	.title .cn{ font-size:35px;}
	.title .en{ font-size:30px}
	.i-industry-box .txt h3{ font-size:20px;}
	.en .i-industry-box .txt h3{ line-height:22px}
	.i-industry-box .txt .more{ width:80px; line-height:30px; font-size:12px}
	.i-newscon li h3{ font-size:18px;}
	.i-newscon .left .txt h3{ font-size:18px;}
	.projectlist li .txt{ width:50%}
	.projectlist li img{ height:420px}
	.projectlist li{ height:400px}
	.en .menu li{ margin-left:30px}
	.en .langbox{ margin-left:10px}
	.en .banner .txt{ font-size:16px}
	.en .banner .txt h2{ font-size:30px; line-height:40px}
}

@media screen and (max-width:1024px){
	.menu{ display:none}
	.m-nav-btn{ display:block}
	.header{ padding:0 20px; height:70px; line-height:70px;}
	.header-scroll, .nheaderbox .header{ height:70px; line-height:70px;}
	.nheaderbox{ height:70px;}
	.logo img{ height:50px; width:auto}
	.langbox{ margin-left:0; margin-right:60px}
	.langbox a{ width:35px; height:35px; line-height:35px;}
	.wrap{ width:100%; padding:0 20px}
	.i-industry-box .pc-box{ display:none}
	.i-industry-box .m-box{ display:block}
	.video-show{ width:85%}
	.banner .txt h2{ font-size:35px}
	.banner .txt{ font-size:16px; width:60%}
	.banner .txt .more{ font-size:14px; line-height:30px; width:100px}
	.banner .swiper-pagination-bullet:after{ padding:9px}
	.nbanner .wrap{ display:none}
	.recruit-top{ font-size:20px;padding:20px;}
	.recruit-top .position span{ font-size:14px;}
	.recruit-top .arrow{ right:20px}
	.recruit-top .time{ margin-right:30px}
	.recruit-con{ padding:20px}
	#allmap{ width:50%}
	.lxfs{ width:45%}
	#allmap{ height:300px;}
	.content-contbox{ min-height:inherit}
	.projectlist li .pic{ left:3%}
	.projectlist li .txt{ padding-right:3%}
	.footer-contact{ width:100%}
	.footer-nav{ width:100%}
	.en .banner .txt h2{ font-size:25px}
	.en .banner .txt{ font-size:14px;}
}
@media screen and (max-width:768px){
	.title{ margin-bottom:30px}
	.title .cn{ font-size:30px;}
	.title .en{ font-size:25px}
	.banner .swiper-pagination-bullet:after{ display:none}
	.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}
	.banner .swiper-pagination-bullet{ background:none; border:1px solid #fff}
	.banner .swiper-pagination-bullet-active{ background:#fff}
	.banner .swiper-slide{ height:500px;}
	.banner .swiper-slide a{ display:block}
	.banner .swiper-slide img{object-fit:cover; height:500px;}
	.i-about .pic, .i-about .txt{ width:100%}
	.i-about .pic:after{ display:none}
	.i-about .pic img{ margin-top:20px; width:calc(100% - 20px)}
	.i-about .pic{ margin-bottom:30px}
	.i-about .txt .tit{ font-size:30px; text-align:center;}
	.i-about .txt .more{ width:120px; line-height:35px; height:35px; margin:0 auto}
	.i-about .txt .more:before{ display:none}
	.i-about .txt .more:hover{ background:#0061a3}
	.i-about .video-btn{ margin-top:-40px; left:50%; margin-left:-40px}
	.i-newscon .left,.i-newscon .right{ width:100%}
	.i-newscon .left{ margin-bottom:20px}
	.i-newscon:before{ display:none}
	.i-newscon li:before{ display:none}
	.i-newscon li{ border-bottom:1px solid #d8d8d8; margin-bottom:20px; padding-bottom:20px;}
	.i-newscon li:last-child{ margin-bottom:30px}
	.i-newscon li .time{ padding-left:0}
	.i-newscon li .txt{ padding-left:90px}
	.i-newscon li .intro{ height:auto}
	.i-newscon li .time{ margin-top:2px}
	.i-newscon li .time .day{ font-family:Arial, Helvetica, sans-serif}
	.i-news .more{background: #00a1e9; color:#fff; width:120px; height:35px; line-height:35px; margin:0 auto; padding-top:0}
	.i-news .more:before{ display:none}
	.i-news .more:hover{background: #0061a3;}
	.footer{ padding-top:30px;}
	.footer-nav{ width:100%}
	.footer-nav li{ width:100%; margin-right:0; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:10px;}
	.footer-nav li .tit, .footer-contact .tit{ font-size:16px}
	.footer-nav li .tit{ margin-bottom:10px; position:relative}
	.footer-nav li .tit:after{ content:">";color:#959291; font-size:14px; position:absolute; right:0;}
	.footer-nav li .sub{ display:none;padding-bottom: 10px;}
	.footer-nav li.active .tit:after{ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg)}
	.en .footer-nav li{ width:100%; margin-right:0}
	.footer-contact{ width:100%}
	.footer-link, .copyright{ width:100%}
	.footer-link .cont{ width:180px}
	.copyright{ margin-top:15px}
	.nbanner{ padding-top:0; height:200px;}
	.location{ display:none}
	.inner-nav{ line-height:60px; height:60px; background:#f3f3f3}
	.inner-nav-lf{ float:none; width:100%; display:felx; display:-webkit-flex;}
	.inner-nav-lf a{ margin:0; width:25%; text-align:center}
	.inner-nav-lf a:after, .inner-nav-lf a:before{ display:none}
	.inner-nav-lf .active{ background:#fff}
	.en .inner-nav{ height:auto;}
	.en .inner-nnav .location{ display:block}
	.main{ padding:40px 0}
	.main .ntitle{ margin-bottom:30px; font-size:30px;}
	.dangjiangz .item .txt{ padding:15px}
	.dangjiangz .item h3{ font-size:18px; line-height:24px}
	.dangjiangz .swiper-slide{ width:48%}
	.dangjiangz .swiper-slide:last-child{ display:none}
	.honor li{ width:48%}
	.culture li .txt{ padding:15px; font-size:14px; line-height:24px}
	.newslist li .intro{ display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical}
	.newslist li .time{ margin-top:0}
	.news-content{ padding:0;}
	.recruit-top{ font-size:18px;padding:10px 20px;}
	.recruit-con .tit{ font-size:18px;}
	.recruit-con{ font-size:14px}
	.lxfs, #allmap{ width:100%; position:relative}
	.message .pic{ display:none}
	.messbox{ width:100%; background:none; padding:0}
	.messbox .inp, .messbox textarea{ background:#f3f3f3; border:1px solid #ddd}
	.messbox .item{ margin-bottom:10px}
	.projectlist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;align-items: flex-start;justify-content:space-between}
	.projectlist li{ background:#fff; height:auto; width:45%;margin-bottom:30px}
	.projectlist li,.projectlist li:first-child{ margin-top:0}
	.projectlist li .intro{ display:none}
	.projectlist li .txt{ width:100%; padding:0; padding-top:40px}
	.projectlist li .pic{ position:relative; width:100%; left:auto; overflow:visible; bottom:auto}
	.projectlist li .pic:before{ content:""; width:80%; height:30%;background: #0061a3; position:absolute; right:0;bottom:-15px}
	.projectlist li .pic img{ height:auto; width:calc(100% - 15px); position:relative;}
	.projectlist li h3{ margin-top:0; margin-bottom:20px; font-size:24px; line-height:45px}
	.projectlist li .more{ margin-top:0; width:100px; line-height:30px;}
	.projectlist li:hover img{ -webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
	
	.projectlist li:nth-child(2n) .pic{ right:auto}
	.projectlist li:nth-child(2n) .txt{ padding-left:0}

	.m-footer{ display:block}
	.en .banner .txt{ width:60%}
	.en .banner .txt h2{ font-size:20px; line-height:30px;}
	.en .lxfs .item{ width:100%; margin-right:0}
	.en .culture li:nth-child(4) .txt, .en .culture li:nth-child(5) .txt{ position:relative; background:#fff}
	.en .culture li:nth-child(4) h4, .en .culture li:nth-child(5) h4{color: #333;}
	.en .culture li:nth-child(4) .txt, .en .culture li:nth-child(5) .txt{ color:#5c5c5c}
	.en .culture li .txt{ min-height:220px}
}
@media screen and (max-width:640px){
	.header, .wrap{ padding:0 10px}
	.m-nav-btn{ right:10px;}
	.banner .txt h2{ font-size:30px; margin-bottom:0}
	.banner .txt{ font-size:14px}
	.banner .txt .more{ font-size:12px}
	.i-newscon .left{ height:auto}
	.i-newscon li .time .day{ font-size:20px;}
	.i-newscon li .txt{ padding-left:60px}
	.i-industry-box .m-box .swiper-slide{ width:70%}
	.i-about{ padding:40px 0}
	.i-about .txt .tit{ margin-bottom:20px; font-size:26px}
	.i-about .txt .intro{ font-size:14px; line-height:26px}
	.i-industry, .i-news{ padding:40px 0}
	.title .cn{ font-size:26px;}
	.title .en{ font-size:20px;}
	
	.inner-nav-lf{ font-size:14px}
	.main{ padding:30px 0}
	.main .ntitle{ font-size:26px; margin-bottom:20px}
	.main .ntitle .tit:after{ margin-top:5px;}
	.main .content-about,.main .content{ font-size:14px; line-height:28px}
	
	.hor-more{ width:80px; line-height:30px; margin-top:30px;}
	.culture li, .culture li:nth-child(4), .culture li:nth-child(5){ width:98%;}
	.culture li:nth-child(1), .culture li:nth-child(2), .culture li:nth-child(3), .culture li:nth-child(4){ margin-bottom:10px}
	.culture li .txt, .en .culture li .txt{ height:auto}
	.en .culture li .txt{ min-height:inherit}
	.newslist li h3{ font-size:16px;}
	.newslist li .time{ font-size:12px; margin-bottom:1%}
	.news-content{ font-size:14px;}
	.newtit{ font-size:20px; margin-bottom:0}
	.projectlist li{ width:100%}
	#allmap{ height:240px}
	.en .inner-nav{ display:none}
	.en .inner-nnav{ display:block}
	.recruit-top .position{ width:100%; flex-wrap:wrap}
	.recruit-top .time{ float:left; line-height:15px; font-size:12px}
	.recruit-top .position span{ width:100%; margin-left:0; padding-left:0;font-size:12px;}
	.recruit-top .position span:after{ display:none;}
	.recruit li.cur .position span{color: rgba(255,255,255,.6); }
	.en .title .en, .en .i-about .txt .tit{ font-size:25px;}
	.en .i-industry-box .txt h3{ font-size:18px}
	.en .projectlist li h3{ font-size:20px; line-height:30px; margin-bottom:10px}
	.en .main .ntitle{ font-size:20px}
	.en .newtit{ line-height:24px; font-size:18px;}
}