@charset "utf-8";
/* CSS Document */
.m-btn{ width:25px; height:15px;display:none; position: absolute; right:1%;top:50%; margin-top:-8px;}
.m-btn span{ width:100%; height:3px;background: #182b53; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}
.m-btn .line2{top:7px;}
.m-btn .line3{top:14px;-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 .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);}


.m-menu{ display:none; padding-top:0px; padding-bottom:30px; margin-top:76px; z-index:99999999}
.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden;}
.m-menu ul{ width:100%; height:calc(100vh - 85px); overflow-y:auto;overflow-x:hidden;}
.m-menu a{ display:block}
.m-menu li{ border-bottom:1px solid #d8d8d8;}

.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:18px; color:#222; position:relative}
.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}
.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}
.m-menu .menu_a.cur{ background:#182b53; color:#fff;}
.m-menu .menu_a.cur i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}
.m-menu .m_lang{ font-weight:bold}
.m-menu form{ width:96%; margin:20px auto 30px; position:relative}
.m-menu form .input01{ width:100%; line-height:40px; border:1px solid #ddd; padding:0 110px 0 10px;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.m-menu form .sytijiao{ width:100px; position:absolute; right:0;top:0;}


.m-foot{ position:fixed; width:100%; height:60px; left:0; bottom:0;background:#182b53; display:none; color:#fff; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 8px; background-size:20px auto; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/ftel.png) no-repeat center 8px;  background-size:20px auto;padding-top:27px}
.m-foot li.li3{ background:url(../images/fqq.png) no-repeat center 8px;  background-size:20px auto;padding-top:27px}
.m-foot li.li4{ background:url(../images/kf-email.png) no-repeat center 8px; background-size:20px auto; padding-top:27px; cursor:pointer}
.hot{width:100%; height:54px; background:#ec4141; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #fff;}
.ds{ display:block; border-right:1px #fff solid; box-sizing:border-box;}
.ds:nth-child(4){ border:none;}
.ds:hover{ background:#fff;}
.hot .row div a:hover{ color:#ec4141;}
.hot .row div a:hover span{ color:#ec4141 !important;}

.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px; margin:4px 0 0 0;}
.hot .row div a{ display:block; color:#fff; padding:7px 0 3px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.qq-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.qq-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; float:left}
.dbbox .dbs.fenxiang-box a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


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

.yuyan{ display:none; position: absolute; top:50%; right:45px;line-height:15px; height:15px; margin-top:-5px; color:#888; font-size:14px }
.yuyan a{ color:#888 }
.yuyan a:hover{ color:#b90000}


.m-pronav{ position: relative; width:100%;z-index:90; bottom:0; display:none}
.m-pronav h3{ background:#182b53; position:relative}
.m-pronav h3 a{ display:block;padding:10px 5%;color:#fff;}
.m-pronav h3 i{ width:17px; height:17px; background:url(../images/menu_list3.png) no-repeat; background-size:17px 17px; position:absolute;top:13px;right:5%}
.m-pronav .active i{background:url(../images/menu_list2.png) no-repeat;background-size:17px 17px;}
.m-pronav ul{ background:#fff; position:absolute; width:100%; display:none}

.m-pronav ul li{ border-bottom:1px solid #e8e8e8;}

.m-pronav ul li a{ display:block; padding:8px 5%}


@media screen and (max-width: 1600px){
#banner {top: 120px;height:650px;}
.isolution{ margin-top:770px;}
.header .menu li .menu_a{ font-size:20px;}
}

@media screen and (max-width: 1440px){
.header{height:120px; }
.header .logo{ margin-top:-35px; left:4%;}
.header .logo img{ height:70px; } 
.www_zzjs_net12 {TOP:120px;}
#banner {top: 120px;height:600px;}
.isolution{ margin-top:720px;}
.nbanner{ margin-top:120px;}
.hrlist li .hd{top:120px;}
.nprosou{margin-top:120px;}
.propic{ margin-top:120px; }

.header .logo{ left:2%;}
.header .language{ right:2%; }
.header .search{ position:absolute; right:calc(2% + 50px); top:50%; margin-top:-20px;}

.header .language{ line-height:40px; margin-top:-20px;}
.header .language a{ height:40px;width:40px;font-size:16px;}
.header .search a{width:40px; height:40px; }

.header .menu{ margin-top:42px;}
.header .menu li .menu_a{ font-size:18px; margin:0 18px;}

.lianxis li h3{ line-height:36px; font-size:20px;margin:15px 0 0px ;}

.propic{ padding-bottom:60px}
.propic .protitle {font-size:28px;line-height: 60px;}

.topnav li{ font-size:20px; margin:10px 0}
.topnav li a{padding:0 30px; line-height:38px;}

.section{ padding:80px 0;}
.section02{ padding:58px 0;}
.section03{ padding:58px 0 90px 0;}
.section04{ padding:0px 0 80px 0;}

.title h3{ font-size:32px;margin-bottom:15px;}
.conn{ padding-top:15px;}


.down .conn{margin-top:15px;}
.newstitle{font-size:32px; padding-bottom:15px;}

.nbanner .nbannerwenzi{ padding:100px 0 140px 0;}
.nbanner .nbannerwenzi h3{ font-size:32px;}
.nbanner .nbannerwenzi p{ line-height:28px;font-size:17px;}

.inkuai01 .erlie{margin-top: 15px;}

.nbanner .abpic img{ width:120%; height:auto; display:block; margin-left:-10%}

.sollist { width:96%; margin-top:60px;}

.sollist .wenzi{ width:calc(100% - 30px); font-size:20px; color:#fff; line-height:60px; padding:0 15px}


.npromain li .wenzi .wenziin h3{ font-size:32px; margin-bottom:15px;}
.npromain li .wenzi .wenziin h4{font-size:20px; }

.propic img{ width:120%; margin-left:-10%; display:block}


.isolution .kuai{ float:left; width:calc(33.33% - 14px); position:relative; margin-right:21px;}
.isolution .kuai .pic{ height:400px;}
.isolution .kuai .pic img{ height:400px;}

.isolution .kuai .topkuai .pic, .isolution .kuai .bottkuai .pic{ height:189.5px;}
.isolution .kuai .topkuai .pic img,.isolution .kuai .bottkuai .pic  img{ height:189.5px; }

}
@media screen and (max-width: 1199px){
.header{height:100px; }
.header .logo{ margin-top:-35px; left:4%;}
.header .logo img{ height:70px; } 
.www_zzjs_net12 {TOP:100px;}
#banner {top: 100px;height:550px;}
.isolution{ margin-top:650px;}
.nbanner{ margin-top:100px;}
.hrlist li .hd{top:100px;}
.nprosou{margin-top:100px;}
.propic{ margin-top:100px; }	


.title h3{ font-size:30px;margin-bottom:15px;}
.newstitle{font-size:30px; padding-bottom:10px;}

.inkuai01 li{ line-height:50px; }

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

.footer li {min-width:auto; }

.isolution .kuai{ float:left; width:calc(33.33% - 14px); position:relative; margin-right:21px;}
.isolution .kuai .pic{ height:360px;}
.isolution .kuai .pic img{ height:360px;}

.isolution .kuai .topkuai .pic, .isolution .kuai .bottkuai .pic{ height:169.5px;}
.isolution .kuai .topkuai .pic img,.isolution .kuai .bottkuai .pic  img{ height:169.5px; }

.iabout .picjian .jianin .biao h3{ font-size:32px; margin-bottom:22px; }

.propic{ width:150%; margin-left:-25%}
}

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

.header{height:80px; }
.header .logo{ margin-top:-25px; }
.header .logo img{ height:50px; } 
.www_zzjs_net12 {TOP:80px;}
#banner {top: 80px;height:500px;}
.isolution{ margin-top:580px;}
.nbanner{ margin-top:80px;}
.hrlist li .hd{top:80px;}
.nprosou{margin-top:80px;}
.propic{ margin-top:80px; }

.yuyan { display:block}
.header .menu{ display:none}
.m-btn{ display:block}
.m-foot{ display:block}
.language, .search { display:none}
.nnews .newsli .wenzi p{display: -webkit-box !important;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}


.lianxis li{ float:left; width:49%; margin-right:0%; margin-bottom:3%; line-height:35px; }
.lianxis li:nth-child(3n){ margin-right:0}
.lianxis li:nth-child(3n+1){ clear:none;}
.lianxis li:nth-child(2n){ float:right}
.lianxis li:nth-child(2n+1){ clear:both;}



.map-bg {width:640px;height: 462px;}
.map-poi .maph3{ font-size:15px; margin-top:-55px; margin-left:-8px; height:50px;}


.section{ padding:60px 0;}
.section02{ padding:48px 0;}
.section03{ padding:48px 0 70px 0;}
.section04{ padding:0px 0 60px 0;}

.nbanner .nbannerwenzi h3{ font-size:30px;}

.inkuai03 p{ line-height:42px; font-size:17px; }
.inkuai04 .dabiaot{ padding:0 15px; line-height:50px; font-size:20px; }

.nnews .newsli .wenzi h3{ font-size:20px; margin-bottom:10px}
.nnews .newsli{ padding:25px 0;}

.sollist { width:96%; margin-top:40px;}

.topnav02 li{ font-size:17px; margin:10px 0}


.npromain li .wenzi .wenziin h4{font-size:18px;}
.npromain li .wenzi .wenziin h3{ font-size:28px; margin-bottom:5px;}

.propic img{ width:130%; margin-left:-15%; display:block}

.abkuai03 .pic{ float:none; width:100%; margin-bottom:25px}
.abkuai03 .wenhua{ float:none; width:100%;max-width:auto;}
.abkuai03 .wenhua .inwenhua{margin: 20px;font-size:16px;line-height:30px;}

.abkuai05 .picScroll ul li{  width:33.33%;}


.isolution .kuai{ float:left; width:calc(33.33% - 14px); position:relative; margin-right:21px;}
.isolution .kuai .pic{ height:320px;}
.isolution .kuai .pic img{ height:320px;}

.isolution .kuai .topkuai .pic, .isolution .kuai .bottkuai .pic{ height:149.5px;}
.isolution .kuai .topkuai .pic img,.isolution .kuai .bottkuai .pic  img{ height:149.5px;}

.advantageList li h3 {font-size:60px;line-height:60px;height:60px;}
.advantageList li:last-child h3{ font-size:16px;}
.advantageList li h3 span{ font-size:60px;}
.advantageList li p{ font-size:16px;}

.icase .picScroll ul li{ width:33.33%;}

.propic{ width:180%; margin-left:-40%}
}
@media screen and (max-width: 768px){
.isolution .kuai{ float:none; width:100%; position:relative; margin-right:0px; clear:both; margin-bottom:20px;}
.isolution .kuai .pic{ height:160px;}
.isolution .kuai .pic img{ height:auto; }

.isolution .kuai .topkuai .pic, .isolution .kuai .bottkuai .pic{ height:160px;}
.isolution .kuai .topkuai .pic img,.isolution .kuai .bottkuai .pic  img{ height:auto;}


.iabout .picabout{ float:none; width:100%;}
.iabout .picjian{ float:none; width:100%; max-width:auto}
.iabout .picjian .jianin{ margin:20px;}
.iabout .picjian .jianin .biao h3{ font-size:28px; margin-bottom:15px; }

.iabout .more{ margin-top:25px;}
.iabout{ padding-bottom:40px;}

.nbanner .topnav{position: relative;}
}
@media screen and (max-width: 640px){

.erlie li{ float:none; width:100%; }
.erlie li:nth-child(2n){ float:none; margin-top:30px}


.map-bg {width:420px;height:303px; margin-left:-25px}
.map-poi .dian {width:6px;height: 3px;}
.map-poi .dian:after, .map-poi .dian:before {width: 5px;height: 2.5px}

.propic{ padding-bottom:52px}
.propic .protitle {font-size:24px;line-height: 50px;}


.topnav li{ font-size:18px; margin:10px 0}
.topnav li a{padding:0 25px; line-height:32px;}

.nbanner .nbannerwenzi{ padding:60px 0;}

.nbanner .nbannerwenzi h3{ font-size:28px;}
.nbanner .nbannerwenzi p{ line-height:28px;font-size:16px;}

.inkuai01 .erlie{margin-top: 5px;}
.inkuai01 li{ line-height:40px; }

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

.shangxia{padding:15px 0; font-size:16px;}
.shangxia li{ float:none;}
.shangxia li:last-child{ float:none;}

.sollist .wenzi{ width:calc(100% - 30px); font-size:18px; color:#fff; line-height:50px; padding:0 15px}


.sollist li{ float:none; width:100%; margin-bottom:25px; position:relative}
.sollist li:nth-child(2n){ float:none}
.sollist li:nth-child(2n+1){ clear:both;}

.footer{padding-top:0px;}
.footer .content{ display:none;border-bottom:none;}
.footer .copyright{ line-height:28px; padding:15px; margin-bottom:55px;border-bottom:solid 1px #324875;}

.npromain li { margin-bottom:25px;}
.npromain li .pic{ float:none; width:100%; background:#fff}
.npromain li .wenzi{ float:none; width:100%;}
.npromain li:nth-child(2n) .pic{ float:none;}
.npromain li:nth-child(2n) .wenzi{ float:none; float:none;}
.npromain li .wenzi .wenziin{margin:30px 15px 60px 15px !important; line-height:30px;}
.npromain li:nth-child(2n) .wenzi .wenziin{margin: 30px 15px 60px 15px !important;}


.projian .more{ position:relative}

.pcshow{ display:none;}
.phshow{ display:block;}
.abkuai04{ height:250px; overflow:hidden}

.abkuai05 .wrap{ width:70%;}

.abkuai05 .picScroll ul li{ width:100%;}

.hrlist li .hd .hr_con{ background:#fff; width:320px; top:10%;margin-left:-180px; padding:20px; font-size:15px; line-height:26px; }

#banner {height:400px;}
.isolution{ margin-top:480px;}

.advantageList li h3 {font-size:50px;line-height:50px;height:50px;}
.advantageList li:last-child h3{ font-size:15px;}
.advantageList li h3 span{ font-size:50px;}
.advantageList li p{ font-size:15px;}


.inews li{ float:none; width:100%; margin-right:0%; margin-bottom:40px; position:relative}


.icase .picScroll ul li{ width:50%;}


.icase .picScroll .prev,
.icase .picScroll .next{ position:absolute; z-index:99;  right:60px; top:-60px; display:block; width:50px; height:45px; overflow:hidden; background:url(../images/lzuo.png) no-repeat; cursor:pointer;}
.icase .picScroll .next{ left:auto; right:0px; background:url(../images/lyou.png) no-repeat;z-index:99; }
.icase .picScroll .prevStop{background:url(../images/lzuo02.png) no-repeat;z-index:99; }
.icase .picScroll .nextStop{background:url(../images/lyou02.png) no-repeat;z-index:99; }

.propic{ width:220%; margin-left:-60%}
.map-poi .maph3{ opacity:0 !important}
}


@media screen and (max-width: 420px){
.lianxis li{ float:none; width:100%; margin-right:0%; margin-bottom:30px; line-height:35px; }
.lianxis li p{ padding-left:24px;font-size:15px;}
.nbanner .nbannerwenzi{ padding:30px 0;}

.down .conn{margin-top:5px;}

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


.nnews .newsli{ padding:36px 0; border-bottom:solid 1px #ddd}
.nnews .newsli:hover{ background-color:#f3f4f6;}
.nnews .newsli .date{ float:left; width:17%; max-width:70px;}
.nnews .newsli .date .day{font-size:40px;}

.nnews .newsli .wenzi{ float:right; width:80%; margin-left:0%} 
.nnews .newsli .wenzi h3{ font-size:18px; margin-bottom:10px}

.nnews .newsli .pic{ float:none; width:100%; margin-bottom:20px}

.nnews .newsli{ padding:15px 0;}


.guanlian li{ float:none; width:100%; margin-right:0; margin-bottom:25px;}
.guanlian li .wenzi{ font-size:16px; line-height:25px;}




.topnav li{ font-size:18px; margin:10px 0}
.topnav li a{padding:0 10px; line-height:32px;}


.topnav02 li a{padding:0 4px; line-height:32px;}
.nbanner .jianges{ padding-bottom:30px;}

.propic .protitle {font-size:20px;line-height: 40px;}


.hrlist li{ width:100%; padding:5% 3%; border:1px solid #e8e8e8; margin-bottom:25px }

#banner {height:250px;}
.isolution{ margin-top:330px;}


.advantageList{ padding:20px 0 30px 0}
.advantageList li h3 {font-size:32px;line-height:40px;height:40px;}
.advantageList li:last-child h3{ font-size:14px;}
.advantageList li h3 span{ font-size:32px;}
.advantageList li p{ font-size:15px; line-height:22px !important}

.propic{ width:260%; margin-left:-80%}
}