@charset "utf-8";
/* CSS Document */
.menu-btn{ position: fixed; top:0; right:3%; height:100px; width:25px; cursor:pointer; display:none; z-index:9999999}
.menu-btn span{display:block; height:3px; width:25px; background:#183884; margin-bottom:5px}
.menu-btn .line1{ margin-top:40px}
.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:30px; height:30px; background:url(../images/close.png) no-repeat; background-size: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:22px; line-height:50px; 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:12%; 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: #183884; 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/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fladd.png) no-repeat center 3px; padding-top:25px}


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







@media screen and (max-width: 1440px){

body{font-size:14px; }
.youshi .item h3{ font-size:17px; line-height:26px;}


.title h4{font-size:60px; line-height:45px;}
.title h3{font-size:32px; line-height:32px;}
.title p{font-size:16px;}

.title02 h4{font-size:60px; line-height:45px;}
.title02 h3{font-size:32px; line-height:32px; }
.title02 p{font-size:16px;}

.section{ padding:50px 0 70px 0;}
.sectionpre{ padding-top:50px;}

.sectionnext{ padding-bottom:70px;}
.header .menu li a{font-size:16px;}

.nbanner img{ width:120%; margin-left:-10%;}
.nbanner .text h3{ margin-bottom:10px;}
.nbanner .text p{ line-height:22px;}
}




@media screen and (max-width: 1199px){
.header{ height:100px;}
.header .top .use{ display:none}
.menu-btn{ display:block}
.header .menu{ display:none}
.banner, .nbanner{ margin-top:100px;}
.m-foot{ display:block}
.copyright{ margin-bottom:55px;}

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

.nmain .title h3{ font-size:28px}
}

@media screen and (max-width: 920px){
.header{ height:80px;}
.banner, .nbanner{ margin-top:80px;}
.header .top .wrap{ height:80px;}
.header .top .logo .ad p{ font-size:12px;}
.header .top .logo{ margin-top:-20px;}
.header .top .logo .icon img{ height:40px}
.header .top .logo .ad h3{ font-size:20px;letter-spacing: 0.8px; line-height:20px}
.header .top .logo .ad p{margin-top: 0px;}
.menu-btn{ height:80px;}
.menu-btn .line1{ margin-top:24px;}
.youshi .item h3{ font-size:15px;}
.youshi .item{padding: 20px 0 30px 0;}
.ihonor .qimo8 .qimo ul li img{ height:200px}

.title h4{font-size:50px; line-height:40px;}
.title h3{font-size:28px; line-height:28px;}
.title p{font-size:15px;}

.title02 h4{font-size:50px; line-height:40px;}
.title02 h3{font-size:28px; line-height:32px; }
.title02 p{font-size:15px;}

.phshow01{ margin-bottom:20px;}
.pcshow{ display:none !important}
.phshow{ display:block !important}
.isolution .conn .item .text{ font-size:16px}
.ihangye .conn .item .text{ font-size:16px;}
.footer .qlink{ display:none}

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


.newskuai .more{ display:none}
.newskuai .wenzi h3{ margin:10px 0; font-size:17px}



}

@media screen and (max-width: 768px){
.youshi .wrap{ width:100%}
.iserivce .conn{display:block;}
.iserivce .item{ width:100%; margin-right:0%; float:left}
.iserivce .item:nth-child(2n){ float:right}
.iserivce .item:nth-child(2n+1){ clear:both}
.iserivce .item:nth-child(1), .iserivce .item:nth-child(2){ margin-bottom:20px;}


.isolution .conn .item{ float:left; width:calc(33.33% - 10px); margin:0 15px 15px 0; position:relative}
.isolution .conn .item:nth-child(4n){ margin-right:15px;}
.isolution .conn .item:nth-child(4n+1){ clear:none}
.isolution .conn .item:nth-child(3n){ margin-right:0}
.isolution .conn .item:nth-child(3n+1){ clear:both}
.isolution .conn .item:nth-child(16){ display:none}

.youshi .item{ float:left; width:33.33%;padding: 10px 0 20px 0;}
.youshi .item:nth-child(4){ margin-left:10.66%; width:39.33%; clear:both}	
.youshi .item .icon{margin:5px auto;}
.youshi .item:hover .icon{ margin:0px auto 10px auto;}
.header .top .logo .icon{ padding-right:10px;margin-right:11px;}

.title h4{font-size:40px; line-height:32px;}
.title h3{font-size:25px; line-height:25px;}

.title02 h4{font-size:40px; line-height:32px;}
.title02 h3{font-size:25px; line-height:25px; }
.iserivce .item .text{ padding:12px;}

.prolistimgpic {height:185px;}
.iabout:after{ width:100%; height:220px;background-size:cover;}
.iabout .wenzi{ float:none; margin-top:210px; width:100%; position:relative}
.iabout .wenzi .more a{ margin-top:30px; width:130px; height:40px;line-height:36px;padding-right:20px;  }
.ncb01 .item:after {background:rgba(0,0,0,0)}
.ihangye .conn .item{width:calc(25% - 10px); margin:0 15px 15px 0; }

.nser .item{ float:left; width:48.5%; margin-right:0%; margin-bottom:20px;}
.nser .item:nth-child(3n+1){ clear:none}
.nser .item:nth-child(2n){ float:right}
.nser .item:nth-child(2n+1){ clear:both}
.nser .item .wenzi{ padding:10px 15px;}
.nser .item .wenzi h3{ font-size:18px;}

.nnewsx .newstitle .back{ width:120px; position: relative; right:auto; bottom:auto; margin-top:10px}
.nnewsx .newstitle .back a{width:120px; height:30px; line-height:30px;}

.wqxg .zuo .titles h3{ font-size:14px;}
.wqxg .zuo .titles h3 b{ font-size:18px}

.al_top b { font-size:20px; color:#000}
.al_top b  em { font-size:24px; color:#ff6600;}

.wm .tabmenu li { display: block; cursor: pointer; width:70px; font-size:15px;margin:0; height:70px; line-height:25px; padding:10px 0;position:relative; float:left}

.wmys .item{ float:left; width:48.5%; min-height:420px}
.wmys .item:nth-child(2n){ float:right}
.wmys .item:nth-child(1), .wmys .item:nth-child(2){ margin-bottom:20px}
.wmys .item .pic{ float:none; width:100%}
.wmys .item .wenzi{ float:none; width:100%; padding:15px 15px 35px 15px;}
.wmys .item .wenzi h3{ padding:5px 0;font-size:17px; }


.weihai .item{ float:left; width:48.5%; margin-bottom:20px; padding:15px;margin-right:0%; min-height:200px; }
.weihai .item:nth-child(4n+1){ clear:none}
.weihai .item:nth-child(2n){ float:right}
.weihai .item:nth-child(2n+1){ clear:both}
.weihai .item .num{ font-size:20px; }
 
.nmain .title h3{ font-size:24px}


.ncase .item{ width:100%; margin-right:0; margin-bottom:20px;}
.ncase .item:nth-child(2n){ float:right}
.ncase .item:nth-child(3n+1){ clear:none;}
.ncase .item:nth-child(2n+1){ clear:both;}
.ncase .item .wenzi{ padding:15px 15px 20px 15px;}
.ncase .item .wenzi h3{  font-size:16px;}

.single-product-top{ padding:0}
.proxs{ width:100%}


.iclient .item { width:32%; margin-right:2%;padding:15px;height:80px;}
.iclient .item:nth-child(5n){ margin-right:2%}
.iclient .item:nth-child(5n+1){ clear:none}

.iclient .item:nth-child(3n){ margin-right:0}
.iclient .item:nth-child(3n+1){ clear:both}

.loaction .nnav li a{ font-size:15px; padding:0 15px;}

.newskuai {padding:20px 0;}
.newskuai .pic{ float:none; width:100%}
.newskuai .wenzi{ float:none; width:100%; }
.newskuai .wenzi p{ padding-bottom:5px}
.newskuai:hover .wenzi{ margin-right:0%;} 


.nab01 .nabright{ float:none; width:100%; margin-top:0px; position:relative}
.nab01 .nableft{ float:none; width:100%; margin-top:30px;}
.nab01 .nableft h2 {font-size: 16px;}
.nab01 .nableft h3 {font-size:24px;}
.caseernav {margin: 0px;}
a.neiernav {display:block;float: left;font-size: 14px;margin-right: 10px;margin-bottom: 10px;padding: 5px 8px;}
.gallery-thumbs .swiper-slide img {height: 60px;}
.aboutpage table {width: 100%;}
}

@media screen and (max-width: 540px){
.header{ height:70px;}
.banner, .nbanner{ margin-top:70px;}
.banner img {height:auto;width:100%;}
.banner .bg {height:auto;}
.header .top .wrap{ height:70px;}
.header .top .logo .ad {margin-top:2px;}
.header .top .logo .ad p{ font-size:10px;}
.header .top .logo{ margin-top:3px;}
.header .top .logo .icon img{ height:40px}

.header .top .logo .ad h3{ font-size:16px;letter-spacing:1.5px; line-height:18px}
.header .top .logo .ad p{ margin-top:-3px}
.header .top .logo .icon{ padding-right:5px; margin:0; background:none}

.youshi .item .icon img{ width:70px;}
.iserivce .item { min-height:490px}
.ihonor .qimo8 .qimo ul li img{ height:160px}

.title h3, .title02 h3{margin-bottom:10px;}

.isolution .conn .item{ width:48.5%; margin:0; margin-bottom:3%;}
.isolution .conn .item:nth-child(4n){ margin-right:0;}
.isolution .conn .item:nth-child(3n){ margin-right:0;}
.isolution .conn .item:nth-child(3n+1){ clear:none}
.isolution .conn .item:nth-child(2n){ float:right}
.isolution .conn .item:nth-child(2n+1){ clear:both}
.isolution .conn .item:nth-child(16){ display:block}


.ihangye .conn .item{width:48.5%; margin:0 0 15px 0; position:relative}
.ihangye .conn .item:nth-child(2n){ float:right}
.ihangye .conn .item:nth-child(4n+1){ clear:none}
.ihangye .conn .item:nth-child(2n+1){ clear:both}

.footer .flx ul{width: 100%;display:  block; padding:30px 0}
.footer .flx li{ padding:20px 0 0 0; width:100%; display:block; clear:both}
.footer .flx li .icon, .footer .flx li .wenzi{ float:left;}
.footer .flx li .wenzi{ float:right; width:calc(100% - 90px)}
.footer .flx li .icon{ border-radius:50%; border:solid 2px #fff; margin-right:15px;}
.footer .flx li .icon img{ width:70px; height:auto; display:block}

.nbanner img{ width:240%; margin-left:-70%;}


.shangxia{ padding:15px; margin-top:100px;}
.shangxia li{ float:none;}
.shangxia li:nth-child(2){ float:none;}


.shangxia{ margin-top:60px;}


.nabwh .item{ float:none; width:100%;}
.nabwh .item h3{ font-weight:bold; font-size:18px; margin-bottom:10px;}
.nabwh .item:nth-child(1), .nabwh .item:nth-child(3){ margin-top:0px;}
.nabwh .item:nth-child(2){ margin:30px 0;}

.ncb01 .item{ float:none; width:100%;border-right:none;border-bottom:solid 1px #ddd; text-align:center}
.ncb01 .item:nth-child(3){ border:none}
}