@charset "utf-8";
/* CSS Document */
.mmbtn{ position: absolute; left:3%; top:50%; margin-top:-8px;}
.mmbtn .inbox{width:26px; height:18px; color: #3d464f;position: relative;text-transform:uppercase;cursor: pointer;}
.mmbtn .inbox .line{width: 100%;height: 2px;background-color: #3d464f;position: absolute;right: 0;top: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.mmbtn .inbox .line.l2{top: 8px;left: 0;right: auto;}
.mmbtn .inbox .line.l3{top: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.mmbtn:hover .inbox .line{ width:60%}
/*menu*/
.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 99999;display: none;}
.head-menu{position: fixed;left: 0;top: 0;width: 100%; max-width:300px;height: 100%; text-align:left;background-color: #fff;z-index: 9999999999;overflow: hidden;background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));background: -moz-linear-gradient(top, #fff , #eef2f5);background: -o-linear-gradient(top, #fff , #eef2f5);background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);opacity: 0;visibility: hidden;}
.head-menu[data-on="on"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}

.head-menu .toolbox .tool{width: 100%;max-width: 100;padding-right: 40px;height: 80px;position: relative;}
.head-menu .toolbox .mmclose{width: 25px;height: 25px;position: absolute;right:20px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.head-menu .toolbox .mmclose:before{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.head-menu .toolbox .mmclose:after{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}

.head-menu .menu-box{height: -webkit-calc(100% - 80px);height: -moz-calc(100% - 80px);height: calc(100% - 80px);position: relative;}

.head-menu .menu-box .wrap{max-width: 260px;}
.head-menu .menu-box .mlist .lim{display: block;cursor: pointer;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .word{height: 50px;line-height: 50px;font-size: 18px;color: #1a1a1a;margin: 0 auto;width: 94%;max-width: 260px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .menu{display: none;padding: 0 5%;}
.head-menu .menu-box .mlist .lim[data-on="on"] .menu{display: block;}
.head-menu .menu-box .mlist .lim .menu .mm{height: 30px;line-height: 30px;display: block;}
.head-menu .menu-box .inbox{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;opacity: 1;visibility: visible;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .inbox[data-on="on"]{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);opacity: 0;visibility: hidden;}
.head-menu .menu-box .inbox .contact{margin-bottom: 50PX;}

.head-menu .menu-box .outbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 115;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .outbox[data-on="on"]{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);opacity: 1;visibility: visible;}
.head-menu .menu-box .outbox .inbtn{height: 50px;line-height: 50px;background-color: #3d464f;margin-bottom: 20px;cursor: pointer;}
.head-menu .menu-box .outbox .inbtn .ww{max-width: 260px;width: 94%;margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold;padding-left: 30px;position: relative;}
.head-menu .menu-box .outbox .inbtn .ww span{width: 20px;height: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:before{content: "";border-style: solid;border-width:2px 3px; border-color: transparent #fff transparent transparent;position: absolute;left: 0;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:after{content: "";width: 20px;height: 1px;background-color: #fff;position: absolute;left: 1px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}




.phlogo{ display:none; position:fixed; left:0; top:0px; height:60px; width:100%; background:#fff; z-index:9999; text-align:center }
.phlogo .hlogo{ display:inline-block; padding:10px 0;}
.phlogo .hlogo a img{ float:left; height:40px; width:auto}
.phlogo .hlogo a .gupiao{ line-height:18px; float:left; font-size:12px; margin-left:8px; text-align:left; margin-top:5px}

.phlogo .use{ position:absolute; top:0; right:3%; width:60px; height:60px;}
.phlogo .use li{ float:left;}
.phlogo .use li a{ display:block;width:22px; height:60px; }
.phlogo .use .phsou .sub{ display:none}
.phlogo .use .phsou{ width:22px; height:60px; background:url(../images/fangdajing02.png) no-repeat center; background-size:19px auto; display:block}
.phlogo .use .phmail{ width:22px; height:60px; margin-left:15px; background:url(../images/phmail.png) no-repeat center;display:block}


.m-sou{ display:none}
.m-sou{ width:100%; height:100%; background:rgba(0,0,0,0.85);  z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-sou .closed{ width:37px; height:37px; background:url(../images/closew.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-sou li a{ color:#f5f5f5; font-size:30px; line-height:70px; display:block}

.m-sou form {width: 80%;margin:100px auto 0 auto;max-width: 360px;position:relative; z-index:99;height:41px; border-bottom:solid 1px #fff; }
.m-sou form .sytijiao{ width:22px; line-height:40px; height:40px;  background:url(../images/fangdajing.png) no-repeat center center; float:left; cursor:pointer; border:none}
.m-sou form .input01{ float:right; width:calc(100% - 40px); line-height:40px; height:40px; color:#fff; background:none;border:none}



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


@media screen and (max-width: 1600px){
.title h3{ font-size:30px; line-height:42px; margin-bottom:15px;}
.title h4{ font-size:28px; margin-bottom:20px;}
.title h5{ font-size:20px;}
.title p{ font-size:17px;}
.menusub .msub .mtitle h3{ line-height:80px; font-size:30px; }
.banner .swiper-slide .text h3{ font-size:30px; line-height:65px;}
.isolution .gallery-top .swiper-slide .text h3{ font-size:30px;}
.jianyi h3{ font-size:30px; line-height:55px; margin-bottom:15px;}
.jianyi h4{ font-size:20px;}
.nhistory .swiper-slide .text h3{ font-size:30px;}
.banner .swiper-slide .text{  margin-top:-80px;}
.iabout .youshi li h3 span{ font-size:60px;}
.iabout .youshi {padding: 60px 0 100px 0;}

.iproducts .item .wenzi h3{font-size:24px; margin-bottom:12px;}
.isolution .gallery-top .swiper-slide .text h4{ line-height:60px; font-size:26px;}
.nbanner .text h3 span{ font-size:36px;}

.menulast .tlogo{ height:84px;}
.menulast .tlogo a{ height:84px;}
.menulast ul .mlyiji{ padding:15px 0;}
}

@media screen and (max-width: 1366px){
.title h3{ font-size:36px; line-height:36px; margin-bottom:15px;}
.title h4{ font-size:24px; margin-bottom:20px;}
.title h5{ font-size:18px;}
.title p{ font-size:16px;}
.sntitle h3{ font-size:30px;}
.menusub .msub .mtitle h3{ line-height:60px; font-size:36px; }
.banner .swiper-slide .text h3{ font-size:36px; line-height:60px;}
.isolution .gallery-top .swiper-slide .text h3{ font-size:36px;}
.jianyi h3{ font-size:36px; line-height:50px; margin-bottom:15px;}
.jianyi h4{ font-size:18px;}
.nhistory .swiper-slide .text h3{ font-size:36px;}
.banner .swiper-slide .text{  margin-top:-70px;}
.iabout .youshi li h3 span{ font-size:55px;}
.iabout .youshi {padding: 40px 0 60px 0;}
.daokuai .wrap .item .text h3{ font-size:18px;}
.daokuai .wrap .item .text{ width:calc(100% - 100px)}
.iproducts .item .wenzi h3{font-size:22px; margin-bottom:10px;}
.menu .menuin li .menua{ height:88px;}
.button{height:88px;}
.button.but01{ top:20px}
.button.but02{ top:109px}
.button.but03{ top:198px}
.button.but04{ top:296px}
.button.but05{ top:385px}
.button.but06{ top:474px}
.button.but07{ top:563px}

.iproducts .item{padding: 20px 25px 20px 25px;}
.isolution .gallery-top .swiper-slide .text h4{ line-height:60px; font-size:24px;}
.isolution .gallery-thumbs .swiper-slide{ padding-bottom:35px;}
.inews .topnews .text, .inews .othernews a{ padding:20px 0}

.nbanner .text h3 span{ font-size:30px;}
.hrlist .tabmenu li a{ font-size:18px;}

body{ font-size:15px; line-height:28px;}

.section{ padding:60px 0 80px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:80px;}
.nbrank .item h3{ line-height:40px; font-size:18px; padding-left:46px; background:url(../images/brank.png) no-repeat left center; background-size:auto 40px; margin-bottom:10px}



.menulast .tlogo{ height:74px;}
.menulast .tlogo a{ height:74px;}
.menulast ul .mlyiji{ padding:10px 0;}
}
@media screen and (max-width: 1200px){
.isolution .pc1300{ display:none}
.isolution .pc920{ display:block}
.isolution .pc540{ display:none}
.nhistory .swiper-slide .text h3{ font-size:30px;}


.serprolist .item .wenzi p{ height:90px; }

.nuse ul{ margin-left:-12px;}
.nuse li{ float:left; width:calc(16.66% - 12px); margin-left:12px; margin-top:12px; border:solid 1px #ddd}
.nuse li:nth-child(9n+1){ clear:none}
.nuse li:nth-child(6n+1){ clear:none}



}
@media screen and (max-width: 1140px){
.menu, .menusub, .kefu, .logo{ display:none }
.menulast{ display:none }
.container{ margin-left:0; width:100%;}

.banner .swiper-slide .text{ margin-top:-120px}
.phlogo{ display: block}
.banner, .nbanner{ margin-top:60px;}

.banner{ width:120%; margin-left:-10%}
.banner .swiper-slide .text { margin-left:8%; width:80%}
.banner .swiper-slide .text h3{ font-size:30px;}
.banner .swiper-slide .text p{ font-size:18px;}

.title h3{ font-size:30px; line-height:32px; margin-bottom:10px;}
.title h4{ font-size:20px; margin-bottom:15px;}
.title h5{ font-size:18px;}
.title p{ font-size:14px; line-height:24px;}


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

.isolution .gallery-top .swiper-slide .text h3{ font-size:30px;}

.iabout .youshi li h3 span{ font-size:36px;}

.jianyi h3{ font-size:30px; margin-bottom:10px;}
.jianyi h4{ font-size:18px;}


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

.nbanner .text h3 span{ font-size:36px;}
.nbanner .text { margin-top:-28px;}

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

.hrlist .tabmenu li a{ font-size:18px;}
.hrlist #tabcontent{ margin-top:30px;}


.hrlist .item .hd .closed{ width:40px; height:40px; margin-top:50px; margin-left:380px;margin-top: 30px; margin-left: 240px;}
.hrlist .item .hd .hr_con{ width:640px; margin-left:-320px; padding:25px; line-height:30px;}
.nhistory .swiper-slide .text h3{ font-size:30px;}

.newsnav { padding:5px 0 35px 0;}
.newsnav li{ display:inline-block; width:110px; line-height:38px; border-radius:15px; font-size:17px;}

.nresources .tabmenu li {font-size:17px;  }
.nresources .tabmenu li a{ padding:0 20px;}

.ndesign .conn { font-size:17px;}
.ndown .conn .kuai{ float:left; width:48.5%; padding:30px;line-height:35px; font-size:17px;}

.ndown .kuai h3{ line-height:40px; margin-bottom:5px; font-size:18px; }
.ndown .kuai p{ position:relative; display:block; padding-left:35px}
.yuanlie li .ntitle h3{ font-size:18px; line-height:30px; padding:10px 0 10px 30px}
.yuanlie li{padding: 10px 15px;}

.fixeds{left:0px; top:60px !important; width:100%; z-index:22}
.pxapp .kuai { margin-bottom:40px}
.pxapp .kuai .pic{ width:100%; float:none}
.pxapp .kuai .wenzi{ width:100%; float:none; margin-top:20px}
.pxapp .kuai:nth-child(2n) .pic{ float:none}
.pxapp .kuai:nth-child(2n) .wenzi{ float:none}
.pxapp .kuai .wenzi .title h3{ line-height:40px;  font-size:24px}



.solkuai .wenzi{ font-size:17px; padding:60px 0}

.solkuai02 .wenzi{ font-size:17px; }

}

@media screen and (max-width: 768px){
.banner{ width:140%; margin-left:-20%}
.banner .swiper-slide .text { margin-left:15%; width:70%; margin-top:-100px}	
.banner .swiper-slide .text h3{ font-size:28px; line-height:50px;}
.banner .swiper-slide .text p{ font-size:18px;}

.daokuai { padding: 0;}
.daokuai .wrap .item{ width:100%; padding:25px 0%; float:none;border-right:none; border-bottom:solid 1px #ddd;}
.daokuai .wrap .item:last-child{ border:none}

.title h3{ font-size:28px;}
.sntitle h3{ font-size:28px;}
.title h4{ font-size:18px;}
.title h5{ font-size:16px;}

.iproducts .item .wenzi h3{font-size:18px;}

.iproducts .item{ float:none; width:100%; margin-top:12px;margin-right:0; padding:25px;}
.iproducts .item:nth-child(1){ width:100%}
.iproducts .item:nth-child(1) .wenzi { width:100%; max-width:auto}
.iproducts .item:nth-child(1) .ppic{ position:relative; left:auto; bottom:auto}
.iproducts .item:nth-child(1) img{ max-height:100%;width:auto; position: relative; right:auto; bottom:auto;}
.iproducts .item:nth-child(3) img, .iproducts .item:nth-child(4) img { width:60%}
.iproducts .item:nth-child(4) img, .iproducts .item:nth-child(5) img { width:40%}

.isolution .gallery-top .swiper-slide .text h3{ font-size:28px;margin-bottom:10px;}
.isolution .gallery-top .swiper-slide .text h4{ line-height:50px; font-size:18px;}


.iabout .youshi li h3 span{ font-size:35px;}

.iabout .youshi li{ text-align:center; float:left; width:50%}
.iabout .youshi li:nth-child(3){ clear:both}
.iabout .youshi li:nth-child(1), .iabout .youshi li:nth-child(2){ margin-bottom:25px}
.iabout .youshi li h3{ font-size:18px;line-height:45px;}


.iabout { background:url(../images/iaboutbg.png) #ffffff no-repeat center bottom; background-size:120% auto; }
.iabout .youshi{ padding-bottoom:0px}

.inews .topnews{ float:none; width:100%; margin-bottom:25px}
.inews .topnews .pic{ border-radius:20px 20px 0 0}
.inews .othernews{ float:none; width:100%}

.jianyi h3{ font-size:24px; margin-bottom:0px}
.jianyi h4{ font-size:16px;}
.jianyi{ padding:30px 0 50px 0;}


.footer{ background:#081e39; padding:30px 0}
.footer .content {width: 100%; display: block;display:block;}
.footer ul {width: 100%; display: block;display:block;}
.footer li{ margin-bottom:0px; float:left}
.footer li:nth-child(1), .footer li:nth-child(2){ float:none; width:100%}
.footer li:nth-child(2){ float:none; width:100%}
.footer li:nth-child(3){ clear:both; width:100%}
.footer li:nth-child(4), .footer li:nth-child(5){ float:none; width:100%}
.footer li:nth-child(6){ clear:both; width:100%; float:none}


.footer li:last-child{ margin-top:20px;}
.footer li h3{ font-size:18px; position:relative; padding-bottom:8px; border-bottom:solid 1px rgba(255,255,255,0.5)}
.footer li h3{background:url(../images/jias.png) no-repeat right 6px; background-size:13px auto;}
.footer li.cur h3{background:url(../images/jians.png) no-repeat right 6px; background-size:13px auto;}
.footer li .sub{ display:none}
.footer li .fcontact{ border-top:none;border-bottom:none; padding-bottom:20px}

.copyright .flogo img{ height:40px;}
.copyright .flianxi div{ margin-top:5px;}

.nbanner .text h3 span{ font-size:30px;}
.nbanner .text h3{ font-size:16px;}

.copyright .flianxi .sub{ bottom:180px}

.ncb01 .item{ float:left; width:calc(50% - 1px); padding:0px 0 30px 0; border-right:solid 1px #ddd; text-align:center}
.ncb01 .item:nth-child(2n){ border:none}
.ncb01 .item:nth-child(2n+1){ clear:both}
.ncb01 .item h3{ font-size:17px; }

.nbrank .item{ float:none; width:100%; padding:15px 25px 50px 25px; margin:15px 0; background:#fff;min-height:auto !important}
.nbrank .item:nth-child(2n){ float:none}
.nbrank .item h3{ line-height:40px; font-size:18px; padding-left:40px; background:url(../images/brank.png) no-repeat left center; background-size:auto 30px;}

.hrlist .item{ width:100%; cursor:pointer; margin-bottom:20px; padding:20px; float:none }
.hrlist .item:nth-child(2n){ float:none}


.hrlist .item .hd .closed{ margin-left: 100px;}
.hrlist .item .hd .hr_con{ width:320px; margin-left:-160px;}
.hrlist .item .hd .hr_con .line{ width:100%; height:1px; background:#ddd; margin:1px 0;}


.nteam .kuai .tu{ width:100%; float:none; }
.nteam .kuai .tu h3{font-size:24px;}
.nteam .kuai .text{ float:none; width:100%; margin-bottom:30px;}
.nteam .kuai .text h3{ font-size:18px;}
.nteam .kuai:nth-child(2n) .tu{ float:none}
.nteam .kuai:nth-child(2n) .text{ float:none}


.pcshow{ display:none !important}
.phshow{ display:block !important}
.nhonor02 .swiper-slide .item{ float:left; width:100%; margin-left:0%; }
.nhonor02 .swiper-slide .item .tu{ height:320px;}
.nhonor02 .swiper-slide .item .tu img{ height:auto; max-height:240px;}
.nhonor02 .swiper-slide .item { margin-bottom:30px}
.nhonor02 .swiper-slide .item .wenzi{ line-height:25px;}
.nhonor02 .swiper-slide .item .tu{ width:100%}
.nhistory .swiper-container { width:calc(100% - 120px);}

.nwenhua .conn{ background:none}
.nwenhua .conn{ width: 100%; display: block;display:block;}
.nwenhua .conn .item{ float:left; width:50%; padding:0 5px; margin-bottom:30px;}
.nwenhua .conn .icon{width:100px; margin:20px auto;}
.nwenhua .conn .item .icon{ margin:10px auto 30px auto}
.nwenhua .conn .item:nth-child(2n+1){ clear:both}
.nwenhua .conn .item:nth-child(2n+1) .icon{  margin:20px auto}
.nwenhua .conn .item:nth-child(2n+1):hover .icon{  margin:10px auto 30px auto}
.nwenhua .conn .item .wenzi h3{ font-size:18px; }

.nhistory .swiper-slide .text h3{ font-size:26px;}

.newsnav li{ width:100px; line-height:38px; border-radius:15px; font-size:16px;}


.nnewslist .kuai{ padding:20px 0; }
.nnewslist .kuai .pic{ float:none; width:100%; margin-bottom:20px;}
.nnewslist .kuai .date{ width:95px; text-align:center; float:left; }
.nnewslist .kuai .text{ float:right; width:calc(100% - 96px)}
.nnewslist .kuai .text p{ line-height:26px;}

.newstitle h3{ line-height:30px;font-size:18px;}




.ndown02 .conn .kuai{ float:none; width:100%; padding:15px; line-height:30px; font-size:16px; margin-bottom:20px; }
.ndown02 .conn .kuai:nth-child(2n){ float:none}
.ndown02 .conn .kuai .wenzi{padding:0 20px 0 10px;  }
.ndown02 .conn .kuai a{ background-size:25px auto}
.ndown02 .conn .kuai a:hover{background-size:25px auto}

.reslist .item{ float:left; width:48.5%; margin-right:0%; margin-bottom:3%;}
.reslist .item:nth-child(2n){ float:right}
.reslist .item:nth-child(3n+1){ clear:none;}
.reslist .item:nth-child(2n+1){ clear:both}
.reslist .item p{ font-size:16px; padding-left:42px; }

.nresources .tabmenu li {font-size:16px;  }
.nresources .tabmenu li a{ padding:0 10px;}

.ndown .conn .kuai{ float:none; width:94%; margin:0 auto 20px auto;}

.ndown .conn{display:block;margin-left:0px;margin-top:0px;}

.nuse ul{ margin-left:-12px;}
.nuse li{ float:left; width:calc(33.33% - 12px); margin-left:12px; margin-top:12px; border:solid 1px #ddd}
.nuse li:nth-child(6n+1){ clear:none}
.nuse li:nth-child(3n+1){ clear:none}

.ndesign02 .item{ width:50%;  font-size:17px; margin-bottom:35px;}
.ndesign02 .item .icon{ max-width:90px;}
.ndesign02 .item:nth-child(2n+1){ clear:both}

.ndesign0202 .conn{ font-size:16px; line-height:35px}

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

.yuanlie03 li{ width:48.5%; margin-right:0}
.yuanlie03 li:nth-child(2n){ float:right}
.yuanlie03 li:nth-child(3n+1){ clear:none}
.yuanlie03 li:nth-child(2n+1){ clear:both}
.yuanlie li{ min-height:350px;}

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





.solkuai .pic{ float:none; width:100%}
.solkuai .wenzi{ float:none; width:100%; line-height:35px; font-size:18px; padding:30px 0}
.solkuai .conn:nth-child(2n+1) .pic{ float:none}
.solkuai .conn:nth-child(2n+1) .wenzi{ float:none}


.solkuai02 .pic{ float:none; width:100%}
.solkuai02 .wenzi{ float:none; width:100%;}
.solkuai02 .conn:nth-child(2n+1) .pic{ float:none}
.solkuai02 .conn:nth-child(2n+1) .wenzi{ float:none}

.nsol .item{ float:none; width:100%; margin-bottom:25px; margin-top:0}
.nsol .item:nth-child(2n){ float:none}
.nsol .item .wenzi{ padding:15px 20px 40px 20px;}
.nsol .item .wenzi h3{font-size:18px;}


.title.setitle h3{ margin-bottom:0px;}
.serprolist .item .wenzi h3{ height:auto}
}

@media screen and (max-width: 560px){
.banner{ width:180%; margin-left:-40%}
.banner .swiper-slide .text { margin-left:22%; width:40%; margin-top:-120px}	
.banner .swiper-slide .text h3{ font-size:24px; line-height:50px;}
.banner .swiper-slide .text p{ font-size:16px; line-height:28px;}

.title h3{ font-size:24px;}
.title h4{ font-size:18px;}
.isolution .gallery-top .swiper-slide{ overflow:hidden}
.isolution .gallery-top .swiper-slide .text h3{ font-size:18px;}
.isolution .gallery-top .swiper-slide .text h4{font-size:16px;}
.iabout .youshi li h3 span{ font-size:30px;}
.isolution .gallery-top .swiper-slide img{ display:block;  width:170%; max-width:170%; margin-left:-60%;}

.isolution .gallery-top .swiper-slide .text{ padding:20px 0 20px 0; background:#4278be}
.isolution .gallery-top .swiper-slide .text p{ font-size:14px; line-height:20px;width:100%}
.isolution .gallery-top .swiper-slide .text .more a{ margin-top:10px; }
.nbanner .text h3 span{ font-size:18px;}
.nbanner .text h3{ font-size:14px;}

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

.ncb01 .item{ float:none; width:100%; padding:25px 0; border-right:none; border-top:solid 1px #ddd !important; }
.ncb01 .item h3{ font-size:16px; }
.ncb01 .item:last-child{border-bottom:solid 1px #ddd !important;}


.message .colum{margin-bottom:15px; }
.message label{ line-height:40px; color:#666;padding-left:20px}
.message .row2 .colum{ width:100%; float:none}
.message .row2 .colum:nth-child(2){ float:none}

.message .inp{line-height:40px;height:40px;}
.message select{line-height:40px;height:40px; }

.message label{ padding-left:10px}
.message .inp{padding: 0 10px;}
.message select{padding: 0 10px;}

.wrap{ width:94%;}
.daokuai .wrap{width:94%; max-width:94%; }

.isolution .pc1300{ display:none}
.isolution .pc920{ display:none}
.isolution .pc540{ display:block}

.reslist .item{ float:none; width:100%; margin-right:0%; margin-bottom:15px;height:60px;}
.reslist .item:nth-child(2n){ float:none}

.yuanlie ul{ padding-top:0px}
.yuanlie04 li{ width:100%; float:none; margin-bottom:20px;padding-bottom:40px;}
.yuanlie04 li:nth-child(2n){ float:none}
.yuanlie04 li:nth-child(4n+1){ clear:both}
.yuanlie04 li:nth-child(2n+1){ clear:both}

.yuanlie03 li{ width:100%; float:none; margin-bottom:20px; padding-bottom:40px;}
.yuanlie03 li:nth-child(2n){ float:none}
.yuanlie03 li:nth-child(3n+1){ clear:both}
.yuanlie03 li:nth-child(2n+1){ clear:both}
.yuanlie li{ min-height:auto;}

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

.newsrecommond .item{ float:none; width:100%; margin:0%; padding:15px 20px; margin-bottom:20px;}
.newsrecommond .item:nth-child(2n){ float:none}
.newsrecommond .item .wenzi h3{ font-size:16px;margin-bottom:8px}
.sntitle h3{ font-size:24px;}


.nhistory .wrap .conn{ padding-bottom:70px;}
.nhistory .swiper-container{width:100%;}
.nhistory .conn .swiper-button-prev,.nhistory .conn .swiper-button-next{ width:45px; height:45px; top:auto; bottom:0; margin-top:0; }
.nhistory .conn .swiper-button-prev{ background:url(../images/hspre01.png) no-repeat center; background-size:30px auto !important; left:50%; margin-left:-50px}
.nhistory .conn .swiper-button-next{ left:auto; right:50%;background:url(../images/hsnext01.png) no-repeat center; background-size:30px auto !important;margin-right:-50px}

.footer li h3{ margin:10px 0}

.nhonor01 .swiper-container{ width:100%}

.nhonor01 .conn{ padding-bottom:50px;}
.nhonor01 .conn .swiper-button-prev,.nhonor01 .conn .swiper-button-next{ width:40px; height:40px; top:auto; bottom:0; margin-top:0;}
.nhonor01 .conn .swiper-button-prev{ background-size:30px auto !important; left:50%; margin-left:-50px}
.nhonor01 .conn .swiper-button-next{  background-size:30px auto !important;margin-right:-50px; right:50%; left:auto}

.nhonor02 .conn{ padding-bottom:50px;}
.nhonor02 .swiper-container{ width:100%}
.nhonor02 .conn .swiper-button-prev,.nhonor02 .conn .swiper-button-next{ width:40px; height:40px; top:auto; bottom:0; margin-top:0;}
.nhonor02 .conn .swiper-button-prev{ background-size:30px auto !important; left:50%; margin-left:-50px}
.nhonor02 .conn .swiper-button-next{  background-size:30px auto !important;margin-right:-50px; right:50%; left:auto}


.cartechlist .conn .item{ width:100%; float:none; margin-right:0%; margin-top:10px; margin-bottom:10px;}

.section-wrapper {margin-top: -100px;padding-top: 100px;}

.shgg{ width: 100%;overflow:auto; max-height:300px;  /* 设置固定高度 */}


#float_AD .adtitle h3{font-size:14px}
#float_AD .adconn h4{ font-size:18px; margin-bottom:5px;}
#float_AD .adconn h3{ font-size:20px; margin-bottom:10px;}
#float_AD .adconn .item{font-size:14px}
}

@media screen and (max-width: 450px){
.nnav{ line-height:45px; }
.title h5 { font-size:14px; line-height:24px;}
.nwenhua .conn .item .wenzi h3{ font-size:18px; }
.nwenhua .conn .item .wenzi p { font-size:14px; line-height:24px;}

.banner{ width:150%; margin-left:-20%}
.banner .swiper-slide .text { margin-left:14%; width:40%; margin-top:-70px}	
.banner .swiper-slide .text h3{ font-size:16px; line-height:24px;}
.banner .swiper-slide .text p{ font-size:12px; line-height:16px;}
.banner .swiper-slide .text .more a{ width:80px; height:26px;margin-top:20px;font-size:12px; }
.banner .swiper-pagination-bullet{ width:10px; height:10px;  background:#4278be;opacity:1; margin:0 5px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ background: #85c028; }
.banner .swiper-pagination{bottom:1%; }


}