@charset "utf-8";
/* CSS Document */
.menu-btn{ position: fixed; top:0%; right:2%; height:60px; width:25px; margin-top:4px; cursor:pointer; display:none}
.menu-btn span{display:block; height:3px; width:25px; background:#035493; 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; left:0; top:0; text-align:center; display:none}
.m-menu .closed{ width:30px; height:30px; background:url(../images/close02.png) no-repeat center center / cover; 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: #035493; 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}
.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:#035493}
.tanchuang .text .tel{ background:#035493; color:#fff;padding:10px; -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;color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#035493; font-size:18px; margin-top:15px}

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



@media screen and (max-width: 1240px){
.brank .wrap .logos img{height:70px;}
.iabout .wrap .text .textinn p:nth-child(2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wrap{ width:94%;}
.backtop{ right:3%}

.space{height:92px;}
.header .wrap{ height:88px; }
.header .menu li .menu_a{ line-height:88px;}

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

.banner .swiper-slide a{ height:500px;}

.nbanner .text h3{ font-size:32px; margin-bottom:15px;}
.nbanner img{ width:110%; margin-left:-5%}

}

@media screen and (max-width: 1140px){
.header .menu li .menu_a{ margin:0 15px;  }
.header .menu li .sub{width:150%; margin-left:-25%}

.header .logo{  margin-top:-28px;}
.header .logo img{height:60px;}

.iabout .wrap .text .textinn h3{ font-size:22px;}
.footer{ padding:15px 0}
.backtop{width: 35px; height: 35px; }
.backtop a{width: 35px; height: 35px;}
.banner .swiper-slide a{ height:460px;}
}

@media screen and (max-width: 1024px){
.header .menu{ display:none}
.header .menu-btn{ display:block}
.iabout .wrap .text .textinn p:nth-child(2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}

.banner .swiper-slide a{ height:420px;}

.nbanner .text h3{ font-size:28px; margin-bottom:10px;}
.nbanner img{ width:120%; margin-left:-10%}


.salsemap .tabmenu {width:800px; height:576px; margin:0 auto 60px auto}
.salsemap #tabcontent {width:100%; position: relative; top:auto; right:auto; min-height:220px;}
.salsemap #tabcontent .wenzi:after{left:auto; top:auto; margin-top:auto;border-top:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid #035493;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #035493;left: 50%;margin-left: -10px;top: -10px;}

}

@media screen and (max-width: 920px){
.iabout .wrap .text .textinn p:nth-child(2){ display:none}
.brank .wrap .logos img{ height:60px; }


.space{height:85px;}
.header .wrap{ height:83px; }
.header .menu li .menu_a{ line-height:83px;}
.menu-btn{ margin-top:0px;}


.banner .swiper-button-prev, .banner .swiper-button-next{ display:none !important}

.banner .swiper-slide a{ height:360px;}
.iabout .wrap .text .textinn h3{ font-size:20px;}


.header .wrap{ width:98%;}

.nbanner .text h3{ font-size:26px; margin-bottom:10px;}
.nbanner .text p{ font-size:16px; }
.nbanner img{ width:130%; margin-left:-15%}


.nlist-date .day{font: bold 30px/50px 'Arial';}
.nlist-date .year {font: bold 15px/20px 'Arial';}
.news-list .nlist-date{ width:18.75%}
.news-list .nlist-box{ width:73%}
.nlist-box .name{ font-size:17px; line-height:30px;}
.news-list li{ padding:15px 0}

.location{ line-height:50px;}

.newsxiang h3 {line-height:32px;}
.nmain .newstitle h3{ font-size:24px; margin-bottom:10px; line-height:30px}

.shangxia li{ float:none; text-align:left;}
.shangxia li:nth-child(2n){ float:none; text-align:left;}
.nprolist li .wenzi{ font-size:16px;}

.proxiang .pics{ float:none; width:100%;}
.proxiang .wenzi{ float:none; width:100%; font-size:16px; margin-top:30px;}

.proxiang .wenzi .ptitle h3{ font-size:28px}

.proxiang .wenzi .use .zixun{ position:relative; top:auto; right:auto; margin-top:20px;}

.proxiang .shangxia{ position:relative; width:100%; right:auto; bottom:auto; padding:15px 0; font-size:16px; line-height:30px; margin-top:30px;}

.prodetails{display: block;}
.prodetails .tuyou{ width:100%;display:block;}
.prodetails .zizuo{ width:100%;display:block; padding-right:0%}

.prodetails .tuzuo{ width:100%;display:block;}
.prodetails .ziyou{ width:100%;display:block; padding-left:0%}


.salsemap .tabmenu {width:640px; height:461px;}
}

@media screen and (max-width: 820px){
.iabout .video{ float:none; width:100%}
.iabout .wrap .text{ position:relative; top:auto; right:auto; width:100%; height:auto}
.iabout .wrap .text .textinn{ position:relative; padding:20px 20px 45px 20px; height:auto}
.iabout .wrap .text .textinn p:nth-child(2){ display:block; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:10;overflow: hidden;}

.inews .conn li{ float:none; width:100%; line-height:24px; padding:15px 0; margin-top:-1px;}
.inews .conn li:nth-child(1){ margin-top:0}
.inews .conn li:nth-child(2n){ float:none}
.inews .conn li:nth-child(2n+1){ clear:both}

.brank .wrap .logos img{ margin:0 10px 0 0;}
.brank{ line-height:45px; padding:25px 0 50px 0}

.banner .swiper-slide a{ height:300px;}

.location li a{ padding:0; font-size:16px; text-align:center}
.location .nav04 li{ width:25%}
.location .nav03 li{ width:33.33%}
.location .nav02 li{ width:50%}
.location .nav{ float:none; width:100%; }
.location .weizhi{ float:none; display:none}

.ncontact .title h3{ font-size:24px;}
.ncontact .ncleft{ float:none; width:100%; padding:3%; min-height:500px; margin-bottom:40px;}
.ncontact .ncright{ float:none; width:100%; padding:3%;min-height:auto;}
}


@media screen and (max-width: 640px){
.title h3{ font-size:24px;}
.header .logo{  margin-top:-25px;}
.header .logo img{height:52px;}	

.iproducts .item{ float:none; width:100%; margin-right:0%; margin-bottom:15px;}
.iproducts .item:nth-child(3n){ margin-bottom:0}
.banner .swiper-slide a{ height:260px;}
.title{ margin-bottom:10px;padding-bottom:8px;}

.brank .wrap .biao{ float:none; width:100%;}
.brank .wrap .logos{ float:none; width:100%; }

.nbanner img{ width:140%; margin-left:-20%}


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


.proxiang .wenzi .ptitle h3{ font-size:24px}
.proxiang .kuai p{ padding-left:0}

.nmain .erji li a{padding: 7px 15px;}
.aqlist li{ padding:10px 15px;}

.salsemap .tabmenu {width:350px; height:252px;}

.nlianxis .item{ float:left; width:50%; margin-right:0%; margin-bottom:3%}
.nlianxis .item:nth-child(2){ clear:both}
.nlianxis .item:nth-child(3n+2){ clear:none;}
.nlianxis .item:nth-child(2n+1){ float:right}
.nlianxis .item:nth-child(2n+2){ clear:both;}
.nlianxis .item:nth-child(1){ float:none; width:100%; }

.nlianxis .item h3{ font-size:18px;}
.nlianxis .item p{ line-height:32px}
}


@media screen and (max-width: 540px){
.space{height:75px;}
.header .wrap{ height:73px; }
.header .menu li .menu_a{ line-height:73px;}	

.header .logo{  margin-top:-23px;}
.header .logo img{height:48px;}	
.menu-btn{ margin-top:-5px}
.banner .swiper-slide a{ height:220px;}
.iabout .wrap .text .textinn h3{ font-size:18px;}



.nbanner img{ width:160%; margin-left:-30%}

.nlinian .kuai .inkuai .ppic img{ min-width:80px;max-height: 80px;}
.nlinian .kuai .inkuai .ppic{width: 80px;}
.nlinian .kuai .inkuai .wenzi{width: calc(100% - 80px);padding-left: 20px;}
.nlinian{ line-height:30px;}

.ncontact .ncleft{ min-height:450px;}

.nlianxis .item{ float:none; width:100%; margin-right:0%; margin-bottom:3%}
.nlianxis .item:nth-child(2n+1){ float:none}
.nlianxis .item:nth-child(1){ margin-bottom:10px}


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

.nmain .newstitle h3{ font-size:22px; }
}

@media screen and (max-width: 420px){
.banner .swiper-slide a{ height:180px;}	
.nbanner img{ width:200%; margin-left:-50%}
.nbanner .text h3{ font-size:22px; margin-bottom:6px;}
.nbanner .text p{ margin-bottom:5px; line-height:25px; font-style:15px;}
}