@charset "utf-8";
/* CSS Document */
.menu-btn{ height:80px; margin:0 20px; width:25px;cursor:pointer; display:none; position:fixed; right:1%}
.menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}
.header.scroll .menu-btn span, .header:hover .menu-btn span{background:#0084ce;}
.menu-btn .line1{ margin-top:35px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:30px; height:30px; background:url(../images/mclose.png) no-repeat center center; 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:20px; line-height:45px; display:block}

.m-menu li.last form {width: 80%;margin:50px auto 25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius:3px; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px;background: #0084ce;color: #FFF;margin-left: -3px;border-radius:3px;  border:none}



.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:55px; left:0; bottom:0;background:#0093dc; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}


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

@media screen and (max-width:1920px){
.header .menu li .menu_a{margin: 0 30px;}
.title h3{ font-size:40px; line-height:40px;}
.nser01 .nserlists .kuai .text h3{ font-size:40px;line-height:40px;}
.inews .inewslist .toptit{ padding:18px 50px 18px 20px;}
.inews .inewslist .toptit{ font-size:18px;}
.isolution .swiper-slide p{ font-size:18px;}

.nbanner .text h3{ font-size:50px; line-height:50px}
}
@media screen and (max-width:1750px){
.header .menu li .menu_a{margin: 0 25px;}
.iproducts .item .text h3{ font-size:24px; }
.iproducts .item .text h4{ font-size:18px; line-height:50px;}
.inews .inewslist li.cur{ padding-bottom:10px}
.inews .inewslist .toptit{ padding:16px 45px 16px 16px;}
.inews .inewslist .cont{ padding:0 16px 10px 16px; margin-top:-10px}
.inews .inewslist .toptit:after{ right:16px; }
.section{ padding:70px 0 80px 0}
.sectionpre{ padding-top:70px}
.sectionnext{ padding-bottom:80px}
}
@media screen and (max-width:1650px){
.header .menu li .menu_a{margin: 0 25px;}
.wrap{ width:85%;}
.nab03 .wrap{ width:calc(85% + 120px);}
.footer li:nth-child(1){ width:320px;}
.inews .inewslist .toptit{ padding:14px 45px 14px 16px;}
.header .menu ul li:last-child{ margin-right:70px}
}
@media screen and (max-width:1550px){
.iproducts .item .text h3{ font-size:20px; }
.iproducts .item .text h4{ font-size:16px; line-height:40px;}
.header .menu li .menu_a{margin: 0 20px;}
.title h3{ font-size:35px; line-height:35px;}
.nser01 .nserlists .kuai .text h3{ font-size:35px;line-height:35px;}
.section{ padding:60px 0 70px 0}
.sectionpre{ padding-top:60px}
.sectionnext{ padding-bottom:70px}
.inews .inewslist .toptit{ padding:12px 45px 12px 16px;}
.header .menu ul li:last-child{ margin-right:60px}
.nbanner .text h3{ font-size:45px; line-height:45px}

.nnews .nright{ width:400px;}
.nnews .nleft{ width:calc(96% - 400px)}

}

@media screen and (max-width:1440px){
.section{ padding:50px 0 60px 0}
.sectionpre{ padding-top:50px}
.sectionnext{ padding-bottom:60px}	
.title h3{ font-size:30px; line-height:30px;}
.nser01 .nserlists .kuai .text h3{ font-size:30px;line-height:30px;}
.nser01 .nserlists .kuai .text p{ font-size:16px;}
.nbanner .text h3{ font-size:40px; line-height:40px}
.inews .inewslist .toptit{ padding:10px 45px 10px 16px;}
.wrap{ width:88%;}
.nab03 .wrap{ width:calc(88% + 120px);}
body{ font-size:15px; line-height:28px;}
.footer li .link .item img{ width:40px; height:auto}
.footer li .input{ line-height:40px; height:40px;}
.footer .fcontent{padding: 50px 0 40px 0;}
.footer .copyright{ padding:20px 0;}
.title p{ font-size:16px;}
.title p span{ display:inline-block}
.isolution .title p span{ display:inline-block}
.nbanner .text{top: calc(50% + 30px);}
.nbanner img{ width:110%; margin-left:-5%}

.nprolist .kuai .text h3{ font-size:32px; line-height:36px }
.nprolist .kuai .text h4{ font-size:20px; margin-bottom:10px;}

.nprodetail .conn table tr td h3{font-size:18px;}
.nprodetail .conn table tr:nth-child(1) h3{ font-size:28px; }

.nnews .nleft .enventconn .kuai .yi .yinei{ width:80px; height:80px;}
.nnews .nleft .enventconn .kuai .yi .yinei h3{ font-size:20px; padding-top:10px;}
}

@media screen and (max-width:1366px){
.header .menu li .menu_a{margin: 0 18px;}
.header .menu ul li:last-child{ margin-right:50px}
.wrap{ width:90%;}
.title p{ padding-top:15px;}
.inews .inewslist .cont .pic .date h3{ font-size:30px;}
.nbanner img{ width:120%; margin-left:-10%}
.nab02 .conn .item .text h3{ font-size:24px; margin:15px auto}
.nab02 .conn .item .text p{ font-size:16px; line-height:26px}
.nab02 .conn .item .text{ width:80%;}

.nser01 .nserlists .kuai .text h3{ font-size:26px;line-height:26px;}
.nser01 .nserlists .kuai .text p{ font-size:16px;}

.nlx .title h3{ line-height:35px; font-size:24px;}
.nlx .kuai p{ font-size:16px;}
.feedback .fdtitle h3{ font-size:20px;}
.nnews .nright .newsnav p{ font-size:16px; line-height:50px;}
.nnews .nright .newstitle h3{ font-size:20px;}
.nnews .nright .newstjlist .item h3{ font-size:16px;}
.nnews .nleft .item .text h3{ font-size:18px;margin: 20px 0 10px 0;}
.nnews .nleft .item .pic .date{ width:78px; height:78px;}
.nnews .nleft .item .pic .date h3{ font-size:30px;}

.nnews .nright{ width:350px;}
.nnews .nleft{ width:calc(97% - 350px)}
.nnews .nright .newstitle h3{ margin-bottom:5px;}
.nnews .nright .newsnav{ margin-bottom:50px;}

.nnews .newsdetail .date{ width:72px; height:72px;}
.nnews .newsdetail .date h3{ font-size:30px; padding-top:10px;}
.nnews .newsdetail .ndetail{ padding-left:85px}
.nnews .newsdetail .ndetail .ndtitle h3{font-size:22px; margin-bottom:15px; }

.nnews .nleft .enventtop{ line-height:50px;}
}

@media screen and (max-width:1240px){
.footer li:nth-child(2){ display:none; }
.title h3{ font-size:26px;}	
.wrap{ width:92%;}
.isolution .swiper-slide p{ font-size:16px;}
.header .menu li .menu_a{margin: 0 15px;}
.footer .copyright{ padding:18px 0;}
.inews .inewslist .toptit{ font-size:16px;}
.title{ margin-bottom:25px; }
.isolution .swiper-slide img{ max-width:80%}
.inews .inewslist .cont p{-webkit-line-clamp: 2; height:52px;}
.banner{ width:120%; margin-left:-10%}
.nproshow img{ width:120%; margin-left:-10%}
.iproducts .item .text h3{ font-size:18px; margin-top:20px; line-height:24px;  }
.nbanner .text h3{ font-size:30px; line-height:30px}
.nab02 .title p{ font-size:16px;}
.nbanner.nbannerpro .text h3, .nbanner.nbannerpro .text p{ padding-left:10%}

.nprolist .kuai .text h3{ font-size:28px; line-height:30px }
.nprolist .kuai .text h4{ font-size:18px;}

.nprodetail .conn table tr td h3{font-size:16px; line-height:20px;}
.nprodetail .conn table tr td p{ line-height:20px;}
.nprodetail .conn table tr:nth-child(1) h3{ font-size:24px; }

.nnews .nright{ width:250px;}
.nnews .nleft{ width:calc(97% - 250px)}

.nnews .newsdetail .ndetail .ndtitle h3{font-size:20px;}
.nnews .nleft .enventconn .kuai{line-height:21px;}
.nnews .nleft .enventconn .kuai .yi .yinei{ width:72px; height:72px;}
.nnews .nleft .enventconn .kuai .yi .yinei h3{ font-size:18px; line-height:24px;}
.nnews .nleft .enventconn .kuai .yi .yinei p{font-size:14px;line-height:24px;}

}
@media screen and (max-width:1180px){
.header .menu li .menu_a{margin: 0 12px;}
.menu-btn{ height:70px;} 
.header{ height:70px;}
.header .logo{ float:left; margin:22.5px 0;}
.menu-btn .line1{ margin-top:30px}
.nbanner img{ width:130%; margin-left:-15%}
.nab03 .wrap{ width:90%;}
}
@media screen and (max-width:1150px){
.header .menu, .header .search{ display:none}
.menu-btn{ display: block}
.m-foot{ display:block}
.footer{ margin-bottom:55px;}
}
@media screen and (max-width:1024px){
.title h3{ font-size:24px;}	
.nser01 .nserlists .kuai .text h3{ font-size:24px;line-height:24px;}
.nser01 .nserlists .kuai .text p{ font-size:16px;}
.wrap{ width:94%;}
.footer .copyright{ padding:15px 0;}

.iproducts .item{ width:calc(33.3333333% - 10px); margin-right:15px;}
.iproducts{ margin-top:15px;}
.nbanner .text h3{ font-size:24px; line-height:30px; margin-bottom:5px}
.nbanner img{ width:140%; margin-left:-20%}
.nab02 .conn .item .text h3{ font-size:20px; margin-bottom:10px}
.nab02 .conn .item .text p{ font-size:15px; line-height:24px;}
.nab02 .conn .item{ float:left; width:25%; padding:100px 0 120px 0;}

.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width: 820px;height: 447px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;margin-left: 664px;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
.photo-panel .photo-img {width: 660px; position:relative;float: left;height: 447px;background: #fff;}
.photo-panel .photo-view-w {width: 660px;height: 447px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 660px;height:  447px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 640px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin: 10px;}
.photo-panel .photo-view-h img {max-width: 640px;height: 427px;margin: 10px;}
.photo-panel .photo-left,.photo-panel .photo-right {width: 80px;float: left;margin-top: 180px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 80px;height: 80px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 80px;height: 80px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:18px;}


}

@media screen and (max-width:920px){
.menu-btn{ height:64px;} 
.header{ height:64px;}
.header .logo{ float:left; margin:21px 0;}
.header .logo img{ height:22px;}
.menu-btn .line1{ margin-top:27px}	
.banner{ width:130%; margin-left:-15%}
.nproshow img{ width:130%; margin-left:-15%}
.banner .swiper-pagination-bullet{ width:20px; height:3px;}
.iproducts .item .text .more{ display:none}
.iproducts .item .text h3{ line-height:20px;}
body{ line-height:26px;}
.isolution .swiper-slide p{ line-height:24px;}
.inews .inewslist .cont .pic .date h3{ font-size:24px;}
.nbanner .text{top: calc(50% + 20px);}
.nbanner img{ width:160%; margin-left:-30%}
.nbanner.nbannerpro img{ width:170%; margin-left:-40%}

.nab02 .conn .item{ float:left; width:25%; padding:70px 0 90px 0;}
.nab02 .conn .item .text{ width:90%;}
.nab02 .conn .item .text h3{ margin-bottom:5px}

.photo-panel .photo-div {width: 430px;height: 223px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 330px; position:relative;float: left;height:223px;background: #fff;}
.photo-panel .photo-view-w {width: 330px;height: 223px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 330px;height:  223px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 320px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 320px;height: 213px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 50px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 50px;height: 50px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 50px;height: 50px;background-size:cover; cursor: pointer;}
.photo-panel .photo-bar{ font-size:17px;}

.nbanner.nbannerpro .text h3, .nbanner.nbannerpro .text p{ padding-left:4%}
.nguide{ line-height:50px;}
.nguide li a{ padding:0 15px;}
.nguide ul{ width:100%; overflow-x:auto; display:flex; display:-webkit-flex;}
.nguide li a{ white-space:nowrap}

.nprolist .kuai .text h3{ font-size:24px;}
.nprolist .kuai .text h4{ font-size:16px;}
.nprolist .kuai .text .more{ margin-top:30px;}

.nprodetail .conn table tr:nth-child(1) h3{ font-size:20px; }

.nser02 .conn .item{ width:100%; margin-right:0%; margin-top:20px; padding:10px 10px 25px 10px;}
.nser02 .conn .item:nth-child(2){margin-top:20px;}

.nlx{ float:none; width:100%; margin-bottom:35px;}
.feedback{ float:none; width:100%;  padding:20px; }
.feedback .fdtitle h3{ margin-bottom:15px}
.nlx .title h3{ line-height:30px; font-size:20px;}
.nlx .kuai a img{ height:25px; width:auto}

.nnews .nleft .item .pic .date h3{ font-size:28px;}

.nnews .nright{ display:none}
.nnews .nleft{ width:100%; float:none}

.phshow{ display:block !important}
.pcshow{ display: none !important}
.nnews .nleft .enventtop{ font-size:16px; line-height:45px;}

.nnews .newsdetail .ndetail{ padding-left:0}
.nnews .newsdetail .ndetail .ndtitle p{ margin-bottom:20px; margin-top:-6px; color:rgba(0,132,206,1)}
}

@media screen and (max-width:640px){
.banner{ width:132%; margin-left:-16%}
.nproshow img{ width:132%; margin-left:-16%}
.inews .inewslist .cont p{ width:100%; margin-bottom:10px;}
.inews .inewslist .cont .pic{ position: relative; width:100%; top:auto; right:auto}	
.inews .inewslist .toptit{width:100%;}

.footer ul {width: 100%;display: block;display:block;}
.footer li {display:block; line-height:30px; }
.footer li:nth-child(1) { width:100%; margin-bottom:45px;}
.footer li:last-child { width:100%; margin-top:45px;}
.nbanner img{ width:180%; margin-left:-40%}
.nab02 .conn .item{ width:50%;padding:40px 0 50px 0;}


.photo-panel .photo-div {width: 350px;height: 207px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding:5px;}
.photo-panel .photo-img {width: 310px; position:relative;float: left;height:220px;background: #fff;}
.photo-panel .photo-view-w {width: 310px;height: 210px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 310px;height: 210px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 300px;height: auto;vertical-align: middle;text-align: center;max-height: 427px;margin:5px;}
.photo-panel .photo-view-h img {max-width: 300px;height: 200px;margin: 5px;}

.photo-panel .photo-left,.photo-panel .photo-right {width: 20px;float: left;margin-top: 120px;}
.photo-panel .arrow-prv {background: url(../images/l.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}
.photo-panel .arrow-next {background: url(../images/r.png) center;width: 20px;height: 40px;  background-size:auto 100%}
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png) center;width: 20px;height: 40px; background-size:auto 100%}

.nprolist .kuai .text h3{ font-size:22px;}

.nprolist .kuai .pic{ width:100%; float:none}
.nprolist .kuai .text{ width:100%; float:none; padding:15px 0 40px 0}
.nprolist .kuai:nth-child(2n) .pic{ float:none}
.nprolist .kuai:nth-child(2n) .text{ float:none;padding:15px 0 40px 0}

.nser01 .nserlists .kuai .text h3{ font-size:22px; margin-bottom:15px;}

.nser01 .nserlists .kuai .pic{ width:100%; float:none}
.nser01 .nserlists .kuai .text{ width:100%; padding:15px 0 40px 0}
.nser01 .nserlists .kuai:nth-child(2n) .pic{ float:none}
.nser01 .nserlists .kuai:nth-child(2n) .text{ float:none; padding:15px 0 40px 0}

.nlx .kuai a img{ height:22px; width:auto}
.feedback .form .row .submit{font-size:16px; width:140px;height:40px; line-height:40px;}



.nbanner .text h3{ font-size:18px;}
.nbanner .text p { font-size:14px;}
.iproducts{width:94%; margin:0 auto}
.iproducts .item{ width:100%; margin-right:0px; margin-top:15px;}
}