@charset "utf-8";
/* CSS Document */
.menu-btn{ position: absolute; top:50%; right:0%; height:60px; margin-top:-44px; width:25px; cursor:pointer; display:none; z-index:9999999}
.menu-btn span{display:block; height:3px; width:25px; background:#333; 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; top:0}
.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:22px; line-height:60px; display:block}
.m-menu li.last a{ border:solid 1px #fff; padding:2px 50px; line-height:40px;font-size:20px; margin-top:20px; display:inline-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: #e60012; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; 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_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}


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


@media screen and (max-width: 1366px){
.header .menu li .menu_a{margin: 0 20px;}
.banner .text .use{ left:53%}

.nbanner{ height:300px;}
.nbanner .nnbanner{margin-top:-55px;}
.nbanner h3{ font-size:40px;line-height:50px; }


.npro .npleft{ width:180px}
.npro .npleft p{ line-height:40px;font-size:20px;}
.npro .npright{ width:calc(100% - 250px)}
.npro .wrap:before{ left:215px;}
}
@media screen and (max-width: 1240px){
.wrap{ width:96%}
.banner .text .use{ left:60%}
.banner .swiper-slide a, .banner .swiper-slide img{ min-height:450px;}
.banner .text h4{ font-size:32px; margin-bottom:30px; line-height:35px; }
.banner .text h3{ font-size:45px;line-height:50px; margin-bottom:10px}
.banner .text h5{ font-size:18px;  margin-bottom:50px; line-height:40px;}
.banner .text{ margin-top:-110px}
.banner .text .use{ bottom:50px;}
.iquite .item .icon img{margin: 0px auto 30px auto;}
.footer p:nth-child(1) a{ padding:0 30px;}
.title p{ font-size:18px}


.npro .npleft{ width:150px}
.npro .npleft p{ line-height:40px;font-size:18px;}
.npro .npright{ width:calc(100% - 200px)}
.npro .wrap:before{ left:180px;}

.title02 h3{ font-size:18px;}
}
@media screen and (max-width: 1140px){
.header .menu li .menu_a{ font-size:16px; margin:0 15px;}
.banner .text .use{ left:55%}
.banner .swiper-slide a, .banner .swiper-slide img{ min-height:400px;}
}
@media screen and (max-width: 1024px){
.banner .swiper-slide a, .banner .swiper-slide img{ min-height:auto !important; width:120% }

.banner .text .use{ left:50%}
.header .language ul li{ padding-left:10px;}

.header .wrap{height:90px; }
.header .logo{margin-top:-40px;}
.header .logo img{ height:80px;}
.header.header-scroll .wrap{ height:78px;}
.header.header-scroll .logo{ margin-top:-32px; }
.header.header-scroll .logo img { height:64px;}
.header .menu li .menu_a{ line-height:90px;}
.banner, .nbanner{ margin-top:90px; } 
.header .menu li .menu_a{ margin:0 12px;}

.nbanner{ height:250px;}
.nbanner .nnbanner{margin-top:-50px;}
.nbanner h3{ font-size:35px;line-height:50px; }
}

@media screen and (max-width: 920px){
.header .menu, .header .language{ display:none}	
.menu-btn{ display:block;}

.banner .text h4{ font-size:28px; margin-bottom:30px; line-height:30px; }
.banner .text h3{ font-size:40px;line-height:45px; margin-bottom:10px}
.banner .text h5{ font-size:16px;line-height:30px;}
.banner .swiper-slide a, .banner .swiper-slide img{ width:130% }
.banner .text .use{ left:46%}
.banner .text .use li{ width:160px;}
.footer p:nth-child(1) a{ padding:0 20px}

.section{ padding:50px 0 70px}
.sectionpre{ margin-top:60px;}
.sectionnext{ margin-bottom:70px;}
.footer { padding:20px 0; line-height:30px;}


.nteam .item{ width:49%; margin-right:0%; float:left; }
.nteam .item:nth-child(2n){ float:right}
.nteam .item:nth-child(4n+1){ clear:none}
.nteam .item:nth-child(2n+1){ clear:both}

.nse .conn .item{ display:block; float:left; width:32%; margin:0 2% 2% 0}
.nse .conn .item:nth-child(3n){ margin-right:0}
.nse .conn .item:nth-child(3n+1){ clear:both}
.nse .conn .item .num{ font-size:40px;line-height:75px;}

.huadong{ overflow-x:auto; width:100%; min-width:540px;}
.huadong table{ width:100%; min-width:540px;}


.npro .npleft{ width:100%; float:none; margin-top:-50px; margin-bottom:20px; background-color: rgba(196,0,0,0.05);}
.npro .npleft p{ float:left; width:33.33%; line-height:20px; padding:5px 0}
.npro .npleft p a{ padding-left:20px;}
.npro .npright{width:100%; float:none}
.npro .wrap:before{ display:none}
.npro .npleft p a:hover:after, .npro .npleft p a.cur:after{ left:0; right:auto;}


.nprolists .item{width:48.5%; margin-right:0%; margin-bottom:3%; }
.nprolists .item:nth-child(2n){ float:right}
.nprolists .item:nth-child(3n+1){ clear:none}
.nprolists .item:nth-child(2n+1){ clear:both}
.nprolists .item .text{ line-height:20px; padding:10px 5px 10px 5px; font-size:14px;}

}

@media screen and (max-width: 768px){
.banner .text .use{ position: relative; left:auto; bottom:auto;}	
.banner .swiper-slide a, .banner .swiper-slide img{ width:150% }
.banner .text h4{ font-size:24px; margin-bottom:30px; line-height:20px; }
.banner .text h3{ font-size:32px;line-height:40px; margin-bottom:10px}
.banner .text h5{ font-size:16px;line-height:30px; margin-bottom:30px;}
.footer p:nth-child(1){ display:none}
.banner .text .use li{ width:150px;}
.nbanner{ height:200px;}
.nbanner .nnbanner{margin-top:-45px;}
.nbanner h3{ font-size:32px;line-height:40px; }
}

@media screen and (max-width: 640px){
.header .wrap{height:80px; }
.header .logo{margin-top:-34px;}
.header .logo img{ height:70px;}
.header.header-scroll .wrap{ height:78px;}
.header.header-scroll .logo{ margin-top:-32px; }
.header.header-scroll .logo img { height:64px;}
.header .menu li .menu_a{ line-height:80px;}
.banner, .nbanner{ margin-top:80px; } 
.banner .swiper-slide a, .banner .swiper-slide img{ width:160% }
.wrap{ width:90%}
.banner .text .use li{ width:130px;}

.form .column{ float:none; width:100%; margin-right:0%; height:42px; clear:both }
.form .row_1{ margin-right:0%}
.title p{ font-size:17px}

.nse .conn .item{ display:block; float:left; width:48%; margin:0 0 2% 0}
.nse .conn .item:nth-child(2n){ float:right}
.nse .conn .item:nth-child(3n+1){ clear:none}
.nse .conn .item:nth-child(2n+1){ clear:both}


.npro table td{padding:4px;}
.npro table tr:nth-child(1) td{ padding:8px 4px; }
}
@media screen and (max-width: 540px){
.banner .swiper-slide a, .banner .swiper-slide img{ width:180% }
.banner .text h4{ font-size:20px; margin-bottom:20px;}
.banner .text h3{ font-size:28px;line-height:35px;}
.banner .text h5{ font-size:14px;line-height:30px; margin-bottom:20px;}
.title h3{ font-size:30px;}


.iquite .item .icon img{margin: 0px auto 10px auto; width:100%}

.icontact .item{ float:none; width:100%; margin-bottom:30px;}
.icontact .item:nth-child(3){ margin-bottom:0; clear:both; width:100%}
.footer { line-height:24px;}

.ncontact .item{ float:none; width:100%;margin-bottom:30px}
.ncontact .item:nth-child(3){ margin-bottom:0}

.nbanner{ height:150px;}
.nbanner .nnbanner{margin-top:-35px;}
.nbanner h3{ font-size:28px;}

.nteam .item{ width:100%; margin-right:0%; float:none; }
.nteam .item:nth-child(2n){ float:none}

.map img{ width:120%; margin-left:-10%}

}
@media screen and (max-width: 480px){
.banner .swiper-slide a, .banner .swiper-slide img{ width:230% }	
.banner .text { margin-top:-100px}
.title{ width:120%; margin-left:-10%}
.title h3{ font-size:28px;}

.nbanner{ height:130px;}

.nse .conn .icon{ margin-top:-40px}
.nse .conn .item .text{ margin:20px 0}

.nse .conn .item{ display:block; float:none; width:100%; margin:0 0 30px 0}
.nse .conn .item:nth-child(2n){ float:none}
.nse .conn .item:nth-child(3n+1){ clear:none}
.nse .conn .item:nth-child(2n+1){ clear:both}

.nse .conn .item .num{ font-size:30px; color:#fff; font-weight:bold; line-height:60px;}

.nse .conn .item .text p{ min-height:auto; margin-bottom:40px;}
}