@charset "utf-8";
/* CSS Document */
.m-btn{height:55px;width:45px; margin-top:-27px;display:none; position:fixed; right:10px; margin-top:30px; z-index:99999;}
.m-btn span{ width:20px; height:2px;background: #053f90; position:absolute; left:17.5px; top:20px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:2px center;-moz-transform-origin:2px center;transform-origin:2px center}
.m-btn .line2{top:26px;}
.m-btn .line3{top:32px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.open-menu span{ background:#fff}
.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.mobile-menu{width: 270px;position: fixed; top: 0; height: 100%; overflow: hidden;background-color: #0C0C0C;z-index: 9999;left: 0;transform: translate3d(-270px,0,0);-webkit-transform: translate3d(-270px,0,0);-ms-transform: translate3d(-270px,0,0);-sand-transform: translate3d(-270px,0,0); -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease;}
.mobile-menu .closed{ display:block; width:30px; height:30px; background:url(../images/guanbi.png) no-repeat center #f8f8f8; position:absolute; right:15px; top:15px}
.mobile-menu ul{ width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.mobile-menu a{ display:block}
.mobile-menu li{ position:relative}
.mobile-menu li>a{display: block;padding:12px 15px; font-size: 16px; line-height: 26px; overflow-x: hidden;text-transform: uppercase;color: rgba(255,255,255,.8);border-bottom: 1px solid rgba(92,92,92,.23);}
.mobile-menu .menua i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.mobile-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.mobile-menu .m-search{padding:12px 15px; font-size: 16px;border-bottom: 1px solid rgba(92,92,92,.23);position:relative}
.mobile-menu .m-search form{ position:relative}
.mobile-menu .m-search .input{background-color: rgba(255,255,255,.1);border: none;padding: 14px 50px 14px 18px;font-size: 14px;color: #fff;height: 48px;width:100%;color: rgba(255,255,255,.8)}
.mobile-menu .m-search .btn{position: absolute;top:0;right: 0;bottom:0;font-size: 0;border: none;background:url(../images/search-btn01.png) no-repeat center;width: 50px;}
.mobile-menu.show{left: 0;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-sand-transform: translate3d(0,0,0);}
.mobile-menu-bg, .sidebar-left-bg{position: fixed;top: 0;left: 0;width: 100%; height: 100%;z-index: 1000; display:none;background-color: rgba(0,0,0,.7);}

.mobile-sidebar-btn{ font-weight:bold; color:#333; display:flex; display:-webkit-flex; align-items:center; opacity:0; visibility:hidden; height:0; overflow:hidden; font-size:16px}
.mobile-sidebar-btn .line{ margin-right:10px; position:relative}
.mobile-sidebar-btn .line, .mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{display: inline-block;width: 18px;height: 2px; background:#333;}
.mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{position: absolute;content: "";left: 0;}
.mobile-sidebar-btn .line:before{top: -6px;}
.mobile-sidebar-btn .line:after{top: 6px;}
.sidebar-left-close{display: none;padding: 16px 20px;background-color: #000;text-align: right; color:#fff}
.sidebar-left-close span{text-transform: uppercase;font-size: 12px;line-height: 35px;position: relative;cursor: pointer;padding-right: 21px;}
.sidebar-left-close span:after{content:" ";position: absolute; right: 0; top: 50%; margin-top: -1px;width: 15px;height: 2px; display: inline-block; background-color: #fff;}
.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#053f90; color:#fff; display:none; z-index:99}
.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:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


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


@media screen and (max-width: 1600px){
.banner{ width:120%; margin-left:-10%}
.icase .gallery-thumbs .swiper-slide .kuai{ padding:13px 0 20px 0;}
.idingzhi .npguide .kuai .intro{padding: 5px 20px 10px 20px}
.idingzhi .swiper-slide .text .intro h3{margin-top: 5px}
}
@media screen and (max-width: 1550px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:11px 0 17px 0;}
.idingzhi .npguide .kuai .intro p{ line-height:29px}
}
@media screen and (max-width: 1550px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:11px 0 13px 0;}
}
@media screen and (max-width: 1500px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:10px 0 15px 0;}

.idingzhi .npguide .kuai .intro p{ line-height:28px}
}
@media screen and (max-width: 1450px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:8px 0 12px 0;}
}
@media screen and (max-width: 1440px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:8px 0 10px 0;}
}
@media screen and (max-width: 1440px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:5px 0 10px 0;}
}
@media screen and (max-width: 1366px){
.banner{ width:130%; margin-left:-15%}
.wrap{ width:86%; }
.title h3{ font-size:32px; }
.titleabout h3{ font-size:32px;}
.iproducts .gallery-thumbs .swiper-slide span{font-size:32px; }
.iad .adleft h2{ font-size:32px;}
.nabout01 .wenzi h3{ font-size:32px;}
.nabout01 .wenzi h4{ font-size:20px;}
.solution04 .adleft h3{ font-size:32px; }

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

.iproducts .gallery-thumbs .swiper-slide { font-size:20px; }
.iproducts .gallery-thumbs .swiper-slide span{font-size:30px; margin-right:12px;}

.iliucheng .lctitle h3{ line-height:55px; font-size:26px;}
.nbanner{ width:120%; margin-left:-10%}


.iproducts .npguide .kuai .intro { padding: 5px 20px 17px 20px;}
.icase .gallery-thumbs .swiper-slide .kuai { padding: 21px 0 34px 0;}

.header .menu li .menu_a span{ padding:0 37px}

.iyoushi .item .icon{ width:71px; height:80px; margin:-40px auto 0 auto; position:relative;}
.iyoushi .item .wenzi{ padding:15px 10px 20px 10px;}
.iyoushi .item .wenzi h3{ font-size:20px; margin-bottom:5px;}
.iyoushi .item .wenzi p{ font-size:16px}
.title h3{ margin-bottom:15px}
.title p { font-size:22px}
.title{ margin-bottom:25px;}

.idingzhi .npguide .kuai .intro p{ line-height:27px}
.idingzhi .prosrolls .pic{ width:240px;}
.idingzhi .prosrolls .plogo img, .nmain .pright .prolist .plogo img{ max-width:110px;}

.isolution .solright .caseroll li{ width:150px; height:75px;}
.icase .gallery-thumbs .swiper-slide .kuai{ padding:5px 0 16px 0}

.iad{padding: 45px 0;}

.ntitle h3{font-size:32px;}
.ntitle p{ font-size:16px;}

.pxyskuai02 .shuzih02 .item h3 span{ font-size:40px; line-height:40px; margin-bottom:15px}
.solution06 .shuzih .item h3 .counter{ font-size:40px; line-height:40px; margin-bottom:15px}

.nabout01 .shuzih03 .item h3 {font-size:16px }
.nabout01 .shuzih03 .item h3 span{ font-size:40px; line-height:40px;}

.nabout03 .swiper-button-prev{ left:0px !important; }
.nabout03 .swiper-button-next{ right:0px !important;}

.idingzhi .swiper-slide .text .more a{ margin-top:20px}
.idingzhi .swiper-slide .text{ padding:20px 15px 20px 10px}
.idingzhi .swiper-slide .text .intro h3{padding-left: 25px;}
.idingzhi .swiper-slide .text .intro p{padding-left: 25px;}
}
@media screen and (max-width: 1616px){
.header .menu li .menu_a{ font-size:17px;}
.header .menu li .menu_a span{ padding:0 31px}	
}
@media screen and (max-width: 1587px){
.header .menu li .menu_a span{ padding:0 29px}	
}
@media screen and (max-width: 1542px){
.header .menu li .menu_a span{ padding:0 27px}	
}
@media screen and (max-width: 1497px){
.header .menu li .menu_a span{ padding:0 25px}
.idingzhi .npguide .kuai .prtitle a{ line-height:35px}
.idingzhi .rolls{ overflow:hidden}
.idingzhi .rolls .swiper-container{ width:108%; margin-left:-7%}
}
@media screen and (max-width: 1452px){
.header .menu li .menu_a span{ padding:0 23px}	
.idingzhi .swiper-slide .text{padding: 15px}
}
@media screen and (max-width: 1407px){
.header .menu li .menu_a span{ padding:0 20px}	
}
@media screen and (max-width: 1366px){
.header .menu li .menu_a span{ padding:0 25px}	
}
@media screen and (max-width: 1351px){
.header .menu li .menu_a span{ padding:0 24px}	
.footer .fcontent .flianxi a{ margin-left:20px}
}
@media screen and (max-width: 1330px){
.header .menu li .menu_a span{ padding:0 24px}	
}
@media screen and (max-width: 1309px){
.header .menu li .menu_a span{ padding:0 23px}	
}
@media screen and (max-width: 1288px){
.header .menu li .menu_a span{ padding:0 20px}	
}
@media screen and (max-width: 1246px){
.header .menu li .menu_a span{ padding:0 19px}	
}
@media screen and (max-width: 1178px){
.header .menu li .menu_a span{ padding:0 16px}	
}
@media screen and (max-width: 1136px){
.header .menu li .menu_a span{ padding:0 15px}	
}
@media screen and (max-width: 1095px){
.header .menu li .menu_a span{ padding:0 14px}	
}
@media screen and (max-width: 1300px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:5px 0 10px 0;}
}
@media screen and (max-width: 1280px){
.icase .gallery-thumbs .swiper-slide .kuai{ padding:5px 0 8px 0;}

}
@media screen and (max-width: 1075px){
.idingzhi .swiper-slide .text .more{ display:none}
.isolution .solright .tuanys .item .icon{ margin:5px auto}
}
@media screen and (max-width: 1042px){
.header .menu li .menu_a span{ padding:0 19px}	
}
@media screen and (max-width: 1240px){
body{  line-height:28px;font-size:15px;}
.iproducts .npguide .kuai .prtitle a{ line-height:45px;}
.iproducts .npguide .kuai .intro {padding: 8px 20px 15px 20px;}	

.protile02{ margin-bottom:20px;}
.protile02 h3{ font-size:28px; font-weight:bold; line-height:32px; color:#053f90}
.protile02 h3 .en {font-size:22px; }
.protile02 a{ font-size:17px;}

.wrap{ width:88%; max-width:1300px; margin:0 auto;}

.idingzhi .swiper-slide .text{ width:35%}
.idingzhi .swiper-pagination{ right:37%}
.idingzhi .swiper-slide .text .ptitle{ font-size:22px;padding-bottom: 10px; margin-bottom: 10px}

.idingzhi .swiper-slide .text .intro h3{ margin-top:5px}
.idingzhi .rolls{ overflow:hidden}


.idingzhi .npguide .kuai .intro p{ line-height:27px}
.idingzhi .npguide .kuai .prtitle a{ line-height:40px; font-size:18px}
.idingzhi .swiper-slide .text .intro h3{ font-size:16px;}

.idingzhi .prosrolls .plogo img, .nmain .pright .prolist .plogo img{ max-width:100px;}
.isolution .solright .tuanys{margin: 15px 0;}
.isolution .solright .tuanys .item .icon{ max-width:60px;}
.isolution .solright{padding: 20px}
.isolution .solright .bottom .stel{ font-size:20px;}
.isolution .solright .tuanys .item .wenzi{ font-size:16px}

.isolution .solright .caseroll li{ width:150px; height:85px;}
.iad{padding: 35px 0;}
.nabout01 .shuzih03{ padding:20px;}
.nabout02 .kuai .wenzi .inn h3{ font-size:18px}

.nabout01 .shuzih03 .item h3 span{ font-size:35px; line-height:35px;}
}
@media screen and (max-width: 1150px){
.nabout01 .wrap{ padding-bottom:0px; position:relative}
.nabout01 .shuzih03{ width:100%; position: relative; margin-top:10px}

}
@media screen and (max-width: 1124px){
.header{ position: fixed !important}
.header .menu{ display:none}
.space{ height:110px; display:block}
.header .top .tel{ margin-right:50px;}
.m-btn{ display:block}

.banner{ width:140%; margin-left:-20%}
.header .top .tel{ display:none}
.header .top .toperweima{ display:none}
.search{ display:none}

.iyoushi .item .ipic img{ width:auto; max-width:180px; }
.iyoushi .item .wenzi h3{ font-size:18px; }
.iyoushi .item .wenzi h3 span{ font-size:25px;}

.title h3{ font-size:30px;margin-bottom:10px}
.titleabout h3{ font-size:30px;}
.iproducts .gallery-thumbs .swiper-slide span{font-size:30px; }
.iad .adleft h2{ font-size:30px;}
.nabout01 .wenzi h3{ font-size:30px;}
.nabout01 .wenzi h4{ font-size:18px;}
.solution04 .adleft h3{ font-size:30px; }

.iliucheng .others .ysconn li{ margin:0 10px}

.iliucheng .others .zixun, .iliucheng .others .dingzhi{ position:absolute; left:30px; top:50%; margin-top:-22px;}


.iliucheng .others .dingzhi{ left:auto; right:30px}

.icase .gallery-thumbs{float:none; width:100% }

.icase .gallery-thumbs .swiper-slide .kuai{ font-size:17px;}
.icase .swiper-slide .text h3{ font-size:20px;}
.footer .fnav{ display:none}

.footer .fcontent .ewm, .footer .fcontent .ewm img{ width:100px; height:100px}
.footer .fcontent .flianxi{ border:none; padding-left:0}
.footer .fcontent .erweima02 .wenzi{ padding-top:8px; height:100px;}

.float_kf{ display:none}
.m-foot{ display:block}
.footer .copyright{ margin-bottom:55px}

.title h3{ margin-bottom:10px}
.title p { font-size:20px}
.title{ margin-bottom:20px;}

.idingzhi .prosrolls .pic{ width:200px;}
.idingzhi .prosrolls .plogo img, .nmain .pright .prolist .plogo img{ max-width:90px;}

.idingzhi .npguide{ width:100%; position: relative; left:auto; top:auto; height:auto; margin-bottom:20px;}
.idingzhi .rolls{ float:none; width:100%}
.idingzhi .rolls .swiper-container{ width:100%; margin-left: 0%;}
.idingzhi .swiper-slide .text{ position:relative; width:100%}
.idingzhi .swiper-pagination{ padding-right:3%; bottom:20px !important;}

.isolution .conn .lc{ float:none; width:100%; margin-bottom:20px}
.isolution .solright{ width:100%; float:none;}
.icase .gallery-thumbs .swiper-slide .kuai{ margin:0 5px 10px 5px}

.iad .adleft{ float:none;}
.iad .adright{ float:none;}
.inews .inewsleft .topnews .wenzi p{-webkit-line-clamp: 2;}
.shilizhen #tatabcontent ul .item .wenzi{ line-height:50px;}

.ntitle h3{font-size:28px;}
.ntitle{ margin-bottom:25px}

.phshow{ display:block}
.pcshow{ display:none}
.npros{ margin-top:0}

.nabout03 .gallery-thumbs{ bottom:0}
.nabout03 .swiper-button-next, .nabout03 .swiper-button-prev{ bottom:10%}
.nabout03 .ntitle{ top:0}
.nsol01 .ntitle p{ font-size:16px;}

.nsol03 .ntitle h4{ font-size:20px;}

}
@media screen and (max-width: 920px){
.header .top .logo img{ border-right:none; padding-right:0; margin-right:0;}
.header .top .logo .ad{ display:none}
.header .top .wrap{ height:100px}
.space{ height:100px;}
.m-btn{ margin-top:25px;}

.banner .swiper-pagination{bottom:20px !important;}
.iliucheng .lctitle h3{ line-height:50px; font-size:24px;}
.iliucheng .tabmenu li{font-size:16px; }
.footer .fcontent .erweima02{ clear:both}
.footer .fcontent .flianxi{ margin-bottom:25px}

.nmenus li{ width:25%; line-height:50px}
.tupianzhan li .wenzi{line-height:50px; }

.ncontact li{ float:left; width:33.33%; font-size:16px; padding:0 0 20px 0}
.ncontact li:nth-child(4){ margin-left:16.66%; clear:both}

.pxyskuai02 .shuzih02 .item h3 span{ font-size:35px; line-height:35px; margin-bottom:15px}

.nbanner{ width:130%; margin-left:-15%}

.solution02 .item .wenzi h3{ font-size:20px;}

.nmain .pleft{ float:none; width:100%; margin-bottom:35px}
.nmain .pright{ float:none; width:100%}
.nmain .pleft .pnav .biaoti{ display:none}
.nmain .pleft .pnav .kuai h3{line-height:42px; font-size:18px;}
.nmain .pleft .pnav .kuai .conn p{ line-height:30px;}
.nmain .pleft .pnav02 .kuai .conn p{ float:left !important; width:50% !important}



.newslist .kuai .text h3{ font-size:18px;}
.newslist .kuai{ padding:14px;}

.shangxia .kuai span:nth-child(2){ width:calc(100% - 180px);}
.shangxia .kuai span:nth-child(1){ width:76px;}

.protile02{ margin-bottom:20px;}
.protile02 h3{ font-size:24px; font-weight:bold; line-height:32px; color:#053f90}
.protile02 h3 .en {font-size:20px; }
.protile02 a{ font-size:16px;}
.pxyskuai03 .item .wenzi{ font-size:18px;}
.idingzhi .prosrolls .plogo img,.nmain .pright .prolist .plogo img{ max-width:80px;}
.isolution .solright .coptitle h3{ font-size:20px;}
.isolution .solright .caseroll li{ width:130px; height:75px;}
.icase .gallery-thumbs .swiper-slide .kuai{ padding:0px 0 10px 0}

.iad .adleft .liuc .kuai{margin-right: 25px}
.ntitle h3{font-size:24px; padding-bottom:15px}
.ntitle{ margin-bottom:15px}

.partner li{ float:left; width:24%;}
.pright .toppro .use{ position:relative; margin-top:40px; width:100%; left:auto; bottom:auto}

.nabout01 .shuzih03 .item h3 span{ font-size:30px; line-height:30px;}
.solution06 .shuzih .item h3 .counter{ font-size:28px; line-height:30px;}
.nabout02 .kuai .wenzi .inn h3{ font-size:16px;}
.nabout02 .kuai .wenzi .inn .icon{ margin-bottom:5px;}

.nabout03 .ntitle{ position: relative; width:100%; left:auto; top:auto; text-align:center}
.nabout03 .ntitle h3:after{left:50%;  margin-left:-35px;}
.nabout03 .gallery-top{ float:none; width:100%; margin-top:15px;}
.nabout03 .gallery-thumbs{ position:relative; width:100%; margin-top:15px;}
.nabout03 .gallery-top .wenzi{ font-size:16px; line-height:45px;}
.nabout03 .swiper-button-next, .nabout03 .swiper-button-prev{ width:35px; height:35px;}
.nabout03 .swiper-button-next, .nabout03 .swiper-button-prev{ bottom:24px;}

.nsol01 li img{border:solid 6px #eee;max-width:calc(100% - 12px);}
.solution02 .item{ padding:10px}
.solution02 .item .wenzi .line{ margin:10px auto 20px auto}

.footer .fcontent .flianxi a{ margin-left:0px; display:block}
}

@media screen and (max-width: 768px){
.header .top .wrap{ height:80px}
.space{ height:80px;}
.header .top .logo{ margin-top:-27.5px; }
.header .top .logo img{ height:55px;}
.m-btn{ margin-top:15px;}	



.iyoushi .conn{ display:block}
.iyoushi .item{ float:left; width:calc(50% - 7.5px); margin-top:15px; margin-right:0}
.iyoushi .item:nth-child(1), .iyoushi .item:nth-child(2){ margin-top:0;}
.iyoushi .item:nth-child(2n){ float:right}


.title h3{ font-size:26px;}
.titleabout h3{ font-size:26px;}
.iproducts .gallery-thumbs .swiper-slide span{font-size:20px;}
.iproducts .gallery-thumbs .swiper-slide { font-size:18px; line-height:22px; padding:12px 2%}
.iad .adleft h2{ font-size:24px;}
.nabout01 .wenzi h3{ font-size:24px;}
.nabout01 .wenzi h4{ font-size:17px;}
.solution04 .adleft h3{ font-size:24px; margin-bottom:10px}
.solution04 .adleft .tedian span{ font-size:18px}
.iproducts .swiper-slide .text .intro h3{margin-bottom:5px; font-size:16px; margin-top:10px;}
.iproducts .swiper-pagination{bottom:4% !important; width:100% !important}
.iproducts .npguide{ float:none; width:100%; margin-bottom:30px;}
.iproducts .rolls{ float:none; width:100%} 

.iliucheng .lc01{ float:none; width:100%; margin-bottom:30px}
.iliucheng .lc02{ float:none}

.iliucheng .tabmenu li{ padding:15px 0; line-height:22px;}
.iliucheng .tabmenu li span{ display:block}
.iliucheng .lctitle h3{ line-height:50px; font-size:20px;}
.iliucheng .others .zixun, .iliucheng .others .dingzhi{ position:relative; display:inline-block; margin:20px 0; left:auto; top:auto; right:auto}
.iliucheng .others .ysconn{ display:block}
.iliucheng .others .ysconn li:nth-child(1), .iliucheng .others .ysconn li:nth-child(2){ margin-bottom:20px;}

.icase .swiper-slide .text{padding:15px; color:#fff; background-color:rgba(0,0,0,0.5); position: relative; bottom:auto; left:auto; width:100%}
.icase .swiper-slide .text h3{ font-size:20px;}

.iad .adright{ float:none; display:block; margin:0 auto; clear:both; padding-top:10px;}


.iyoushi02 li .wenzi h3{ font-size:20px;}


.inews .inewsleft{ float:none; width:100%; margin-bottom:30px}
.inews .inewsright{ float:none; width:100%}
.inews .newstitle h3{ font-size:20px; margin-bottom:15px;}

.inews .inewsleft .othernews .kuai{ float:none; width:100%;}
.inews .inewsleft .othernews .kuai h3{ width:100%}
.inews .inewsleft .othernews .kuai:nth-child(2n){ float:none}

.iabout .pic{ float:none; width:100%;}
.iabout .wenzi{float:none; width:100%;}
.iabout .wenzi h3{ font-size:24px; padding-top:5px; font-size:20px;}
.iabout .conn{padding: 20px 20px 0px 20px}
.message .item{width:100%; float:none}
.message .item:nth-child(even){ float:none}


.nabout01 .pic{ float:none; width:100%;}
.nabout01 .wenzi{ float:none; width:100%; position: relative; padding:30px 0}



.tupianzhan li{ float:left; width:48.5%; margin-right:0%; margin-bottom:2%;background:#fff;text-align:center}
.tupianzhan li:nth-child(4n+1){ clear:none; }
.tupianzhan li:nth-child(2n){ float:right}
.tupianzhan li:nth-child(2n+1){ clear:both; }

.solution05 .item{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}
.solution05 .item:nth-child(3n){ margin-right:0}

.shuzih .item h3 span{ font-size:35px}
.solution06 .shuzih .item h3 .counter{ font-size:35px; line-height:35px;}

.shuzih .item{ float:left; width:33.33%;}
.shuzih .item:nth-child(4){ margin-left:16.66%}
.shuzih .item:nth-child(1), .shuzih .item:nth-child(2), .shuzih .item:nth-child(3){ margin-bottom:20px}
.shuzih { margin-top:-20px;}


.nabout01 .shuzih03 .item{width:33.33%;}
.nabout01 .shuzih03 .item:nth-child(4){ margin-left:16.66%}
.nabout01 .shuzih03 .item:nth-child(1), .nabout01 .shuzih03  .item:nth-child(2), .nabout01 .shuzih03  .item:nth-child(3){ margin-bottom:20px}


.nmain .pright .prolist .item{ float:left; width:48.5%; margin-right:0%;}
.nmain .pright .prolist .item:nth-child(2n){ float:right}
.nmain .pright .prolist .item:nth-child(3n+1){ clear:none}
.nmain .pright .prolist .item:nth-child(2n+1){ clear:both}
.nmain .pright .prolist .wenzi h3{ font-size:17px}

.pxyskuai01 .kuai{ float:left; width:50%;border-right:solid 1px #ddd;}
.pxyskuai01 .kuai:nth-child(3n+1){ clear:none}
.pxyskuai01 .kuai:nth-child(2n+1){ clear:both}
.pxyskuai01 .kuai:nth-child(3){border-top:solid 1px #ddd;border-right:solid 1px #ddd;}
.pxyskuai01 .kuai:nth-child(2n){border-right:none}
.pxyskuai01 .kuai .wenzi h3{ font-size:18px; margin-bottom:10px}
.pxyskuai02 .shuzih02 .item h3 span{ font-size:35px; }
.pxyskuai02 .shuzih02 .item{ float:left; width:33.33%;}
.pxyskuai02 .shuzih02 .item:nth-child(4){ margin-left:16.66%}
.pxyskuai02 .shuzih02 .item:nth-child(1), .pxyskuai02 .shuzih02 .item:nth-child(2), .pxyskuai02 .shuzih02 .item:nth-child(3){ margin-bottom:20px}

.pxyskuai03 .item{ width:33.33%;}
.pxyskuai03 .item:nth-child(1), .pxyskuai03 .item:nth-child(2), .pxyskuai03 .item:nth-child(3){ margin-bottom:10px;}
.pxyskuai03 .item:nth-child(4){ margin-left:16.66%;}

.pxyskuai03 .item:last-child{width:calc(33.33% - 16px);}
.pxyskuai03 .item .wenzi{ font-size:16px;}

.zhaiyao .zyleft{ float:none; width:100%;}
.zhaiyao .zyright{width:100%; float:none}

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

.idingzhi .prosrolls .pic{ width:170px;}
.idingzhi .prosrolls .plogo img, .nmain .pright .prolist .plogo img{ max-width:70px;}

.icase .casesrolls li{height:75px;}
.icase .casesrolls li img{ width:60%; height:auto}
.inews .inewsleft .topnews .wenzi .more{ display:none}
.inews .inewsleft .topnews .wenzi .time{padding: 0px 0 0 0;}
.nmain .pright .prolist .plogo{margin:10px; }

.pxyskuai02 .shuzih02 .item h3 span{ font-size:30px; line-height:30px;}
.pxyskuai05 .prolist .item:nth-child(3){ display:none}

.nabout02 .left, .nabout02 .mid, .nabout02 .right{ width:100%}
.nabout02 .mid{ width:100%; margin:0 0 9px 0;}

.solution04 .adleft .tedian span{ margin-top:10px;}

.solution06 .shuzih { margin-top:20px;}

.solution06 .shuzih .item{ float:left; width:33.33%;}
.solution06 .shuzih .item:nth-child(4){ margin-left:16.66%}
.solution06 .shuzih .item:nth-child(1), .solution06 .shuzih .item:nth-child(2), .solution06 .shuzih .item:nth-child(3){ margin-bottom:20px}
}

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

.iproducts .npguide .kuai .intro p{ float:left; width:50%}

.iproducts .swiper-slide .text{ width:100%; height:100%; padding:40px 25px; color:#fff; background-color:rgba(1,83,167,1); position: relative; top:auto; right:auto}
.iproducts .swiper-slide .text .ptitle{ font-size:20px; font-weight:bold;}
	
.iyoushi02 li{ float:none; width:100%; margin-bottom:25px;}
.iyoushi02 li:nth-child(2n){ float:none;}
.footer .fcontent .flogo{ margin-top:0}
.flogo img{ height:45px; width:auto; margin-bottom:10px;}

.shilizhen #tatabcontent ul .item{ float:left; width:48.5%; margin-right:0%; margin-bottom:15px; position: relative}
.shilizhen #tatabcontent ul .item:nth-child(2n){ float:right}
.shilizhen #tatabcontent ul .item:nth-child(2n+1){ clear:both}

.ncontact .conn{ margin-top:20px}
.ncontact li{ float:none; clear:both; width:100%;}
.ncontact li:nth-child(4){ margin-left:0%; clear:both}

.ncontact li .icon{ width:20%; float:left}
.ncontact li .text{ width:80%; float:right; text-align:left}
.ncontact li .icon{ margin:0; max-width:60px;}





.solution01 .silie li, .solution06 .silie li{ float:left; width:48.5%; margin-right:0%; margin-bottom:2%}
.solution01 .silie li:nth-child(2n), .solution06 .silie li:nth-child(2n){ float:right}
.solution01 .silie li:nth-child(2n+1), .solution06 .silie li:nth-child(2n+1){ clear:both}

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

.solution02 .item{ float:none; width:100%; margin-bottom:10px}
.solution02 .item:after{ display:none}

.solution04 .adleft{ float:none; text-align:center}
.solution04 .adright{ float:none; clear:both; padding-top:0; text-align:center}
.solution04 .adright .erweima01{ margin:20px auto; display:inline-block; float:none}
.solution04 .adright .zixun{ float:none; display:inline-block}

.solution05 .item .wenzi{ font-size:16px}

.shuzih .item h3 span{ font-size:30px}

.newslist .kuai .pic{ float:none; width:100%; margin-bottom:20px;}
.newslist .kuai .text{ float:none; width:100%;}

.nmain .pleft{ float:none; width:100%; margin-bottom:25px}
.nmain .pright{ float:none; width:100%}

.pright .toppro .wenzi h3{ font-size:22px; }
.pright .toppro .picrolls{ float:none; width:100%; margin-bottom:20px;}
.pright .toppro .wenzi{ width:100%; float:none; margin-top:40px}

.pright .toppro .wenzi .use .ptel{ float:none; margin-bottom:20px}
.pright .toppro .wenzi .use .zixun{ float:none}

.idingzhi .prosrolls li{ padding:7px}

.iad .adleft .liuc .kuai{ font-size:15px;}

.shilizhen .tabmenu li h3{ font-size:20px;}
.header .top .wrap{ height:70px}
.space{ height:70px;}
.header .top .logo{ margin-top:-22.5px; }
.header .top .logo img{ height:45px;}
.m-btn { margin-top: 10px;}
.iad .adleft .liuc .kuai{ width:25%; margin-bottom:15px;}
.iad .adleft h3{ margin-bottom:0}

.iad .adleft h2{ font-size:22px; padding-bottom:15px; margin-bottom:15px;}
.iad .adright .zixun{ margin-top:10px}
.iad .adright .dianhua h3{ font-size:24px}
.iyoushi02 li{ padding:10px;}
.iyoushi02 li .wenzi h4{ font-size:16px; margin: 4px 0;}
.iabout .conn{padding: 15px 15px 0px 15px}
.shilizhen #tatabcontent ul .item .wenzi{ line-height:45px;}
.footer .fcontent .erweima01{ float:left}
.tupianzhan li .wenzi{line-height:45px; }
.pxyskuai02 .shuzih02 .item h3 { font-size:18px}
.pxyskuai02 .shuzih02 .item h3 span{ font-size:28px;}

.pxyskuai02 .cpic .left img, .pxyskuai02 .cpic .right img{ height:auto}
.pxyskuai02 .cpic .mid img{ height:auto}

.pxyskuai04 .item{float:left; width:33.33%;  height: 115px;}
.pxyskuai04 .item:nth-child(5n){ border-right:solid 1px #ddd}
.pxyskuai04 .item:nth-child(3n){ border-right:none}
.pxyskuai04 .item:nth-child(4), .pxyskuai04 .item:nth-child(5){ border-top:solid 1px #ddd}
.pxyskuai04 .item:nth-child(5n+1){ clear:none}
.pxyskuai04 .item:nth-child(3n+1){ clear:both}
.pxyskuai04 .item:nth-child(10){ display:none}

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

.nsol01 .conn ul{ display:block}
.nsol01 li{ display:inline-block; float:left; width:48.5%;}]
.nsol01 li:nth-child(2n){ float:right}
.nsol01 li img{ width:100%}
.nsol01 .conn{ margin-top:10px;}

.soltupianzhan li{ width:48.5%;margin-right:3%; margin-top:3%;}
.soltupianzhan li:nth-child(3n){ margin-right:3%}
.soltupianzhan li:nth-child(3){ margin-top:3%}
.soltupianzhan li:nth-child(3n+1){ clear:none; }
.soltupianzhan li:nth-child(2n){ margin-right:0;}
.soltupianzhan li:nth-child(2n+1){ clear:both; }
.solution06 .shuzih .item h3 .yuan{ font-size:10px; width:20px; height:20px; line-height:20px;}

.ncontact .icon img{ width:80%; margin:0 auto}

}

@media screen and (max-width: 450px){
.iyoushi .item .wenzi h3 span{ font-size:18px;}
.iyoushi .item .wenzi h3{ font-size:17px;}
.iyoushi .item .wenzi p{ font-size:14px; line-height:20px; height:80px;}

.iproducts .swiper-slide .text .intro h3{  margin-bottom:5px; font-size:16px; margin-top:5px; }
.iproducts .swiper-slide .text .intro p{ line-height:20px;font-size:14px;}


.location{ line-height:20px; padding:18px 0}


.location .wrap p{
font-size:14px;	
	position:relative;
	background-image: url(../images/location.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.nmain .pright .prolist li{ float:none; width:calc(100% - 2px); border:solid 1px #ddd; margin-right:0%; margin-bottom:2%;}	

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

.pxyskuai01 .kuai{ padding:15px}

.footer .fcontent .ewm, .footer .fcontent .ewm img{ width:92px; height:95px}
.footer .fcontent .erweima02 .wenzi{ padding-top:5px; height:95px;}
.footer .fcontent .saoyisao{ padding-top:60px; }


.title h3  { font-size:24px; margin-bottom:5px}
.title h3 span { font-size:24px}
.title p { font-size:16px}


.shilizhen .tabmenu li{ margin-right:5px;padding-left:34px; padding-bottom:15px;}
.shilizhen .tabmenu li:nth-child(1){ background:url(../images/pics01.png) no-repeat left top; background-size:30px auto }
.shilizhen .tabmenu li:nth-child(2){ background:url(../images/pics02.png) no-repeat left top;  background-size:30px auto}
.shilizhen .tabmenu li:nth-child(3){ background:url(../images/pics03.png) no-repeat left top; background-size:30px auto }
.shilizhen .tabmenu li h3{ font-size:18px;}
.shilizhen .tabmenu li p{ display:none}

.header .top .wrap{ height:65px}
.space{ height:65px;}
.header .top .logo{ margin-top:-20px; }
.header .top .logo img{ height:40px;}
.m-btn { margin-top: 7.5px;}

.isolution .tabmenu li{white-space: normal;height:100px; line-height:20px}
.isolution .tabmenu li:nth-child(4), .isolution .tabmenu li:nth-child(5){ padding-top:50px;background: url(../images/jt02.png) no-repeat center 25%;}
.isolution .solright .tuanys{ margin:20px 0}
.isolution .solright .tuanys .item{ float:left; width:50%; text-align:center}
.isolution .solright .bottom .szixun { margin-left: 16px; width: 120px;}
.isolution .solright .tuanys .item:nth-child(1), .isolution .solright .tuanys .item:nth-child(2){ margin-bottom:10px;}

.partner li{ float:left; width:32.33%;}
}