@charset "utf-8";
/* CSS Document */
.m-contact-map{
	display:none;
	width: 100%;
    padding: 10px 0;
    background: #184d9d;
    background: -webkit-linear-gradient(top,#184d9d 0,#006fad 100%);
    background: linear-gradient(to bottom,#184d9d 0,#006fad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#184d9d',endColorstr='#016597',GradientType=0);
}
.m-contact-map .bg-image{ height:100%; background-size: contain !important}
@media screen and (max-width:1366px){
	.m-menu .closed,.search-alert .closed{ width:25px; height:25px; background-size:cover; right:4%}
	.wrap{ width:92%;}
	.i-about,.nmain,.nmain_2{ padding:50px 0}
	.i-about-con .text .more{ margin-top:30px}
	.m-menu{ padding:0 4%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.m-menu ul{ position:relative;top:200px; margin-top:0; width:auto; margin:0 -1%}
	.m-menu li{ float:left; width:23%; margin:0 1% 2%}
	.map-container{ width:100%}
	.map-background{ display:block; margin:0 auto}
	.contact-map .map-container .info-card-r{ right:4%}
	.contact-map .map-container .info-card{ left:4%}
	.menu li{ margin:0 20px;}
}
@media screen and (max-width:1200px){
	.contact-map{ display:none}
	.m-contact-map{ display:block; height:350px;}
	.menu li{ margin:0 15px;}
}
@media screen and (max-width:1024px){
	.menu{ display:none}
	.i-about-con .text{ padding-top:2%; font-size:16px}
	.search-alert form{ width:92%; left:4%}
	.footer-top-hd .tit{ height:40px; line-height:40px; font-size:16px}
	.footer-top-hd-item{ height:300px; overflow-y:auto}
	.f-message{ padding-bottom:30px}
	.f-phone{ padding:30px 20%}
	.footer-top-up{ top:-340px}
	.nbanner{ height:260px}
	.proCon .left{ display:none}
	.proCon .right{ width:100%; padding-left:0; border-left:none; min-height:inherit}
	.message{ width:97%; padding-left:3%}
	.officeList li{ width:18%}
	.ibanner{ height:300px;}
	.ibanner .swiper-slide a{ background-size:cover !important; background-repeat:no-repeat !important}
	.i-about-con .pic img{ height:auto}
	.pro-d-con .pro-d-hd .tablebox{overflow-x: auto;}
	.productlist_1 li{ width:49%}
}
@media screen and (max-width:768px){
	.ibanner{ height:200px}
	.m-menu li{ width:48%}
	.m-menu ul{top:90px}
	.m-menu .closed{ display:none}
	.search-alert .tex{font-size:30px;}
	.search-alert .btn{ font-size:22px}
	.i-prodcts{ padding-top:45px; padding-bottom:60px} 
	.triangle {
    -webkit-clip-path: polygon(0 0,100% 0,100% 93%,50% 100%,0 93%);
    clip-path: polygon(0 0,100% 0,100% 93%,50% 100%,0 93%);
	}
	.i-about-con .text{ float:none; width:100%; line-height:30px}
	.i-about-con .text .more a{ width:120px; line-height:40px}
	.title{ font-size:28px}
	.title_2{ margin-bottom:20px; font-size:26px; line-height:30px}
	.en .title, .en .title_2{ font-size:26px; line-height:30px;}
	.footer-bot .left{ width:100%; max-width:100%}
	.footer-bot .right{ width:100%; margin-top:25px}
	.footer-top .footer-top-tit li.li1{ display:none}
	.footer-top .footer-top-tit li{ width:25%}
	.footer-top .footer-top-tit li.li5{ border-right:0}
	.f-phone{ padding:30px 5%}
	.banner, .banner .item a{ height:350px}
	.nmain,.nmain_2{ padding:30px 0}
	.jiagou li{ width:31.33%; margin:0 1%; padding-bottom:0}
	.jiagou li, .jiagou li:nth-child(odd){ background:none;}
	.jiagou li:nth-child(odd){ padding-top:0}
	.jiagou:after{ content:""; display:none}
	.advantage li .pic,.advantage li .text{ width:100%;}
	.advantage li .text{ padding-left:0}
	.advantage li .text h3:before{ display:none}
	.advantage li .text h3{ font-size:22px; font-weight:bold; padding:10px 0}
	.investor .left, .investor .right{ width:100%}
	.investor .right .intro{ font-size:20px}
	.investor .right li{ padding:10px 0}
	.nbanner{ height:200px}
	
	.biaoyu{ font-size:16px}
	.pro_list li, .productlist_3 li{ width:48%}
	.qualitylist .column{ width:100%}
	.qualitylist .quality_cl{ font-weight:bold}
	.qualitylist .column>h3{ font-size:16px}
	.officeList li{ width:23%}
	.m-contact-map{ height:200px}
	.newslist li .text h3{ font-size:16px;}
	.newslist li .text .time{ font-size:12px; margin:0}
	.newslist li .text .intro{ font-size:14px; line-height:24px}
	.newsnav{ margin-bottom:30px}
	
	#allmap{ height:240px}
	.lxfs .item{ width:50%}
	.lxfs .item:after{ display:none; margin-bottom:2%}
	.i-about-2 .i-about-2-wrap{ display:block}
	.i-about-2 .left{ width:100%; margin-bottom:3%; margin-right:0; float:none}
	.i-about-2 .i-about-con, .en .i-about-2 .i-about-con{ height:auto}
	.i-about-2 .right{ width:100%; float:none}
	.i-keyword a:after{content:""; height:0; display:block; clear:both; visibility:hidden;}
	.mail-zx .mes-hd{ width:92%; left:4%; margin-left:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box}
	.mail-zx .closed{ right:0}
	.mail-zx02 .mes-hd{ padding:3%}
	.mail-zx .mes-hd > h3{ font-size:20px;}
	.mail-zx .mes-hd form{ padding:0}
	.qualitylist .q_list li{ width:100%; margin-right:0; margin-bottom:2%}
	.qualitylist .q_list li a{padding: 10px 75px 10px 40px;}
	.i-prolist li{ width:48%}
}
@media screen and (max-width:640px){
	.ibanner{ height:150px}
	.header-r li.TM,.header-r li.JD{ display:none}
	.i-prolist li{ width:99%; margin-bottom:2%}
	.i-prolist li:nth-child(3){ margin-bottom:2%}
	.i-prodcts{ padding-top:30px}
	.triangle {
    -webkit-clip-path: polygon(0 0,100% 0,100% 98%,50% 100%,0 98%);
    clip-path: polygon(0 0,100% 0,100% 98%,50% 100%,0 98%);
	}
	.i-about{ padding-top:30px; padding-bottom:30px}
	.title{ margin-bottom:20px}
	.i-about-con .pic{ width:100%}
	.i-about-con .pic img{ max-height:400px}
	.i-about-con .text p>span{ font-size:16px !important}
	.i-about-con .text .more{ margin-top:10px}
	.footer-top .footer-top-tit .wrap{ width:100%}
	.footer-top .footer-top-tit li{ font-size:12px;}
	.footer-top .footer-top-tit li.li2 i,.footer-top .footer-top-tit li.li3 i,.footer-top .footer-top-tit li.li4 i,.footer-top .footer-top-tit li.li5 i{ margin-right:0;-webkit-transform:scale(.7);-moz-transform:scale(.7);transform:scale(.7)}
	.footer-top .footer-top-tit .li3, .footer-top .footer-top-tit .li5{ width:19%}
	.footer-top .footer-top-tit .li2{ width:22%}
	.footer-top .footer-top-tit .li4{ width:40%}
	.banner, .banner .item a{ height:240px}
	.nbanner{ height:120px}
	.location{margin-top: -30px;height:30px;line-height:30px; font-size:12px}
	.location .wrap{background: url(../images/home.png) no-repeat left 8px;padding-left: 20px;}
	.productlist_1 li{ width:99%; margin-bottom: 20px;}
	.productlist_1 li .pronavSed{ padding-top:15px}
	.productlist_1 .li1 .pronavSed>p, .productlist_1 .li2 .pronavSed>p, .productlist_1 .li3 .pronavSed>p{ width:100%}
	.productlist-fir li{ width:98%}
	.productlist li h3{ font-size:16px}
	.pro-d-tit{ display: flex; display:-webkit-flex;}
	.pro-d-tit a{ padding:8px 20px;line-height: 1.4;display: flex; display:-webkit-flex;align-items:center;justify-content:center;}
	.pro_list li{ width:98%}
	.proCon .right .pro-top .pic,.proCon .right .pro-top .text{ width:100%}
	.proCon .right .pro-top .text{ margin-top:20px}
	
	.message{ width:100%; padding-left:0}
	.message .m-list-col{ width:100%}
	.message input,.message .m-list select,.message textarea,.message .m-list .yzm{ width:100%}
	.message .m-list .submit{ width:100%; margin-bottom:20px}
	.message .m-list .submit input{ float:none; margin-right:0; width:100%;}
	.officeList li{ width:48%}
	.officeList .info-card{ width:90%}
	.newslist li .pic{ width:100%}
	.newslist li .text{ width:100%; padding-top:10px}
	.newslist li:before{ width:100%}
	.newslist li .text .more{ float:none}
	.newsnav{ margin-bottom:20px}
	.productlist_3 li{ width:98%}
	.lxfs .item{ width:100%; border-bottom:1px solid #e8e8e8; text-align:left; padding:10px 0}
	.lxfs .item .icon{ float:left;}
	.lxfs .item .icon img{ width:35px; height:35px; margin-right:20px}
	.lxfs .item p:nth-child(3){ padding-top:0}
	#allmap{ height:200px}
	.footer-bot{ padding-top:30px}
	.i-about-2 .left, .i-about-2 .right{ padding:15px}
	.i-keyword, .i-newslist{ padding-bottom:30px}
	.i-keyword .pic, .i-newslist .pic{ width:100%; float:none; margin-bottom:10px}
	.i-keyword .txt, .i-newslist .txt{ padding-left:0}
	.i-keyword h2{ font-size:18px; margin-bottom:5px}
	.i-keyword .intro, .i-newslist .intro{-webkit-line-clamp: 2;}
	.i-keyword .swiper-pagination, .i-newslist .swiper-pagination{width: 100%;}
	.search-alert .tex{ font-size:18px;}
	.search-alert .btn{ font-size:20px;}
	.lx-list li{ width:100%; margin-right:0}
}
@media screen and (max-width:480px){
	.officeList .info-card{ width:92%; left:4%; margin-left:0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.pro-d-tit a{ float:left; padding:0; width:33.33%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align:center}
	.qualitylist .q_list li span{ display:none}
	.qualitylist .q_list li a{ padding-right:15px; line-height:20px; font-size:14px;}
	.footer-intro .pic{ width:100%; text-align:center; margin-bottom:10px}
	.footer-intro .pic img{ margin:0 auto 20px}
	.footer-intro .pic span{ width:100%; margin-top:-10px}
	.footer-intro .text{ width:100%;}
}