@charset "utf-8";
/* CSS Document */
.m-menubtn{ position: absolute;top:0; right:0; width:60px; height:60px;background: #2d2f7f; color:#fff;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: 25px;-webkit-transform-origin: 5px 0;-ms-transform-origin: 5px 0;transform-origin: 5px 0;}
.m-menubtn .line2{top: 31px;}
.m-menubtn .line3{top: 37px;-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:#fff; 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 - 70px); padding-top:70px; overflow-y:auto;overflow-x:hidden; padding-left:3%; padding-right:3%}
.m-menu a{ display:block}
.m-menu .menu_li{ position:relative;-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;}
.m-menu .menu_a{line-height:50px; font-size:16px; color:#222;border-bottom: 1px solid rgba(0, 0, 0, 0.1);position:relative}
.m-menu .menu_li .arrow{position: absolute; right: 0;top: 0;width: 60px;height:50px;display: block;cursor: pointer;}
.m-menu .menu_li .arrow:before{ content:"";display: block;position: absolute;top: 26px;right: 0;width: 20px;height: 2px;background-color: #999;}
.m-menu .menu_li .arrow:after{ content:"";display: block;position: absolute;top: 26px;right: 0;width: 20px;height: 2px;background-color: #999;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;-o-transition: transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s;}
.m-menu .menu_li .subnav{ padding:15px 0; line-height:28px; font-size:14px; display:none;}

.m-menu .menu_li.active .menu_a{ color:#2d2f7f; font-weight:bold}
.m-menu .menu_li.active .arrow:before,.m-menu .menu_li.active .arrow:after{ background:#2d2f7f}
.m-menu .menu_li.active .arrow:after{-webkit-transform: rotate(0);-ms-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-menu .inquiry{ border-bottom:none;}
.m-menu .inquiry a{ display:block; width:100px; line-height:35px; text-align: center;background: #e89211; color:#fff; margin-left:3%; margin-top:20px; margin-bottom:20px}
.m-menu .lang_2{ border-bottom:none;padding-left:3%}
.m-news{ display:none; background:#f3f3f3;padding:50px 0}
.m-news .tabs{ margin-bottom:30px; text-align:center}
.m-news .tabs a{ display:inline-block;font-size:18px; color:#333; font-weight:600; margin:0 10px; position:relative}
.m-news .tabs a.cur{color:#2d2f7f}
.m-news .tabs a.cur:after{ content:""; width:100%; height:2px; background:#2d2f7f; position:absolute; left:0;bottom:-3px}
.m-newslist{ padding-bottom:30px}
.m-newslist .swiper-slide img{ display:block; width:100%}
.m-newslist.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0px}
.m-newslist .swiper-pagination-bullet{ width:12px; height:12px; background:none; opacity:1; border:1px solid #ddd; position:relative}
.m-newslist .swiper-pagination-bullet-active{ border:1px solid #2d2f7f}
.m-newslist .swiper-pagination-bullet-active:after{ content:""; width:4px; height:4px; position:absolute; background:#2d2f7f; left:3px;top:3px; border-radius:50%}
.m-newslist h3{ color:#333; font-size:18px; margin-bottom:10px; margin-top:15px}
.m-newslist .intro{ color:#888; font-size:14px;line-height:24px; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.m-footer{width: 100%;right: 0;bottom: 0;height:42px;box-shadow: 0 0 3px rgba(0,0,0,.1); position:fixed; background:#2d2f7f; 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:12px}
.m-footer .ico{ background:url(../images/fltel.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-pronav-sed{ display:none;}
@media screen and (max-width:1920px){
	
}
@media screen and (max-width:1600px){
	.wrap{ max-width:100%; padding:0 5%}
	.i-news .right{ padding-right:5%}
	.i-newscon, .i-newslist{ height:260px}
	.i-newslist .more{ margin-top:50px;}
	.logo{ left:3%}
	.header .tel{padding-right:2%; padding-left:50px;background: #2d2f7f url(../images/tel.png) no-repeat 20px 39px;}
	.menu{ margin-right:0}
	.menu li{ font-size:16px}
	.menu .menu_a{ padding:0 25px}
	.header .tel .span2{ font-size:20px}
	.footer-top .mid{margin-left:10%; max-width: calc(90% - 410px);}
	.footer-top .ewm{ right:5%}
	.newscon .left{ width:260px}
	.newscon .right{width: calc(100% - 350px);}
}
@media screen and (max-width:1400px){
	/*.menu{ margin-right:2%}*/	
	/*.header .tel{ padding-right:2%; padding-left:50px;background: #2d2f7f url(../images/tel.png) no-repeat 20px 39px;}*/
	
}
@media screen and (max-width:1250px){.menu .menu_a {padding: 0 15px;}.header .tel .span2{ font-size:16px}.header .tel .span3{ margin-left:10px; padding-left:10px;}.footer-top .mid{ margin-left:5%;max-width: calc(95% - 500px);}.imglist li img{height: 240px !important;}}
@media screen and (max-width:1024px){
	.headerbox{ height:60px;}
	.menu,.header .tel{ display:none}
	.logo a{ height:60px;}
	.logo img{max-height: 80%;}
	.logo{ left:3%}
	.wrap{ padding:0 3%}
	.m-menubtn{ display:block}
	.banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%}
	.banner .swiper-pagination-bullet{ width:12px; height:12px;}
	.banner .swiper-pagination-bullet-active:after{width:4px; height:4px;}
	.i-product{ padding:50px 0}
	.i-product li{ width:48%; margin-bottom:2%}
	.i-about{ padding:80px 0}
	.i-about .text{ width:100%; text-align:center}
	.i-about .text h1{ font-size:24px}
	.i-news{ display:none}
	.m-news{ display:block}
	.footer-top .left{ display:none}
	.footer-top .ewm{ right:0; position:relative}
	.footer-top .mid{ margin-left:0; padding-top:0; max-width: calc(100% - 150px);}
	.footer-bot p.fl,.footer-bot p.fr{ float:none; display:inline}
	.nbanner .text .p1{ font-size:30px; line-height:50px}
	.nbanner .text .p2{ font-size:18px}
	.main{ padding:50px 0}
	.contact .right{ position:relative; width:100%; height:auto; left:auto;top:auto; float:none; margin-top:5%}
	#allmap{ height:350px}
	.contact .left{ float:none; width:100%}
	.lxfs{ padding:2% 5%}
	.main .title{ font-size:30px; margin-bottom:2%}
	.culture,.youshi{ margin-top:40px; padding-top:40px}
	.content_a .left{ width:100%; float:none}
	.content_a .right{ width:100%; float:none}
	.hexin .item{ width:97%; margin-bottom:3%}
	.hexin .item:last-child{ margin-bottom:0}
	.content_b .left{ width:100%; float:none; margin-bottom:2%}
	.content_b .right{ width:100%; float:none;}
	.imglist li img{height: 200px !important;}
	.newscon .left{ width:220px}
	.newscon .right {width: calc(100% - 280px);}
	.newslist li{ width:98%}
}
@media screen and (max-width:768px){
	.advantage{ padding:10px 0}
	.advantage .item .text{ padding-right:0; text-align:center; padding-top:35px}
	.advantage .item .p1,.advantage .item .p2{ display:none}
	.advantage .item .p3{ display:block}
	.advantage .item .icon{ left:50%; right:auto;top:0; margin-left:-15px}
	.advantage .item .icon img{ width:30px; height:auto; display:block}
	.i-product li{ min-height:350px}
	.footer-top{ padding-top:30px; padding-bottom:0;background: #262626;color: #bdbdbd; font-size:14px}
	.footer-top .mid{ display:none}
	.footer-top .ewm{ display:none}
	.footer-top a,.keyw{ color:#bdbdbd;}
	.keyw{ padding-top:0}
	.footer-bot{ font-size:14px; padding-top:10px; padding-bottom:30px}
	.m-footer{ display:block}
	.footer{ padding-bottom:40px}
	.imglist li{ width:48%}
	.prolist li{ width:98%}
	.prodetail .left, .prodetail .right{ width:100%; float:none}
	.prodetail .right{ margin-top:3%}
	.page_3{ margin-top:5%; padding-top:3%}
	.pro-main{ padding-top:0 !important}
	.pro-main .wrap{ padding:0;}
	.pro-main .content{ padding:0 3%}
	.protop .title{ display:none}
	.protop .pronav:after{content:""; height:0; display:block; clear:both; visibility:hidden;}
	.protop .pronav{ position:relative; width:100%;top:auto; right:auto; background:#fff; margin-bottom:30px; font-size:16px; white-space:nowrap}
	.protop .pronav a{ width:25%; display:block; float:left; text-align:center; padding:12px 0}
	.protop .pronav a.cur:after{ display:none}
	.protop .pronav a.cur, .protop .pronav a:hover{ background:#2d2f7f; color:#fff}
	.prow-main .title{ font-size:24px}
	.prodetail .right h1{ font-size:26px}
	.prolist li h3{ font-size:26px}
	.news-main{ padding-top:0 !important}
	.newscon .left,.newscon .right{ width:100%}
	.news-main .wrap{ padding:0; }
	.newscon .left{ margin-bottom:30px; background:#fff}
	.newscon .left li{ float:left; width:50%}
	.nnav a{ width:100%;text-align:center; background:#fff; text-indent:0; margin-bottom:0; border-bottom:0}
	.newscon .left h3{ display:none}
	.nnav li.cur a, .nnav li:hover a{background: #2d2f7f}
	.newscon .right{ padding:0 3%}
	.newscon_d .ntit{ font-size:24px; margin-bottom:1%}
	.newscon_d .ntime{ margin-bottom:20px;}
	.page_2{ margin-top:30px; padding-top:20px}
	.page_2 .prev,.page_2 .next{ width:100%}
	.news2-main{ background:#fff}
	.newscon_d{ padding:0}]
	.newsDetail{min-height:auto}
	.main.product-main{ padding-top:2%}
	.product-main .wrap{ padding:0}
	.pronav-sed{ width:100%; float:none; padding:0 3% 4%}
	.pronav-sed h3{ display:none}
	.pronav-sed li{ border-bottom:1px solid #d8d8d8; padding:10px 0}.pronav-sed li:last-child{ border-bottom:none;}
	.pronav-sed li:after{ content:"";content:""; height:0; display:block; clear:both; visibility:hidden;}
	.pronav-sed li>a{ background:none; float:left; text-indent:0; border:none; height:30px; line-height:30px;}
	.pronav-sed li .sub{ padding:0;padding-left:80px;}
	.pronav-sed li .sub:after{content:"";content:""; height:0; display:block; clear:both; visibility:hidden;}
	.pronav-sed li .sub a{ float:left; border-bottom:none; padding-top:0; padding-bottom:0; margin-right:15px; padding-left:10px; line-height:30px}
	.pronav-sed li>a.cur, .pronav-sed li>a:hover{ background:none; font-weight:bold; color:#2d2f7f}
	.prodetail{ width:100%; float:none; padding:4% 3%}
	.prodetail h1{ font-size:22px}
	.page_3 a{ width:35px; height:35px}
	.page_3 .next:before,.page_3 .prev:before{ line-height:35px}

}
@media screen and (max-width:640px){
	body,.header{ min-width:320px; font-size:14px;}
	.advantage .item .p1{ font-size:16px;}
	.advantage .item .p2{ color:#999}
	.i-product{ padding:30px 0}
	.i-product li{ min-height:270px}
	.i-product li .intro{ font-size:14px; margin-top:1%}
	.i-product li h3{ font-size:18px}
	.i-product li a{ padding:20px}
	.i-about{ padding:40px 0}
	.i-about .text h1{ font-size:20px; margin-bottom:3%}
	.i-about .text .intro{ font-size:14px}
	.i-about .text .more{ margin-top:4%; line-height:32px; font-size:12px}
	.m-news{ padding:30px 0}
	.m-newslist h3{ font-size:16px;}
	.footer-top,.footer-bot{ font-size:12px}
	.nbanner{ padding-top:25%}
	.nbanner .text .p1{ font-size:24px; line-height:30px;}
	.nbanner .text .p2{ font-size:14px}
	.main{ padding:30px 0}
	.main .title{ font-size:26px}
	.newstop{ padding-bottom:5%; margin-bottom:5%}
	.newstop .text{ padding-top:30px}
	.newstop .text .tit{ font-size:20px; margin-bottom:1.5%}
	.newstop .text .intro{ padding-right:0; font-size:14px; line-height:22px}
	.newstop .text .more{ position:relative; top:auto;bottom:auto; margin-top:3%; width:90px; line-height:30px; font-size:12px}
	.newslist li a{ padding:3%}
	.newslist li .time{ width:65px}
	.newslist li .time .span1{ font-size:22px; margin-bottom:2%; padding-bottom:1%}
	.newslist li .time .span2{ font-size:14px;}
	.newslist li .text{ padding-left:80px}
	.newslist li .tit{ font-size:18px; margin-bottom:1.5%}
	.newslist li .intro{ line-height:22px}
	.newscon_d .ntit{ font-size:20px;}
	.newscon_d .ntime{ font-size:12px}
	.newsDetail{ font-size:14px; line-height:26px;}
	.imglist li{ width:98%}
	.imglist li img{ height:auto !important}
	.prow-main .title,.cot-main .title{ font-size:20px}
	#allmap{ height:220px}
	/*#cboxOverlay,#colorbox{ display:none !important; opacity:0}*/
	.gcal .item{ width:98%}
}
@media screen and (max-width:480px){
	.i-product li{ min-height:230px}
	.content_a,.content_b{ font-size:15px; line-height:28px;}
	.content_a .left p{ margin-bottom:15px}
	.main .title{ font-size:24px}
	.content_a .right .tit{ font-size:20px; padding:10px}
	.hexin .item h3{ font-size:18px; padding:0 30px}
	.prow-main .title, .cot-main .title{ font-size:18px;}
	.prolist li a{ padding:5% 20% 5% 5%;}
	.prolist li h3{ font-size:20px; padding-bottom:2%}
	.prolist li .intro{ font-size:14px; color:rgba(255,255,255,.6); line-height:22px}
	.prolist li .more{ width:32px; height:32px; bottom:50%; margin-bottom:-16px;-webkit-transform: translateY(0px); -moz-transform: translateY(0px);transform: translateY(0px); }
}
@media screen and (max-width:425px){.i-product li{ min-height:220px}}
@media screen and (max-width:375px){.i-product li{ min-height:200px}}