@charset "utf-8";
/* CSS Document */
.m-menubtn{ position: absolute;top:0; right:0; width:60px; height:60px; background:#0e6eb4; display:none}
.m-menubtn span{position: absolute;display: block;width: 22px;height: 2px;background-color: #fff;left:19px; transition: all .5s ease;margin: 0;}
.m-menubtn .line1{top:23px;-webkit-transform-origin:5px 0;-ms-transform-origin:5px 0;transform-origin:5px 0;}
.m-menubtn .line2{top: 29px;}
.m-menubtn .line3{top: 35px;-webkit-transform-origin: left 0;-ms-transform-origin: left 0;transform-origin: left 0;}
.m-menubtn.active .line1 {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}
.m-menubtn.active .line2{ opacity:0}
.m-menubtn.active .line3{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);}

.m-menu{ background:#f5f5f5; position:fixed; left:0;top:0; width:100%; height:100%;display:none; overflow-y:auto; overflow-x:hidden; z-index:99}
.m-menu ul{ width:100%; height:calc(100vh - 20px); padding-top:80px; overflow-y:auto;overflow-x:hidden}
.m-menu a{ display:block}
.m-menu .menu_li{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);-webkit-transition: all .5s ease;-moz--webkit-transition: all .5s ease;-ms--webkit-transition: all .5s ease;-o--webkit-transition: all .5s ease;transition: all .5s ease;margin:0 3%;}
.m-menu .menu_a{ padding: 0 10px; line-height:60px; font-size:17px; color:#222; border-bottom:1px solid #d8d8d8; position:relative}
.m-menu .menu_a i{ width:60px; height:60px;position:absolute; right:0; top:0;}
.m-menu .menu_a i:before{ content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute}
.m-menu .menu_a i:after{content:""; width:20px; height:2px; background:#666; display:block; right:10px;top:29px; position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-menu .menu_li .subnav{ padding:10px 20px; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#e9e9e9;}
.m-menu .menu_a.active i:after{-webkit-transform:rotate(0);-moz-transform:rotate(0); transform:rotate(0);}
.delay01{-webkit-transition-delay:.02s!important;-moz-transition-delay:.02s!important;transition-delay:.02s!important;}
.delay02{-webkit-transition-delay:.06s!important;-moz-transition-delay:.06s!important;transition-delay:.06s!important;}
.delay03{-webkit-transition-delay:.1s!important;-moz-transition-delay:.1s!important;transition-delay:.1s!important;}
.delay04{-webkit-transition-delay:.14s!important;-moz-transition-delay:.14s!important;transition-delay:.14s!important;}
.delay05{-webkit-transition-delay:.18s!important;-moz-transition-delay:.18s!important;transition-delay:.18s!important;}
.delay06{-webkit-transition-delay:.22s !important;-moz-transition-delay:.22s!important;transition-delay:.22s!important;}
.delay07{-webkit-transition-delay:.26s !important;-moz-transition-delay:.26s!important;transition-delay:.26s!important;}
.delay08{-webkit-transition-delay:.30s !important;-moz-transition-delay:.30s!important;transition-delay:.30s!important;}
.m-menu .menu_li.animate{ opacity:1; -webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
.sub-menubg{ position:fixed; width:100%; height:100%; background:#f5f5f5;top:0; left:0; z-index:9; display:none}
.m-servicelist{ margin-top:3%; display:none; padding-bottom:30px}
.m-servicelist .swiper-slide a{position:relative; overflow:hidden; border-radius:25px; display:block}
.m-servicelist .swiper-slide img{ display:block; width:100%; height:auto}
.m-servicelist .swiper-slide .text{ position:absolute; width:100%; height:100%; top:0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0) 50%),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));
    background: -o-linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));
    background: linear-gradient(rgba(0,0,0,0) 50%,rgba(0,0,0,0.9));
	color:#fff;
	display:flex;
	display:-webkit-flex;
	align-content: flex-end;
	flex-wrap:wrap;
	padding:10% 5%;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	transition:.3s;
}
.m-servicelist .swiper-slide .text h3{ font-size:18px;}
.m-servicelist .swiper-slide .text h3,.m-servicelist .swiper-slide .text p{ position:relative; width:100%}
.m-servicelist .swiper-pagination{bottom:0}
@media screen and (max-width:1440px){
	.wrap { max-width: 100%;padding: 0 3%;}
	.menu li{ font-size:16px;}
	.menu .menu_a{ padding:0 20px}
	.search-btn{ margin-left:30px}
}
@media screen and (max-width:1250px){.f-nav li{ margin-right:10%}}
@media screen and (max-width:1200px){
	.search-btn{ margin-left:0}
	.header,.headerbox{ height:80px;}
	.logo{ position:absolute; top:0;}
	.logo img{ max-height:80px}
	.menu li{ line-height:80px;}
	.menu .menu_a{ padding:0 18px}
	.search-btn{ width:60px; height:80px;}
	.flogo{ display:none}
	.footer .left .text{ padding-left:0}
	.footer .left .text:before{ display:none}
	.newscon{ padding:0}
}
@media screen and (max-width:1024px){
	.menu{ display:none}
	.header, .headerbox, .logo a{ height:60px;}
	.logo img{ max-height:80%}
	.search-btn{ height:60px; background-size:15px auto; display:none}
	.m-menubtn{ display:block}
	.banner .swiper-pagination-bullet{ width:10px; height:10px}
	.i-about,.i-service{ padding:45px 0}
	.i-about .left{ width:100%}
	.i-about .left img{ max-width:100%; width:auto; margin:0 auto}
	.i-about .right{ width:100%; margin-top:3%;}
	.i-news .tabtit{ height:150px}
	.i-news .tabtit a,.i-news .tabtit a.active{ width:60px; height:83px; background-size:cover; margin:0 15px}
	.i-news .tabtit span{ padding:0 10px; text-align:center; margin-top:35px; line-height:20px; font-size:16px}
	.i-news .tabcontent{ padding:45px 0}
	.footer{ padding:30px 0}
	.footer .right{ display:none}
	.footer .left{ width:100%}
	.copyright p.fl,.copyright p.fr{ float:none; display: inline}
	.footer .mid li{ max-width:23%}
	.footer .mid li img{ max-width:100%}
	.i-servicelist{ display:none}
	.m-servicelist{ display:block}
	.nbanner .txt{ font-size:40px}
	.main{ padding:40px 0}
	.content_a .kj{ margin-left:0}
	#allmap{ height:400px}
}
@media screen and (max-width:768px){
	.i-about .right h2{ font-size:28px; margin-bottom:0}
	.i-about .right .text p{ margin-bottom:10px}
	.i-about .right ul{ margin:3% 0}
	.title{ font-size:28px; line-height:40px}
	.i-servicelist li .text{ padding:5% 3%; font-size:14px}
	.i-servicelist li .text h3{ margin-bottom:3%}
	.i-news .tabcontent .right{ width:100%; margin-bottom:3%}
	.i-news .tabcontent .left{ width:100%}
	.i-news .tabcontent .left li{ margin-bottom:3%}
	.i-servicelist{ display:none}
	.m-servicelist{ display:block}
	.main .title{ font-size:26px; margin-bottom:3%}
	.n_navlist_4 li{width:48%; margin-bottom:2%}
	.n_navlist_2 li{ width:48%}
	#allmap{ height:350px}
	.affairslist li{ width:98%}
	.branch li{ width:48%}
	.newslist li,.videolist li{ width:48%}
	.newscon .ntit{ font-size:24px; margin-bottom:2%}
	.newscon .ntime{ font-size:12px; padding-bottom:10px; margin-bottom:20px; line-height:20px}
	.video-show{ width:94%}
	.video-close{ right:0}
}
@media screen and (max-width:640px){
	body,.header{ min-width:320px}
	body{ font-size:14px}
	.i-about, .i-service, .i-news .tabcontent,.footer, .main{ padding:6% 0}
	.i-about .right .top{ display:none}
	.i-about .right h2{ font-size:24px}
	.i-about .right .more, .i-news .tabcontent .left .more{ width:90px; line-height:30px; font-size:12px}
	.footer .left .text{ line-height:30px}
	.footer .left .tel2{ margin-top:15px}
	.footer .left .tel2 span{ font-size:18px}
	.footer .mid{ margin-top:5%; padding:15px 0}
	.copyright{ padding-top:4%; font-size:12px; line-height:20px;}
	.n_navlist li{ width:98%; margin-bottom:3%}
	.n_navlist li:last-child{ margin-bottom:0}
	.nbanner .txt{ font-size:30px}
	.culture li{ width:98%}
	.culture li .textbox{ padding:3% 0; position:relative; background:none; color:#333}
	.culture li h3{ margin-bottom:0}
	.lxfs li{ width:100%; padding:0; margin-bottom:2%; text-align:left; padding-left:35px; position:relative}
	.lxfs:before,.lxfs:after{ display:none}
	.lxfs li .icon{ position:absolute; left:0;top:5px}
	.lxfs li .icon img{ height:auto; width:25px}
	.branch li,.newslist li,.videolist li{ width:98%; margin-bottom:3%}
	.page_2 .back a{width: 90px;line-height: 30px;font-size: 12px;}
	.newscon .ntit{ font-size:20px}
	.newDetail{ font-size:14px}
	.location .right{ display:none}
	#allmap{ height:300px}
}
@media screen and (max-width:425px){
	.footer .mid ul{ flex-wrap:wrap;}
	.footer .mid li{ width:48%; max-width:inherit; margin-bottom:2%}
	.footer .mid li img{ width:100%}
	.nbanner .txt{ font-size:22px}
	#allmap{ height:240px}
}