@charset "utf-8";
/* CSS Document */
.menu-btn{ position: absolute; top:50%; right:0; height:60px; width:25px; margin-top:-45px; cursor:pointer; display:none}
.menu-btn span{display:block; height:3px; width:25px; background:#009a44; margin-bottom:5px}
.menu-btn .line1{ margin-top:36px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999999; position:fixed; text-align:center; display:none}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:60px; display:block}
.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background: #009a44; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li6 a{ background:url(../images/shouye.png) no-repeat center 3px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}
.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25); z-index:999999}
.tanchuang .text{ position:fixed;left:50%; margin-left:-150px;top:20%; width:300px; padding:20px; height:auto; background:#fff; z-index:9999999;box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#009a44}
.tanchuang .text .tel{ background:#009a44; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#009a44; font-size:18px; margin-top:15px}

.phshow{ display:none}
.pcshow{ display: block}


@media screen and (max-width: 1930px){

.banner { width:102%; margin-left:-1%}

}



@media screen and (max-width: 1600px){

.wrap{ width:92%;}	
.banner { width:108%; margin-left:-4%}
.nbanner{ width:110%; margin-left:-5%}

}

@media screen and (max-width: 1450px){
.iabout .wenzi .aquite{ margin-top:50px;}

.iabout .wenzi .atitle h3{ font-size:26px;}
}


@media screen and (max-width: 1366px){
.title h3{ font-size:32px; }
.title:after{ width:35px; height:4px;}
.iabout .wenzi .atitle h3{ font-size:24px;}
.footer .qlink{ padding:20px 0;}
.footer .qlink {font-size:17px;}

.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.iserivce .item .wenzi .conn .kuai{ margin-right:50px;}
	
.nbanner{ width:120%; margin-left:-10%}
}
@media screen and (max-width: 1240px){
.header .menu li .menu_a{margin: 0 15px;}
.banner { width:116%; margin-left:-8%}
.iabout .wenzi .intro p{ -webkit-line-clamp:4;overflow: hidden; }

.footer .qlink {font-size:16px;}
.footer .flx li .icon{ width:76px;  height:76px;}
.footer .flx li{ margin-right:30px}

.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}

.iserivce .item .wenzi h3{ font-size:18px;margin-bottom:20px;}
.nnews .newskuai .wrap{padding: 20px 0;}
}

@media screen and (max-width: 1199px){
	
body{ font-size:15px;}
.header{background:#fff; margin-top:0;box-shadow: 0 0 10px #ccc;}
.header .wrap{box-shadow:none}

.header .logo{ left:0}
.header .tel{ right:0}

#a01, #a02, #a03, #a04, #a05{ margin-top:-90px;}
.space{ height:90px;}
.header .wrap{ height:90px;}
.header .menu li .menu_a{ line-height:90px; }
.nbanner .text{top:90px;height:calc(100% - 90px); }
.header .menu li .menu_a{ font-size:16px}

.iabout .wenzi .intro p{ -webkit-line-clamp:3;overflow: hidden; }
.wrap{ width:96%;}	

.footer .flx li{ margin-right:20px}

.ncontact .title02 h3{ font-size:22px;}
.ncontact .ncleft .conn p{ font-size:17px; }
.header .menu li .menu_a {margin: 0 12px;}

.nnews .newskuai .wenzi h3{ line-height:35px; font-size:16px}
}




@media screen and (max-width: 1023px){
.header .menu, .header .tel{ display:none}
.menu-btn{ display:block}
.footer .flx li:last-child img{ width:100px; height:auto}


.ncontact .ncleft{ float:left; width:50%;}
.ncontact .ncright{ float:right; width:50%;}

.nnews .newskuai .wenzi{ float:left; width:72%; padding: 0 2%;}
.nnews .newskuai .date{ display:none}

.header .menu li .menu_a {margin: 0 10px;}

.nabout04 .picScroll ul li{ width:50%; }
}


@media screen and (max-width: 920px){
#a01, #a02, #a03, #a04, #a05{ margin-top:-80px;}
.space{ height:80px;}
.header .wrap{ height:80px;}
.header .menu li .menu_a{ line-height:80px; }
.nbanner .text{top:80px;height:calc(100% - 80px); }
.header .logo img{ height:60px;}
.header .logo{ margin-top:-30px;}

.banner{ margin-top:60px; border-bottom:solid 4px #009a44; width:126%; margin-left:-13%}
.nbanner{ margin-top:80px;}
.section{ padding:45px 0 55px 0;}
.sectionpre{ padding-top:45px;}
.sectionnext{ padding-bottom:55px;}

.title { margin-bottom:25px; position:relative; padding-bottom:12px;}

.title02{ margin-bottom:30px !important;}
.title h3{ color:#000; padding:0px 0 15px 0}

.title h3{ font-size:30px; }

.iabout .pic{ float:none; width:100%; padding:0; margin-bottom:40px;}
.iabout .wenzi{ float:none; width:100%; margin-top:18px;}

.iserivce .item{ float:none; width:100%; }
.iserivce .item:nth-child(2n){ float:none; margin-top:30px}
.iserivce .item .wenzi .conn .kuai{ margin-right:40px;}

.footer .flx li:last-child { width:100%; max-width:100%}
.footer .flx li:last-child img { display:block; margin:0 auto}
.footer .flx{ padding:20px 0}
.footer .flx li{ padding:10px 0}
.inews .swiper-slide{ margin-bottom:30px;}
.nbanner{ width:140%; margin-left:-20%}

.ncontact .title02 h3{ font-size:20px;}
.ncontact .ncleft .conn p{ font-size:16px; }

.nneck .nguide li{ font-size:16px; min-width:80px}
.nnews .newskuai .wrap{padding:15px 0;}


.nabout01 .picin .pic{padding: 0 10px 10px 0;}

.nabout03 .wenhua .item h3{ font-size:18px;}

}

@media screen and (max-width: 768px){
.title h3{ font-size:28px; }
.iabout .wenzi .atitle{padding-bottom: 15px;margin-bottom: 15px;}
.iabout .wenzi .intro p{ -webkit-line-clamp:5;overflow: hidden; }
.iabout .wenzi .aquite{ margin-top:80px;}
.banner{ width:140%; margin-left:-20%}

.liucheng .item{width:calc(33.33% - 1px); }
.liucheng .item:nth-child(1){ margin-left:16.66%}

.footer .flx{ display:none}
.copyright{ margin-bottom:60px;}
.m-foot{ display:block}


.ncontact .ncleft{ float:none; width:100%; margin-bottom:30px}
.ncontact .ncright{ float:none; width:100%;display: none;}


.nneck .location{padding:8px 0 8px 30px; }

.nneck .nguide li {line-height:46px;}
.nneck .nguide li{ font-size:15px; min-width:66px}


.sanli li{ float:left; width:48.5%; margin-right:0; }
.sanli li:nth-child(3n+1){ clear:none; }
.sanli li:nth-child(2n){ float:right}
.sanli li:nth-child(2n+1){ clear:both; }



.nneck .nguide02{ float:none !important; width:104%; margin-left:-2%; clear:both; }
.title02{ margin-bottom:20px !important}

.newsxiang .newstitle h3{ font-size:24px}

.shangxia{ padding:20px 0; }
.shangxia li{ float:none; text-align:left;}
.shangxia li:nth-child(2n){ float:none; text-align:left;}

.nabout01 .picin{  width:100%; position:relative; float:none; margin-bottom:20px}
.nabout01 .wenzi{ float:none; width:100%;}

.iserivce .item .wenzi .conn .kuai{ margin-right:30px;}

.liucheng .item .wenzi h3{ font-size:16px; }

.nabout03 .wenhua .kpic{ width:100%; max-width:320px; margin:0 auto; position:relative; margin-bottom:30px; left:0}
.nabout03 .wenhua .kpic img{ width:80%; margin:0 auto}
.nabout03 .wenhua .item{ float:none; width:100%;}
.nabout03 .wenhua .item:nth-child(2n){ float:none}
.nabout03 .wenhua .item:nth-child(2n+1){ clear:none}


}


@media screen and (max-width: 640px){
.nabout04 .picScroll ul li{ width:100%; }
.nabout04 .picScroll ul li .pic img{ height:250px}	
}
@media screen and (max-width: 540px){

.inquiry .form .row_1 .column{ float:none; width:calc(100% - 15px); margin-right:0px; position:relative; height:50px}
.title02 h3{ font-size:24px;}

.gygf .pic{ float:none; width:100%;}
.gygf .txt{ width:100%; float:none; padding:5%}
.gygf .item:nth-child(2n) .pic{ float:none}
.gygf .item:nth-child(2n) .txt{ float:none}

.gygf h3{ font-size:18px;}


.nnews .newskuai .pic{ float:none; width:100%; margin-bottom:10px}
.nnews .newskuai .wenzi{ float:none; width:100%; padding: 0 2%;}

.nabout04 .picScroll ul li .pic img{ height:200px}

}