﻿@charset "utf-8";  /*格式化样式*/  
/*公共压缩样式，处理各个浏览器兼容性所写，可以无视*/html,body{ font-family: Microsoft YaHei; overflow-x:hidden;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol{list-style:none}s{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}caption,cite,code,dfn,th,var{text-align:left;font-weight:normal;font-style:inherit;}body{background-color:#fff;}/* 表单 */label{display:inline-block;*display:inline;*zoom:1}button,input,select,textarea{vertical-align:baseline;*vertical-align:middle}input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]  input[type="button"]::-moz-focus-inner{border:none;padding:0}/* 字体 */h1{font-size:24px;margin:0 0 12px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:0 0 8px}h4{font-size:16px;margin:0 0 5px}h5{font-size:14px;margin:5px 0}h6{font-size:14px;margin:0 0 5px;}
.clearfix{overflow:hidden;zoom:1;clear: both;}
.clearfix{overflow:hidden;zoom:1;clear: both;}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(../css/boxsizing.htc);
}
div,body,p,h1,h2,h3,h4,h5,ul,li,dl,dd,dt{
margin:0; 
padding:0;
list-style: none;
/*box-sizing:border-box;*/
}
a:focus{outline:none;}
a{color:#333; text-decoration: none; cursor:pointer; outline:none;}  
a:hover{ color:#0ba3e1; text-decoration: none; }
body{font-size:14px; color:#666;}
input[type=text],textarea {border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none;font-family: Microsoft YaHei;  -webkit-appearance: none;
    font-family: Microsoft YaHei;
    outline: none;}  
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;  font-family: Microsoft YaHei;}  
input{font-family: Microsoft YaHei;}  
textarea { -webkit-appearance: none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    font-family: Microsoft YaHei;
    outline: none;
}
img{width:auto; max-width:100%;vertical-align: bottom;}
select{outline: none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
body{width:100%;overflow-x:hidden; margin:0 auto;}
.mbanner{display:none; position:relative; z-index:9999;}
.container2{width:95%; max-width:1300px; margin:0 auto; }
.container{width:1300px; margin:0 auto; box-sizing:border-box;}
.header{position:relative; z-index: 110;}
.header .top{padding:33px 0; line-height:44px; height:110px;}
.logo a{display:block;}
.logo a img{float:left; width:70px; margin-right:12px;}
.logo a span{font-size:30px; vertical-align: sub; line-height:46px; color:#171515; font-weight:bold;}
.header .top .fr{width:300px;}
.header .top .tel{display:block; float:left; background:url(../images/tel_ico.png) no-repeat left center; padding-left:32px; font-size:22px; color:#ff8a39;}
.header .top .mobile{float:right; cursor:pointer; font-size:14px; color:#666; background:url(../images/mobile_ico.png) no-repeat left center; padding-left:17px; position:relative;}
.header .top .mobile .ewm{display:none; position:absolute; top:40px; left:-20px; width: 120px; height: 120px;}
.header .top .mobile:hover .ewm{display:block;}
.navbox{height:54px; line-height:54px; background:#000; background:rgba(0,0,0,0.7);}
.swiper-banner{width:1920px; height:500px; position:relative; left:50%;top:-54px; margin-left:-960px;}
.navbox ul{width:1230px; margin:0 auto;}
.navbox .line{float:left; display:none; width:1px; height:54px; position:relative; background:url(../images/line.png) no-repeat left center;}
.navbox li{float:left; position:relative;}
.navbox li a{display:block; color:#fff; font-weight:bold; font-size:18px; padding:0 60px;}
.navbox li .box{display:none; position:absolute; top:54px; left:0; width: 100%; text-align:center;}
.navbox li .box p{border-top:1px solid rgba(255,255,255,0.15); line-height:47px; font-size:16px;background:rgba(0,0,0,0.6);}
.navbox li .box p a{display:block; font-weight:normal; padding:0;font-size: 14px;}
.navbox li:hover>a,.navbox li.active>a{color:#0ba3e1;}
.navbox li .box p:hover{background:rgba(0,0,0,0.7);}
.navbox li .box p:last-child{border-bottom:1px solid rgba(255,255,255,0.15);}
.swiper-banner .swiper-pagination{display:inline-block; height:34px; width:initial; left:50%; bottom:20px;transform: translate(-50%,0); background:rgba(0,0,0,0.5); border-radius:17px; padding:11px 24px;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet{float:left; width:12px; line-height:12px; height:12px; background:rgba(255,255,255,0.5); margin:0 5px;}
.swiper-banner .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.hti{ position:relative; left:50%; padding:50px 0 45px; margin-left:-90px;}
.hti h3{font-size:32px; color:#222423; font-weight:normal; position:relative;}
.hti h3:after{content:''; position:absolute; left:-20px; top:20px; line-height:50px; background:url(../images/ico1.png) no-repeat center; width: 9px; height:13px;}
.hti p{font-size:16px; color:#999999;text-transform: uppercase;}
.news_section{background:#f3f3f3; padding:0 0 85px; margin-top:-54px; overflow:hidden;}
.news_section ul{margin:0 -15px;}
.news_section ul li{width:33.3333%; float:left; padding: 0 15px;}
.news_section ul li .title{line-height:58px;}
.news_section ul li .title a{font-size:14px; color:#666666;}
.news_section ul li .title a:hover{color:#0ba3e1;}
.news_section ul li .title span{font-size:18px; color:#111111; font-weight:bold; display:inline-block; padding-left:15px; position:relative;}
.news_section ul li .title span:after{content:''; position:absolute; width:5px; height:20px;background:#0ba3e1; top:20px; left:0;}
.news_section ul li .newpic{position:relative; overflow:hidden;}
.news_section ul li .newpic img{width:100%; height:213px;transition: all 0.5s ease-in-out;  object-fit: cover;}
.news_section ul li .newpic:hover img{transform: scale(1.08);}
.news_section ul li .newpic span{background:rgba(0,0,0,0.7);line-height:40px; padding:0 18px; position:absolute; bottom:0; left:0; display:block; width:100%; color:#fff; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all;}
.news_section ul li .newpic:hover span{color:#0ba3e1;}
.news_section ul li .list{height:117px; background:#fff; padding:10px 10px 10px 18px; line-height:32px;}
.news_section ul li .list span{color:#c1c1c2;}
.news_section ul li .list a{font-size:14px; color:#4c4c4c; display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-all; margin-right:90px;}
.news_section ul li .list a:hover{color:#0ba3e1;}
.service_section{padding:0px 0;}
.service_section ul{padding-top:0px;}
.service_section ul li{width:25%; float:left; text-align:center; height:220px;}
.service_section ul li:hover{background-color: rgb(255, 255, 255);box-shadow: 0px 5px 20px 0px rgba(11, 163, 225, 0.1);}
.service_section ul li a{display:block; padding:30px;}
.service_section ul li span{display:block; width:80px; height:80px; margin:0 auto; background:url(../images/service1.png) no-repeat center;background-size: 80% 80% !important;}
.service_section ul li p{font-size:16px; padding-top:22px; color:#333333; line-height:25px;}
.service_section ul li:hover p{font-weight:bold; color:#0ba3e1;}
.service_section ul li:nth-child(1) span{background:url(../images/service1.png) no-repeat center;}
.service_section ul li:nth-child(2) span{background:url(../images/service2.png) no-repeat center;}
.service_section ul li:nth-child(3) span{background:url(../images/service3.png) no-repeat center;}
.service_section ul li:nth-child(4) span{background:url(../images/service4.png) no-repeat center;}
.service_section ul li:nth-child(5) span{background:url(../images/service5.png) no-repeat center;}
.service_section ul li:nth-child(6) span{background:url(../images/service6.png) no-repeat center;}
.service_section ul li:nth-child(7) span{background:url(../images/service7.png) no-repeat center;}
.service_section ul li:nth-child(8) span{background:url(../images/service8.png) no-repeat center;}
.service_section ul li:nth-child(1):hover span{background:url(../images/service1_hover.png) no-repeat center;}
.service_section ul li:nth-child(2):hover span{background:url(../images/service2_hover.png) no-repeat center;}
.service_section ul li:nth-child(3):hover span{background:url(../images/service3_hover.png) no-repeat center;}
.service_section ul li:nth-child(4):hover span{background:url(../images/service4_hover.png) no-repeat center;}
.service_section ul li:nth-child(5):hover span{background:url(../images/service5_hover.png) no-repeat center;}
.service_section ul li:nth-child(6):hover span{background:url(../images/service6_hover.png) no-repeat center;}
.service_section ul li:nth-child(7):hover span{background:url(../images/service7_hover.png) no-repeat center;}
.service_section ul li:nth-child(8):hover span{background:url(../images/service8_hover.png) no-repeat center;}
.partner_section{background:#f9f9f9; padding-bottom:130px;}
.partner_section ul{overflow:hidden;}
.partner_section li{width:16.66666%; float:left; text-align:center;}
.partner_section li a{display:flex; align-items:center; height:100px; justify-content:center; background:#fff;margin: 0 10px 15px; padding:5px;}
.partner_section li a img{width:100%; max-width:100% !important; max-height:100px;}
.footerbox{background:#333;color:#b8b8b8;padding-top: 1px; position:relative;}
.footer{width:92%; margin:-65px auto 0; color:#fff; height:430px; padding-top:55px; max-width:1600px;background:#5e5e5e;}
.footer .container{width:93%; max-width:1300px; margin:0 auto;}
.copy{line-height:32px; padding:18px 0; text-align:center;}
.copy .link a{margin:0 8px;}
.copy a{color:#b8b8b8;}
.foot1{overflow:hidden; line-height:43px;}
.foot1 .flogo{font-size:20px;color:#fff; font-weight:bold;}
.foot1 .flogo img{float:left; margin-right:12px;}
.foot1 .ftel{background:url(../images/wtel_ico.png) no-repeat left center; font-size:22px; color:#fff; padding-left:40px;}
.foot2{overflow:hidden;}
.foot2 .wx{margin-top:73px; background:url(../images/ewmbg.png) no-repeat center;width: 195px; height:259px; padding-top: 45px; text-align:center;}
.foot2 .wx img{width:146px;}
.foot2 .wx p{font-size:16px; padding-top:20px;}
.fnav{padding-top:68px;}
.fnav li{float:left; padding-right:40px;}
.fnav li h3{font-size:16px; color:#fff; padding-bottom:35px; position:relative;}
.fnav li h3:after{content:''; bottom:15px; position:absolute; left:0; width:10px; height:3px; background:#fff;}
.fnav li p{line-height:30px;}
.fnav li p a{color:#fff; font-size:14px;}
.fcontact{width:30%; line-height:33px; font-size:16px; margin-left:30px;padding-top: 64px;}
.fcontact p span{margin-right: 9px;}
.footer a:hover{text-decoration:underline;}
.bannerbox{height:246px; position:relative;}
.position{line-height:26px; padding:20px 0; font-size:14px; color:#333;}
.position a:last-child{color:#0ba3e1;}
.casesearch{padding-bottom:30px; width:614px; margin:0 auto; overflow:hidden;}
.casesearch .search{border:2px solid #0ba3e1; font-size:16px; color:#777; width:470px; float:left; line-height:50px; height:50px; float:left; padding-left:40px; background:url(../images/search_ico.png) no-repeat 15px center}
.casesearch .btn{cursor:pointer; background:#0ba3e1;border:2px solid #0ba3e1; color:#fff; font-size:20px; font-weight:bold; line-height:50px; height:50px; float:right; width:144px;}
.caselist{overflow:hidden;}
.caselist ul{margin:0 -17px;}
.caselist ul li{padding:0 17px; float:left; width:33.3333%; padding-top:40px;}
.caselist ul li .img{overflow:hidden;}
.caselist ul li .img img{width:100%;}
.caselist ul li .img img{transition: all 0.5s ease-in-out;}
.caselist ul li:hover .img img{transform: scale(1.08);}
.caselist ul li h3{font-size:18px; line-height:30px; height:60px; overflow:hidden; margin:20px 0 5px;-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.caselist ul li .txt{display:none;}
.caselist ul li p{font-size:14px; line-height:50px; overflow:hidden; color:#999999; border-bottom:2px solid #ededed;}
.caselist ul li p .xq{float:right; display:inline-block; width:22px; background:url(../images/more.png) no-repeat center;}
.caselist ul li:hover h3 a{color: #0ba3e1;}
.mpage{display:none;}
.page{padding:40px 0 0; overflow:hidden; text-align:center;}
.page a{display:inline-block; margin:0 5px; border:1px solid #e3e3e3; border-radius:4px; line-height:40px; height:40px; font-size:16px; color:#666666; min-width:40px; padding:0 15px;}
.page a:hover,.page a.current{border-color:#0ba3e1; background:#0ba3e1; color:#fff;}
.case_details_box{overflow:hidden; padding:42px 0 0; border-top:1px solid #ededed;}
.othercase{width:31%;}
.othercase .title{font-size:18px; color:#333333; line-height:80px; padding-top:78px;}
.othercase ul{background:#f9f9f9; padding:0 17px 25px;}
.othercase ul li{padding-top: 20px; overflow:hidden;}
.othercase ul li .img{float:left;width: 147px; height:101px;}
.othercase ul li .img img{width: 147px; height:101px;}
.othercase ul li .txt{margin-left:171px;}
.othercase ul li .txt p{font-size:16px; line-height:26px;margin-bottom: 23px; height:52px; overflow:hidden;-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.othercase ul li .txt span{display:block; border-radius:13px; background:#a9a9a9; color:#fff; font-size:12px; line-height:26px; width:80px; text-align:center;}
.othercase ul li:hover .txt span{background:#ff8c3b;}
.othercase ul li:hover .txt p{color:#0ba3e1;}
.case_details_content{float:left;  width:64%;}
.case_details_content .title h3{font-size:26px; color:#111111; line-height:40px; padding-bottom:25px;}
.case_details_content .title p{font-size:14px; color:#999999; line-height:52px;}
.case_details_content .title p span{margin-right:58px;}
.case_details_content .title p span.date{display: inline-block; padding-left:25px; background:url(../images/time_ico.png) no-repeat left center;}
.case_details_content .content{font-size:16px; line-height:30px; color:#666666; padding:40px 0; border-top:2px solid #ededed; border-bottom:2px solid #ededed;}
.updown{background:#f3f4f7;border-radius: 5px; font-size:16px;  line-height:33px;  padding:20px 24px; margin-top: 25px;}
.updown a{color:#666666;}
.updown a:hover{color:#0ba3e1;}
.main{padding-bottom:165px;}
.mbanner{cursor: pointer;}
.abouttitle{text-align:center; font-weight:bold; font-size:36px; color:#111111; padding:50px 0 30px;}
.aboutbox .part1{background:url(../images/aboutpic1.jpg)  no-repeat top center; height:270px;color:#fff; padding:0 80px; display:flex; align-items: center; font-size:18px; font-weight:bold; line-height:40px;}
.aboutbox .part2{margin-top:60px;background:#f5f5f5; overflow:hidden; margin-bottom:20px;}
.aboutbox .part2 .img{width:50%;}
.aboutbox .part2 .txt{width:50%; padding:60px 42px; font-size:14px; color:#666666; line-height:32px;}
.aboutbox .part2 .txt h3{font-weight:normal;font-size:26px; padding:5px 0 20px; color:#0ba3e1; line-height:40px;}
.aboutbox .part3{background:#f5f5f5; overflow:hidden;}
.aboutbox .part3 .img{width:50%;}
.aboutbox .part3 .txt{width:50%; float:right; padding:60px 40px 0; font-size:14px; color:#666666; line-height:30px;}
.aboutbox .part3 .txt h3{font-weight:normal;font-size:26px; padding:5px 0 20px; color:#ff8a39; line-height:40px;}
.mswiper-banner{display:none;}
.m-nav{display:none;}
.menu{display:none;}
.header{z-index:10001;}
.banner{height: 400px; position: absolute; top: -54px; width: 100%;}
.contactbox{padding-top:40px; overflow:hidden;}
.scopebox{width:57%; float:left;}
.scopebox .title{font-size:14px; background:#ebedf7; color:#3f51b5; line-height:50px; padding:20px 0 20px 32px;}
.scopebox .title b{font-size:22px; margin-right:14px;}
.scopebox .content{background:#f7f7f7;font-size:15px; line-height:40px; color:#666666; padding:30px; min-height:590px;}
.contact{float:right; width:39%;}
.contact ul{background:#f7f7f7; height:353px; margin-bottom:40px; padding:0 40px; padding-top:20px;}
.contact ul li{overflow:hidden; padding:15px 0;}
.contact ul li img{float:left;}
.contact ul li h3{ font-weight:normal; font-size:18px; color:#333333; line-height:32px; padding-left:57px; padding-bottom:10px;}
.contact ul li p{font-size:16px; color:#999999; line-height:22px; padding-left:57px;}
#map{width:100%; height:287px;}
#map img{width:auto; max-width:inherit;}
.othercase dl{background:#f9f9f9; line-height:34px; padding:15px 35px; font-size:14px;}
.othercase dl a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.newslist{overflow:hidden;}
.newslist ul{margin:0 -17px;}
.newslist ul li{width:33.3333%; float:left; padding:40px 17px 0;}
.newslist ul li .img{overflow:hidden;}
.newslist ul li .img img{width:100%; height:240px;}
.newslist ul li .img img{transition: all 0.5s ease-in-out;}
.newslist ul li:hover .img img{transform: scale(1.08);}
.newslist ul li h3{font-size:18px; line-height:30px;overflow:hidden; margin:25px 0 10px;}
.newslist ul li h3 a{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.newslist ul li p{font-size:14px; line-height:40px; overflow:hidden; color:#999999; border-bottom:2px solid #ededed;}
.newslist ul li p .xq{float:right; display:inline-block; width:22px; background:url(../images/more.png) no-repeat center;}
.newslist ul li:hover h3 a{color: #0ba3e1;}
.newslist ul li>span{display:block; font-size:14px; line-height:24px; color:#666; height:48px; overflow:hidden;-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; margin-bottom:12px;}
.centernav{text-align:center; display:flex; justify-content:center; padding:40px 0; line-height:60px;}
.centernav a{width:234px; background:#f0f0f0; display:block; font-size:18px; color:#121212; font-weight:bold;}
.centernav a:hover{color:#0ba3e1;}
.centernav a.active{background:#0ba3e1; color:#fff;}
.main{position:relative;}
.teamsearch{max-width:445px; width:50%; position:absolute; right:0; top:17px; overflow:hidden;}
.teamsearch .search{border:2px solid #0ba3e1; font-size:16px; color:#777; width:100%; float:left; line-height:42px; height:42px; float:left; padding-left:40px; background:url(../images/search_ico.png) no-repeat 15px center}
.teamsearch .btn{cursor:pointer; position:absolute; right:0; top:0; background:#0ba3e1;border:2px solid #0ba3e1; color:#fff; font-size:16px;  line-height:38px; height:42px; float:right; width:100px;}
.screenlist{border-top:1px solid #ededee;}
.screenlist ul{overflow:hidden; border:1px solid #ededee; border-top:none; line-height:22px; padding:18px 24px;}
.screenlist ul>span{float:left; font-size:16px; color:#999999;}
.screenlist ul li{margin-left:105px;}
.screenlist ul li a{display:inline-block; float:left; padding:4px 12px; margin-right:15px; font-size:16px; color:#666666;}
.screenlist ul li a.active{background:#0ba3e1; color:#fff;}
.screenlist ul li a:hover{color:#0ba3e1;}
.teamlist{overflow:hidden; padding:0 0 10px;}
.teamlist ul{margin:0 -25px;}
.teamlist li{width:50%; padding:50px 25px 0; float:left;}
.teamlist li a{display:flex; align-items:center; justify-content: space-between; background:#f9f9f9; padding:30px;}
.teamlist li a .img{width:157px; overflow:hidden;}
.teamlist li a .img img{transition: all 0.5s ease-in-out; width:100%; height:200px;}
.teamlist li a:hover .img img{transform: scale(1.08);}
.teamlist li a .txt{ flex:1; padding-left:35px; }
.teamlist li a .txt h3{font-size:24px; font-weight:normal; line-height:40px; color:#111111;}
.teamlist li a .txt span{font-size:16px; color:#0ba3e1; margin-top:10px; display:block;}
.teamlist li a .txt p{font-size:14px; line-height:25px; margin-top:25px; color:#9d9d9d;-webkit-line-clamp:4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.teambox{border-top:1px solid #ededed; padding:32px 0 0; overflow:hidden; position:relative;}
.recommendteam{float:right; width:31%; padding-top:105px;}
.recommendteam .title{padding-bottom:35px;}
.recommendteam .title span{ font-size:24px; line-height:45px; color:#333333; display:inline-block; border-bottom:4px solid #39aeff;}
.recommendteam ul{background:#f3f4f7; border-radius:5px; padding:10px 0; margin-bottom:25px;}
.recommendteam ul li{overflow:hidden; padding:16px 36px;}
.recommendteam ul li img{float:left; width:88px; height:88px; border-radius:100%;}
.recommendteam ul li p{font-size:20px; color:#111111; margin-left:120px; padding:10px 0 10px;}
.recommendteam ul li span{display:block;font-size:14px; color:#666666; margin-left:120px;}
.teamleft{width:66%; float:left;}
.teambox .share{position:absolute; right:0; top:32px; line-height:30px; overflow:hidden; font-size:16px; color:#999999;}
.share a{margin:0 4px;}
.share a:last-child{margin-right:0;}
.teamleft .base{overflow:hidden; padding-bottom: 45px;}
.teamleft .base .img{float:left; width:156px;}
.teamleft .base .txt{margin-left:210px;}
.teamleft .base .txt h3{font-size:28px; color:#111111; font-weight:normal; padding:14px 0 18px;}
.teamleft .base .txt i{font-size:16px; color:#0ba3e1; font-style:inherit; display:block;}
.teamleft .base .txt p{font-size:14px; color:#999999; padding-top:65px;}
.teamleft .base .txt p span{color:#666666; margin-left:15px;}
.teamleft .intro .title span{font-size:22px; line-height:45px; color:#333333; display:inline-block; border-bottom:4px solid #39aeff;} 
.teamleft .intro .content{font-size: 14px; line-height:30px; padding:28px 0;}
.kjcxbanner{height:400px;}
.kjcxbannerbox{height:346px; cursor:pointer;}
.kjcxpart1{background:#f1f3fb; padding:20px 0 90px; text-align:center;}
.chti{font-size:30px; color:#333333; padding:50px 0 30px; text-align:center;}
.kjcxpart1 .txt{font-size:16px; line-height:26px; color:#666666; width:95%; max-width:1020px; margin:0 auto;}
.kjcxpart2{padding-bottom:90px;}
.kjcxpart2 ul{overflow:hidden; width:95%; max-width:1300px; margin:0 auto; padding-top:20px;}
.kjcxpart2 ul li{display:flex; align-items:center; height:140px; float:left; justify-content:center; width:50%; border-right:1px solid #eaedf2; border-bottom:1px solid #eaedf2;}
.kjcxpart2 ul li a{display:inline-block; width:360px;}
.kjcxpart2 ul li a img{float:left;}
.kjcxpart2 ul li a h3{font-size:20px; color:#333333; margin-left:120px; padding:15px 0 10px;}
.kjcxpart2 ul li a p{font-size:14px; color:#999999; margin-left:120px;}
.kjcxpart2 ul li:nth-child(2){border-right:none;}
.kjcxpart2 ul li:nth-child(3){border-bottom:none;}
.kjcxpart2 ul li:nth-child(4){border-right:none; border-bottom:none;}
.kjcxpart3{background:#f2f2f2;}
.kjcxpart3 ul{overflow:hidden; width:95%; max-width:1300px; margin:0 auto; text-align:center; border-top:1px solid #e3e3e3;}
.kjcxpart3 ul li{width:25%; float:left; padding:70px 0;}
.kjcxpart3 ul li h3{font-size:22px; color:#333333; padding:18px 0;}
.kjcxpart3 ul li p{font-size:16px; color:#666666;}
.kjcxpart4 ul{overflow:hidden; width:95%; line-height:52px; display:flex; justify-content:space-between; align-items:center; max-width:1300px; margin:0 auto; padding-top:20px;}
.kjcxpart4 ul .txt{border:1px solid #e6e6e6; padding:20px; border-radius:4px; font-size:16px; color:#333333;}
.kjcxpart4 ul .txt span{margin-left:13px;}
.kjcxpart4 ul .line img{vertical-align:middle;}
.kjcxpart4 .btn{text-align:center; padding:65px 0 0;}
.kjcxpart4 .btn button{background:#ff9900; border: none; cursor:pointer; border-radius:3px; color: #fff; font-size:20px; height:54px; width:248px;}
.maskbg{display:none; position:fixed; background:rgba(0, 0, 0,0.6); width:100%; height:100%; left:0; top:0; z-index:10002;}
.cxapplybox{display:none;width:640px; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; z-index:1005; border-radius:10px; padding:0 40px 30px;z-index: 10004; }
.cxapplybox .close{position:absolute; right:10px; top:10px; font-weight:bold; color:#b5b5b5; line-height:32px; width:32px; text-align:center; font-size:24px; display:block;}
.cxapplybox .title{text-align:center; font-size:28px; color:#39aeff; font-weight:bold; padding:25px 0;}
.cxapplybox li{position:relative; padding:0 0 15px 135px; line-height:45px;}
.cxapplybox li span{display:block; text-align:right; position: absolute; left:0; top:0; width:130px; font-size:16px; color:#666666;}
.cxapplybox li input{ outline-color:none; outline:none; height:45px;border:1px solid #d5d5d5; border-radius:2px; padding:0 12px; font-size:16px; color:#333; width:100%; }
.cxapplybox .button{padding-left:55px;}
.cxapplybox .button input{cursor:pointer; border: none; width:100%; color:#fff; height:48px; background:#39aeff; font-size:18px;}
.cxapplybox li input::placeholder{color:#fff;}
.cxapplybox li textarea{outline-color:none; outline:none; line-height:45px; border:1px solid #d5d5d5; border-radius:2px; resize:none; height:100px; padding:0 12px; font-size:16px; color:#333; width:100%; }
.cxapplybox li textarea::placeholder{color:#fff;}
.about_section{padding-bottom:25px;margin-top:-65px;}
.about_section .habout{background:url(../images/aboutbg.jpg) no-repeat center; height:385px; color:#fff; text-align:center; padding-top:60px;}
.about_section .habout h3{font-size:30px;}
.about_section .habout p{font-size:16px; line-height:26px; margin:0 auto; max-width:850px; width:90%; text-indent:2em; padding:25px 0 60px;}
.about_section .habout a{display:inline-block; color:#fff; background:#ff8c3b; line-height:38px;width:136px; font-size:16px; border-radius:19px;}
.companybox{background:url(../images/groupbg.jpg) no-repeat top center; height: 688px; padding:85px 0; position:relative;}
.companybox:after{width:45%;content:''; background:#eeeeee; height:545px; position:absolute; left:0; top:85px;}
.companybox:before{width:55%;content:''; background:#1762cf; height:545px; position:absolute; right:0; top:85px;}
.company{width:45%; float:left; position:relative; z-index:2; padding:5% 7.5% 0 0;}
.company h3{font-size:24px; color:#1762cf; padding-bottom:10px;}
.company p{font-size:24px; color:#3e4041;}
.company .txt{font-size:16px; color:#666666; line-height:29px; height:265px; padding-top:40px;}
.company  a{display: inline-block; color: #fff; background: #ff8c3b; line-height: 38px; width: 136px; font-size: 16px; border-radius: 19px; text-align: center;}
.ys{width:55%; float:left; padding:5% 0 0 1.5%; position:relative; z-index:2; color:#fff;}
.ys li{overflow:hidden; height:115px;}
.ys li img{float:left; margin-top:10px;}
.ys li h3{font-size:26px; font-weight:normal; margin-left: 70px; line-height:40px; padding-bottom:5px;}
.ys li p{font-size:16px; color:#b1ccf2; line-height:1.4; margin-left:70px;}
.trends_section{padding:30px 0 40px;}
.newsnav{text-align:center; padding:15px 0 50px;}
.newsnav a{display:inline-block; margin:0 20px; position:relative; width:160px; line-height:44px; font-size:16px; color:#3e4041; background:#f0f0f0;}
.newsnav a.active{background:#1762cf; color:#fff;}
.newsnav a.active:after{border-width:12px 9px; content:''; position:absolute; bottom:-24px; margin-left:-6px; left:50%; border-color:#1762cf transparent transparent ;border-style: solid;}
.trendslist{overflow:hidden;}
.trendslist ul{margin:0 -15px; display:none;}
.trendslist ul li{width:33.3333%; float:left; text-align:center; padding:0 15px 10px;}
.trendslist ul li .img{overflow:hidden;}
.trendslist ul li .img img{transition: all 0.5s ease-in-out; width:100%;}
.trendslist ul li a{display:block;}
.trendslist ul li a:hover .img img{transform: scale(1.08);}
.trendslist ul li p{text-align:left; line-height:48px; font-size:16px; color:#222423;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.trendslist ul li a:hover p{color:#1762cf;}
.trends_section .more{text-align:center; padding-top:40px;}
.trends_section .more a{display: inline-block; color: #fff; background: #ff8c3b; line-height: 38px; width: 136px; font-size: 16px; border-radius: 19px; text-align: center;}
.xpjdti{text-align:center; padding:60px 0 65px;}
.xpjdti h3{font-size:28px; color:#333333; padding-bottom:5px;}
.xpjdti p{font-size:14px; color:#999999;}
.xpjdpart1{padding:0px 0 70px;}
.xpjdpart1 ul{width:95%; margin:0 auto; max-width:635px;}
.xpjdpart1 ul li{overflow:hidden; line-height:54px; position:relative; padding-left:95px; padding-bottom:15px;}
.xpjdpart1 ul li span{display:block; position:absolute; left:0; top:0; font-size:16px; color:#666;}
.xpjdpart1 ul li input{width:100%; line-height:44px;border: 1px solid #d5d5d5; border-radius:2px; color:#666666; font-size:16px;}
.xpjdpart1 ul li select{width:48%;border: 1px solid #d5d5d5; padding:0 12px; height:54px; font-size:16px; color:#666666; border-radius:2px;background: #fff;
appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #fff url(../images/select_ico.png) right center no-repeat;}
.xpjdpart1 .button{padding-top:20px; text-align:center;}
.xpjdpart1 .button input{cursor:pointer; color:#fff; border-radius:2px; background:#0ba3e1; font-size:16px; height:50px; width:100%; border: none;}
.xpjdpart2{background:#f9f9f9; padding-bottom:90px;}
.xpjdpart2 ul{margin:0 -20px; overflow:hidden;}
.xpjdpart2 ul li{width:20%; padding:0 20px; float:left;}
.xpjdpart2 ul li h3{background:#3671cf; font-size:24px; color:#fff; line-height:60px; padding-left:25px;}
.xpjdpart2 ul li .txt{background:#e4e6f0; border-radius:0 0 35px 35px; color:#3671cf; font-size:16px; line-height:24px; padding:25px  25px 0; height:154px;}
.xpjdpart3{padding-bottom:15px;}
.xpjdpart3 ul{overflow:hidden;    flex-wrap: wrap;text-align:center; line-height:100px; align-items:center; display:flex; justify-content:space-between; align-items:center;}
.xpjdpart3 ul .txt{border:1px solid #e6e6e6;    display: flex;
    align-items: center; padding:20px; text-align:center; height:80px; border-radius:4px; line-height:22px; font-size:16px; color:#333333; width:14%;}
.xpjdpart3 ul .txt a{text-align:center; }
.xpjdpart3 ul .line{width:2%}
.xpjdpart3 ul .txt:hover{background:#0ba3e1; border-color:#0ba3e1; color:#fff;}
.xpjdpart3 ul .txt:hover a{color:#fff;}
.xpjdpart3 ul .line img{vertical-align:middle;}
.xpjdpart4{padding-bottom:70px;}
.xpjdpart4 ul{margin:0 -20px; overflow:hidden;}
.xpjdpart4 ul li{width:50%; padding:0 20px; float:left; text-align:center;}
.xpjdpart4 ul li a{display:flex; text-align:center; justify-content: center; align-items:center; height:130px; text-align:center; color:#fff; font-weight:bold; font-size:22px; width:100%; padding:0 5%; line-height:1.6;}
.xpjdpart4 ul li a{background:url(../images/identification1.jpg) no-repeat center;}
.xpjdpart4 ul li:nth-child(2) a{background:url(../images/identification2.jpg) no-repeat center;}
.xpjdpart5{background:#f9f9f9; padding-bottom:165px;}
.xpjdpart5 .title{text-align:center; padding:40px 0 70px;}
.xpjdpart5 .title h3{font-size:36px; color:#222423; font-weight:normal;}
.xpjdpart5 .title p{font-size:20px; color:#999999;text-transform: uppercase; padding:10px 0 20px;}
.xpjdpart5 .title span{display:block; margin:0 auto; width:78px; height:4px; background:#0ba3e1;}
.swiper-case img{width:100%;transition: all 0.5s ease-in-out; height:240px; object-fit: cover;}
.swiper-case .swiper-slide:hover img{transform: scale(1.08);}
.swiper-case .img{overflow:hidden;}
.swiper-case .swiper-slide:hover h3{color:#0ba3e1;}
.swiper-case a h3{font-size:18px; margin:15px 0 20px; color:#333333; line-height:30px;-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.swiper-case a p{font-size:14px; color:#666; line-height:24px;-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
.xpjdpart5 .more{text-align:center; padding-top:58px;}
.xpjdpart5 .more a{display: inline-block; color: #fff; background: #ff8c3b; line-height: 38px; width: 136px; font-size: 16px; border-radius: 19px; text-align: center;}
.application{background:#f9f9f9; padding-bottom:40px; }
.application ul{ background:#fff; text-align:center; box-shadow: 0px 5px 10px 0px rgba( 0, 0, 0,0.05);border-radius: 5px; height:300px;}
.application ul li{float:left; width:25%; padding:50px 3% 0; position:relative; top:0;transition: all 0.35s ease-in-out;}
.application ul li:hover{top:-20px;}
.application ul li .txt{font-size:16px; color:#63a4fe; line-height:26px; max-width:220px; margin:0 auto; padding-top:25px;}
.identification uL{display:flex; justify-content:space-between; align-items:center;flex-wrap: wrap;}
.identification li{margin-bottom:40px; text-align:center;}
.identification .line{margin-bottom:40px;width:3.5%;}
.identification .line img{vertical-align:middle;}
.identification li a img:nth-child(2){display:none;}
.identification .i3{display:none;}
.identification li.txt{width:28%; padding:5px 10px; border:1px solid #e1e3e6; height:120px; display:flex; align-items:center; justify-content:center;}
.identification li a span{padding-top:12px; display:block; font-size:16px; color:#666666; line-height:24px;}
.identification li a img{}
.identification li:hover{background:#63a4fe; border-color:#63a4fe}
.identification li:hover a span{color:#fff;}
.identification li:hover a img:nth-child(2){display:inline-block;}
.identification li:hover a img:nth-child(1){display:none;}
.materials {padding-bottom:105px;}
.materials ul{overflow:hidden;}
.materials .ti{float:left; width:100%; background:#d3e3f9; height:50px;}
.materials li{height:64px; float:left; display:flex; align-items:center; padding-left:75px; padding-right:30px; font-size:14px; color:#666666; line-height:24px; width:50%;border-left:1px solid #e1e3e6; border-bottom:1px solid #e1e3e6;}
.materials li a{color:#666666}
.materials li:nth-child(2n){border-right:1px solid #e1e3e6;}
.materials li:nth-child(5) a,.materials li:nth-child(8) a{color:#ef5b5b;}
.evaluation{background:#f9f9f9; padding-bottom:40px;}
.evaluation ul{display:flex; justify-content:space-between; align-items:center;flex-wrap: wrap;}
.evaluation ul li{width:28%; margin-bottom:55px;}
.evaluation ul .line{margin-bottom:55px; width:3.5%;}
.evaluation ul .i3{display:none;}
.evaluation ul li a{display:flex; padding-left:32px;transition: all 0.35s ease-in-out; height:96px; align-items:center; font-size:16px; color:#63a4fe; font-weight:bold; background:#fff;box-shadow: 0px 5px 10px 0px rgba( 0, 0, 0 ,0.05);border-radius: 5px;}
.evaluation ul li a img{margin-right:20px; border:1px solid #fff; border-radius:100%;}
.evaluation ul li a:hover{background:#63a4fe; color:#fff;}
.report ul{display:flex; justify-content:space-between; align-items:top;flex-wrap: wrap;}
.report .xpjdti{padding-bottom:40px;}
.report ul li{width:22%; text-align:center; padding-top:25px; top:0; transition: all 0.35s ease-in-out; position:relative;}
.report ul li h3{font-size:18px; color:#333333; padding:12px 0 23px;}
.report ul li p{font-size:15px; max-width:260px; margin:0 auto; text-align:left; line-height:24px; color:#666666; min-height:130px; padding-bottom:20px;}
.report ul li:hover{box-shadow:0 0 15px rgba(11,163,225,0.3); top:-20px;}
.pjapplybox{display:none; width:90%; max-width:1100px; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; z-index:100005; border-radius:10px; padding:0 40px 50px;}
.pjapplybox .close{position:absolute; right:10px; top:10px; font-weight:bold; color:#b5b5b5; line-height:32px; width:32px; text-align:center; font-size:24px; display:block;}
.pjapplybox .title{text-align:center; font-size:28px; color:#39aeff; font-weight:bold; padding:30px 0;}
.pjapplybox ul{width:85%; margin:0 auto; line-height:54px; margin:10px auto 40px; position:relative; padding:0 180px 0 110px;}
.pjapplybox ul span{font-size:18px; display:inline-block; color:#666666; position:absolute; left:0; right:0;}
.pjapplybox ul li input{width:100%; padding:0 20px; position:relative; z-index: 2; border-radius:2px; height:54px; color:#333; border:1px solid #d5d5d5; font-size:18px;}
.pjapplybox ul li input::placeholder{color:#fff;}
.pjapplybox ul .button{position:absolute; right:0; top:0;}
.pjapplybox ul .button input{border: none; width:150px; height:54px; text-align:center; background:#39aeff; font-size:22px; color:#fff; cursor:pointer; }
.pjapplybox .pclist table{width:100%;}
.pjapplybox .pclist table tr th{border:1px solid #d5d5d5; background:#ecf4f9; line-height:22px; padding:15px 10px; font-size:16px; color:#333333; width:16.666666%; text-align:center;}
.pjapplybox .pclist table tr td{border:1px solid #d5d5d5; padding:27px 20px; text-align:center; font-size:16px; line-height:22px; color:#999999;}
.pjapplybox .mlist{display:none;}
.pjapplybox .mlist table{width:100%; font-size:16px; color:#333;}
.pjapplybox .mlist table tr th{border:1px solid #d5d5d5; background:#ecf4f9; text-align: center; width:140px; line-height:22px; padding:15px 10px;}
.pjapplybox .mlist table tr td{border:1px solid #d5d5d5; color:#999; background:#fff; line-height:22px; padding:15px 10px;}
.screenlist ul li a.active:hover{color:#fff;}
.screenlist ul.budget{padding:12px 24px; line-height:38px;}
.screenlist ul.budget li a{line-height:27px; margin-top:5px;}
.screenlist ul.budget .section{float:left; line-height:38px;font-size:18px; color:#666666;}
.screenlist ul.budget .section input{height:38px; outline:none; border:1px solid #d4d4d4; width:150px; text-align:center; font-size:18px; color:#666; background:#eeeeee;}
.screenlist ul.budget .section span{margin:0 12px;}
.needlist li{padding:30px 0; overflow:hidden; border-bottom:2px solid #ededed;}
.needlist li .img{float:left;overflow:hidden; width:340px;}
.needlist li .img img{width:100%; transition: all 0.5s ease-in-out; height:215px;}
.needlist li:hover .img img{transform: scale(1.08);}
.needlist li .txt{margin-left:390px;}
.needlist li .txt h3{font-size:20px;}
.needlist li .txt h3 a{display:block; margin-right:150px; line-height:38px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.needlist li .txt h3 span{float:right;display:inline-block; min-width:100px; text-align:center; position:relative; line-height:38px; color:#fff; background:#f7aa00; padding:0 15px; border-radius:5px; font-size:14px;}
.needlist li .txt h3 span{
    background:-webkit-gradient(left,#f7ac00, #f78b00); 
    background:-moz-linear-gradient(left,#f7ac00, #f78b00); 
    background:-webkit-linear-gradient(left,#f7ac00, #f78b00); 
    background:-o-linear-gradient(left,#f7ac00, #f78b00); 
}
.needlist li .txt h3 span:after{content:''; position:absolute; width:10px; height:14px; background:url(../images/zjt_ico.png) no-repeat right center; position:absolute;    left:-10px;
    top: 12px;}
.needlist li .txt p{font-size:14px; margin:24px 0 50px; line-height:27px; color:#999999;-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.needlist li .txt .t{overflow:hidden; display:flex; align-items:baseline; justify-content: space-between; position:relative; top:5px;}
.needlist li .txt .t span.price{font-size:16px;color:#333333; float:left;}
.needlist li .txt .t span.price b{font-size:36px;color:#f7ae00; font-weight:normal;}
.needlist li .txt .t span.date{font-size:14px; color:#999999; float:right; background:url(../images/time_ico.png) no-repeat left center; padding-left:18px; background-size:15px 15px;}
.needlist li:hover .txt h3 a{color:#0ba3e1;}
.gainlist li .txt h3 a{margin-right:0;}
.needcontent{overflow:hidden;}
.needcontent .base{overflow:hidden;}
.needcontent .base .img{width:46%; float:left;}
.needcontent .base .txt{width:50%; float:left; padding-left:3%;}
.needcontent .base .txt h3{font-weight:normal; font-size:24px; color:#333333; line-height:34px;}
.needcontent .base .txt .p{line-height:36px; font-size:16px; color:#999999; min-height:300px; padding-bottom:10px; margin-top:25px;}
.needcontent .base .txt p span{color:#666; margin-left:20px;}
.needcontent .base .txt p strong{color:#ff8a39; margin-left:20px;}
.needcontent .base .txt button{background:#39aeff;width:200px; height:46px; color:#fff; border-radius:23px; cursor: pointer; font-size:18px; border: none;}
.statusbox{display:flex; justify-content:space-between; line-height:30px; font-size:14px; color:#999999; margin-top:25px;}
.needintrobox{padding-top:50px;}
.interest{width:405px; float:right;}
.interest .ti{font-size:18px; color:#333333; padding-bottom:25px;}
.interest ul{line-height:34px; font-size:14px; background:#f3f4f7; padding:15px 35px; border-radius:5px;}
.interest ul li a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.needintrocontent{margin-right:450px;}
.needti span{display: inline-block; font-size:24px; color:#333333; line-height:42px; border-bottom:4px solid #39aeff;}
.needintrocontent .content{font-size:14px; color:#666666; line-height:30px; padding:15px 0 30px;}
.jscgapplybox .upload{position: relative; padding: 0 0 20px 65px; line-height:45px;}
.jscgapplybox .upload a{position:relative; display:inline-block;width:130px; font-size:16px; height:44px; line-height:44px; text-align:center; background:#d0d0d0; color:#fff;}
.jscgapplybox .upload a input{position: absolute; height:45px; right: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer}
.showFileName{font-size:16px; color:#666666; margin-left:15px;}
.jscgapplybox{width:540px; padding:0 40px 30px;}
.jscgapplybox li span{width:60px;}
.jscgapplybox li{padding-left:65px;}
.fileerrorTip{color:#f00;}
.needcontent .base .txt .p ul{ margin:15px 0 35px; padding:15px 0;border-radius:5px; overflow:hidden; background:#f3f4f7; font-size:16px; color:#828281; line-height:30px; max-width:360px;}
.needcontent .base .txt .p ul li{width:50%; float:left; text-align:center;}
.jbapplybox{width:540px; padding:0 40px 30px;}
.jbapplybox li span{width:90px;}
.jbapplybox li{padding-left:100px;}
.jbapplybox li:last-child{padding-bottom:40px;}
.jbapplybox li textarea{height:120px;}
.jbapplybox .button,.jscgapplybox .button{padding-left:0;}
.technicalapplybox{padding-top:50px;}
.technicalapply{margin-right:450px;}
.technicalapply .title{font-size:16px;color:#999999; line-height:55px;}
.technicalapply .title b{display:inline-block; border-bottom:3px solid #000000; font-size:28px; color:#111111; margin-right:10px;}
.technicalapply ul{padding-top:40px;}
.technicalapply li{padding-bottom:20px; overflow:hidden; padding-left:93px; position:relative;}
.technicalapply li>span{display:inline-block; line-height:50px; position:absolute; left:0; top:0; font-size:16px; color:#656565;}
.technicalapply li .input input{border-radius:2px; width:100%; outline:none; line-height:50px; height:50px; border:1px solid #d5d5d5; color:#656565; padding:0 20px; font-size:16px;}
.technicalapply li .input textarea{border-radius:2px;width:100%; resize: none; outline:none; line-height:50px; height:150px; border:1px solid #d5d5d5; color:#656565; padding:0 20px; font-size:16px;}
.technicalapply li .select select{width:100%;border: 1px solid #d5d5d5; padding:0 12px; height:50px; font-size:16px; color:#656565; border-radius:2px;background: #fff;
appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #fff url(../images/select_ico.png) right center no-repeat;}
.technicalapply li .address{display:flex; justify-content:space-between;}
.technicalapply li .address select{width:48%;border: 1px solid #d5d5d5; padding:0 12px; height:50px; font-size:16px; color:#656565; border-radius:2px;background: #fff;
appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-moz-appearance: none;
-o-appearance: none;
background: #fff url(../images/select_ico.png) right center no-repeat;}

.technicalapply .button{padding-top:20px; text-align:center;}
.technicalapply .button input{border:none; border-radius:2px; color:#fff; height:50px; width:100%; background:#f8ae01; font-size:16px; cursor:pointer;}
.technicalapply li .radio{line-height:37px; font-size:16px; color:#656565;}
.technicalapply li .radio label{display:block; float:left; margin-right:25px;}
.technicalapply li.li{padding-bottom:20px;}
.technicalapply li.li>span{line-height:30px;}
.technicalapply li .layui-form-item{margin-bottom:0;}
.technicalapply li .layui-form-item .layui-input-block{margin-left:0; font-size:16px; color:#656565; line-height:30px;}
.technicalapply li .layui-form-item .layui-form-radio{font-size:16px; color:#656565; margin:0 0 10px;}
.technicalapply li .layui-form-item .layui-form-radio div{font-size:16px; color:#656565;}
.technicalapply li .price{display:flex; justify-content:space-between; line-height:50px; font-size:16px; color:#656565;}
.technicalapply li .price:after{display:none;}
.technicalapply li .price input{border: 1px solid #d5d5d5;border-radius: 2px;resize: none; outline: none; font-size:16px; padding:0 20px; width:42%;}
.technicalapply li .layui-form-checkbox[lay-skin="primary"] span{font-size:15px; color:#656565;}
.technicalapply li .layui-form{padding-top:5px;}
.layui-form-checked[lay-skin="primary"] i{border-color:#0ba3e1 !important;
background-color: #0ba3e1;}
.uploadbox .tips{font-size:14px; color:#999999; line-height:30px;}
.technicalapply li>span.uti{line-height:30px;}
.uploadbox .layui-upload{padding-top:20px; overflow:hidden;}
#uploadimglist{float:left; padding-right:20px;}
#uploadimglist dd{float:left; position:relative; margin-right:15px;}
#uploadimglist dd span{display:inline-block;width:25px; height:25px; background:url(../images/close.png) no-repeat center; cursor: pointer;position: absolute; right: -5px; top: -8px;}
#uploadimglist dd img{width:150px; height:112px; border-radius:3px;}
#uploadimg{float:left; cursor:pointer;}
.main2{padding-bottom:0 !important;}
.mscreenlist{display:none;}
.kjcxpart4 .btn button:hover{background:#e78d05;}
.kjcxpart4 ul .txt:hover{background:#2e99eb; color:#fff; border-color:#2e99eb;}
.kjcxpart4 ul .txt:hover span{color:#fff;}
.kjcxpart3 ul li,.kjcxpart2 ul li a{position:relative; left:0; top:0;transition: all 0.5s ease-in-out;}
.kjcxpart3 ul li:hover{top:-15px;}
.kjcxpart2 ul li a:hover{left:-15px;}
.msharebox,.mteamimg{display:none;}
.kjcgbutton{position:relative; width:1000px; height:400px; margin:0 auto;}
.kjcgbutton a{display: inline-block; position: absolute; right: 192px; bottom:60px; width: 180px; line-height: 50px; color: #fff; border: 2px solid #fff; text-align: center; border-radius: 28px; font-size: 18px;}
.kjcxbutton{position:relative; width:1100px; height:400px; margin:0 auto;}
.kjcxbutton a{display: inline-block; position: absolute; left:-44px; bottom:60px; width: 180px; line-height: 50px; color: #fff; border: 2px solid #fff; text-align: center; border-radius: 28px; font-size: 18px;}
.xgybutton{position:relative; width:1100px; height:400px; margin:0 auto;}
.xgybutton a{display: inline-block; position: absolute; left:50%; margin-left:-100px; bottom:60px; width: 180px; line-height: 50px; color: #fff; border: 2px solid #fff; text-align: center; border-radius: 28px; font-size: 18px;}
.base_content{width:95%; margin:0 auto; max-width:1200px; padding-top:50px; font-size:16px; line-height:2; color:#333; min-height:300px;}
.listbox{ overflow:hidden; padding-top:20px;}
.listbox ul{margin:0 -15px;}
.listbox li{width:33.33333%; float:left; text-align:center; padding:0 15px 30px;}
.listbox li a{display:block; position:relative; overflow:hidden;}
.listbox li a img{width:100%; height:300px;}
.listbox li span{display:block; position:absolute; left:0; bottom:0; transition: all 0.2s ease-in-out; width:100%; line-height:40px; font-size:16px; color:#fff; background:rgba(0, 0, 0,0.6); text-align:left; padding:0 20px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.listbox li .item{position:absolute; width:100%; transition: all 0.35s ease-in-out; z-index:2; height:100%; top:100%; left:0; background:rgba(0, 0, 0,0.7); color:#fff; padding:5%;}
.listbox li .item h3{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word; padding:15% 0 20px;}
.listbox li .item p{font-size:16px; line-height:28px;-webkit-line-clamp: 2; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical;}
.listbox li a:hover span{opacity:0;}
.listbox li a:hover .item{top:0;}
.ntitle{line-height:50px; padding:75px 0 40px;}
.ntitle a{float:right; color:#0ba3e1;}
.ntitle h3{font-weight:normal; font-size:16px; color:#999999;}
.ntitle h3 span{font-size:32px;color:#121212; font-weight:bold; margin-right:10px;}
.naboutcontent{padding:5%; background:#f5f5f5; font-size:16px; color:#666666; line-height:38px;}
.naboutcontent p{text-indent:2em;}
.naboutcontent h3{font-size:26px; color:#0ba3e1; font-weight:normal; padding-bottom:30px;}
.swiper-honor img,.swiper-office img{width:100%; height:260px;transition: all 0.5s ease-in-out;}
.swiper-honor img:hover,.swiper-office img:hover{transform: scale(1.08);}
.swiper-honor .img,.swiper-office .img{overflow:hidden;}
.officelist{overflow:hidden; padding-top:10px;}
.officelist ul{margin:0 -15px;}
.officelist ul li{width:33.3333%; float:left; padding:0 15px 30px;}
.officelist ul li a{display:block; overflow:hidden;}
.officelist ul li a img{width:100%; height:260px;transition: all 0.5s ease-in-out;}
.officelist ul li a img:hover{transform: scale(1.08);}
.zljsbox1{background:#f9f9f9; padding:15px 0 100px;}
.zljstitle{text-align:center;font-size:32px; color:#333333; font-weight:bold; padding:60px 0;}
.zljsbox1 ul{display:flex; justify-content:center;align-items: center;}
.zljsbox1 ul .secend{padding:0 8%;}
.zljsbox1 ul li:nth-child(1){padding-bottom:60px;}
.zljsbox1 ul li:nth-child(2){padding-top:60px;}
.zljsbox1 ul li h3{font-size:28px; color:#7e7e7e; position:relative; margin-bottom: 5px;} 
.zljsbox1 ul li h3 span{font-size:30px; color:#2767df; font-weight:normal; position:absolute; left:-50px;}
.zljsbox1 ul li p{font-size:14px; color:#7e7e7e;}
.zljsbox1 .frist{width:180px; margin-left:50px;}
.zljsbox1 .last{margin-left:50px; width:180px;}
.zljsbox2{padding-bottom:100px;}
.zljsbox2 ul{display:flex; justify-content:space-between; text-align:center;}
.zljsbox2 ul li{padding:0 20px;}
.zljsbox2 ul h3{font-size:22px; color:#333333; padding:20px 0;}
.zljsbox2 ul .txt{font-size: 16px; line-height:24px; color:#666666;}
.zljsbox3{background:#f9f9f9; padding:15px 0 100px;}
.zljsbox3 ul{display:flex; justify-content:space-between; text-align:center;}
.zljsbox3 ul li h3{font-size:32px; color:#333333; padding:35px 0 5px;}
.zljsbox3 ul li p{font-size:24px; font-weight:bold; color:#333;}
.zljsbox4{padding:100px 0;}
.zljsbox4 .box{display:flex; justify-content:space-between;}
.zljsbox4 .box .left{width:45%;}
.zljsbox4 .box .right{width:50%; height:520px; border:1px solid #e4e4e4; border-radius:12px; padding:3% 5%;}
.zljsbox4 .box .content{display:none;}
.zljsbox4 .box .content h3{font-size:28px; color:#2c6c75; padding-bottom:15px;}
.zljsbox4 .box .content .txt{font-size:16px; color:#666666; line-height:2; }
.zljsbox4 .box .content ul{display:flex; height:440px; flex-direction:column; justify-content:space-between;}
.zljsbox4 .box .left{display:flex;flex-direction:column; justify-content:space-evenly;}
.zljsbox4 .box .left li{height:110px; cursor:pointer; border-radius:12px; padding:0 5%; font-size:16px; color:#999999; display:flex; align-items:center;}
.zljsbox4 .box .left li span{font-size:26px; color:#222423; margin-right:10px;}
.zljsbox4 .box .left li.active{background:#eef3f7; position:relative;}
.zljsbox4 .box .left li.active:after{    content: '';
    position: absolute;
    right: -16px;
    top:50%;
    margin-top:-10px;
    line-height: 50px;
    background: url(../images/jt_ico.png) no-repeat center;
    width:16px;
    height:19px;}
.zljsbox5{background:#eff4f9; padding:15px 0 100px; margin-bottom:150px;}
.zljsbox5 ul{display:flex; justify-content:space-between;}
.zljsbox5 ul li{width:30%; text-align:center; max-width:380px; padding:10px 30px; background:#fff; border:1px solid #7898e8; border-radius: 12px;}
.zljsbox5 ul li h3{text-align:center;font-size:24px; color:#2767df; border-bottom:1px solid #e4e4e4; line-height:80px;}
.zljsbox5 ul li p{height:210px; padding-top:40px; line-height:2; font-size:16px; color:#333333;}
.zlwqtitle{text-align:center; padding:70px 0;}
.zlwqtitle h3{font-size:50px; color:#111111; font-weight:normal; padding-bottom:5px;}
.zlwqtitle p{font-size:18px;color:#999999;}
.zlwqtitle span{display:block;width:78px; height:4px; background:#0ba3e1; margin:20px auto 0;}
.zlwqbox1{padding-bottom:30px;}
.zlwqbox1 ul{justify-content:space-between; display:flex;flex-wrap: wrap;}
.zlwqbox1 ul li{width:22%; text-align:center;}
.zlwqbox1 ul li h3{font-size:18px; color:#333333; padding:25px 0;}
.zlwqbox1 ul li .txt{font-size:16px; color:#666666; height:120px;}
.zlwqbox2{padding-bottom:40px;}
.zlwqbox2 .box{background:#fff; padding:45px;}
.zlwqbox2 .zlwqtitle{padding-bottom:50px;}
.zlwqbox3{padding:50px 0 200px;}
.zlwqbox3 .formbox{background:url(../images/zljsbg.jpg) no-repeat right center; height:550px; padding:45px 5%;}
.zlwqbox3 .formbox form{background:#fff; height:460px; max-width:460px; border-radius:15px; padding:0 5% 5%;}
.zlwqbox3 .formbox .ti{font-size:24px;color:#111111; text-align:center; line-height:95px;}
.zlwqbox3 .formbox p{padding-bottom:30px;}
.zlwqbox3 .formbox p input{width:100%; line-height:60px; padding:0 25px; font-size:16px; color:#888; border-radius:5px; background:#f5f5f5; border:none;}
.zlwqbox3 .formbox .btn{padding-top:70px;}
.zlwqbox3 .formbox .btn input{background:#0ba3e1; cursor: pointer; border-radius:5px; border:none; height:65px; text-align:center; width: 100%; background:#0ba3e1; color: #fff; font-size:18px;}
.zlsqbox1{padding-bottom:95px; background:#eff4f9;}
.zlsqtitle{text-align:center; padding:75px 0;}
.zlsqtitle h3{font-size:32px; color:#333333;}
.zlsqtitle p{font-size:14px;color:#999999; padding-top:10px;}
.zlsqbox1 ul{display:flex; justify-content:space-between; text-align:center;}
.zlsqbox1 ul li{width:22.5%; position:relative; top:0;transition: all 0.5s ease-in-out; padding:34px 20px 0; background:#fff; border-radius:10px;box-shadow: 2px 3.464px 15px 0px rgba(0, 0, 0, 0.02);} 
.zlsqbox1 ul li:hover{top:-20px;}
.zlsqbox1 ul li h3{font-size:22px; color:#333333; padding:30px 0 20px;}
.zlsqbox1 ul li p{font-size:16px; color:#666666; line-height:24px; padding-bottom:30px;}
.zlsqbox1 ul li .txt{width:80%; margin:0 auto; border-top:1px solid #e4e4e4; display:flex; justify-content:space-between; padding:0 15px; line-height:20px; align-items:center; height:80px; color:#b2b2b2;}
.zlsqbox1 ul li .txt b{font-weight:normal; color:#2767df; display:block;}
.zlsqbox2 ul{display:flex; justify-content:space-between;flex-wrap: wrap;}
.zlsqbox2 ul li{width:30%;}
.zlsqbox2 ul li a{position:relative; top:0;transition: all 0.5s ease-in-out; display:block; padding:12% 5% 20% 20%; background:url(../images/zlsqbg.png) no-repeat top center; background-size:100% auto;}
.zlsqbox2 ul li a:hover{top:-20px;}
.zlsqbox2 ul li h3{position:relative;font-size:22px; color:#000000; margin-bottom:10px;}
.zlsqbox2 ul li h3 img{position:absolute; left:-40px;}
.zlsqbox2 ul li p{font-size:16px; line-height:22px; color:#999999;}
.zlsqbox3 ul{display:flex; justify-content:space-between; text-align:center; position:relative;}
.zlsqbox3 ul:after{width:100%; height:5px;background:#ededed; left:0; top:30px; content:''; position:absolute;}
.zlsqbox3 ul li{width:18%;}
.zlsqbox3 ul li i{border-radius:100%; position:relative; z-index: 100; font-weight:bold; display:block; margin:0 auto; border:3px solid #f9f9f9; background:#ecf2fe; font-size:24px;color:#000000; width:60px; height: 60px; line-height:54px;}
.zlsqbox3 ul li .box{position:relative; background:#ecf2fe;border-radius:10px; margin-top:50px; height:220px; padding-top:34px;}
.zlsqbox3 ul li .box h3{font-size:20px; line-height:28px;color:#2767df; padding-top: 42px;}
.zlsqbox3 ul li .box:after{    content: '';
    position: absolute;
    left:50%;
    top:-26px;
    margin-left:-26px;
    line-height: 50px;
    background: url(../images/sqico.png) no-repeat center;
    width:52px;
    height:26px;}
.zlsqbox4{padding:50px 0 200px;}
.zlsqbox4 ul{max-width:800px; margin:0 auto;}
.zlsqbox4 ul li{position:relative; padding:0 0 20px 188px; line-height:54px;}
.zlsqbox4 ul li input{border:1px solid #d5d5d5; border-radius:2px;line-height:54px;  padding:0 20px; font-size:18px; color:#333; height:54px; width:100%; outline:none;}
.zlsqbox4 ul li textarea{border:1px solid #d5d5d5; display:block; border-radius:2px;line-height:54px;  padding:0 20px; font-size:18px; color:#333; height:140px; resize: none; width:100%; outline:none;}
.zlsqbox4 ul li input::placeholder{color:#fff;}
.zlsqbox4 ul li textarea::placeholder{color:#fff;}
.zlsqbox4 ul li span{text-align:right; font-size:18px; color:#666666; position:absolute; left:0; width:185px;}
.zlsqbox4 ul .btn{padding:40px 0 0 90px;}
.zlsqbox4 ul .btn input{background:#0ba3e1; height:70px; width:100%; color:#fff; font-size:18px; cursor: pointer; border-radius:2px; border:none;}
.swiper-office  .swiper-wrapper,.swiper-honor  .swiper-wrapper{height: inherit;}
@media screen and (max-width:1440px){
.footer{width:95%;}
}
@media screen and (max-width:1360px){
.container{padding-left:15px; padding-right:15px; width:100%;}

.navbox{width:100%; padding:0 40px;}
.navbox ul{width:100%; display:flex; justify-content:space-between;}
.navbox li a{padding:0 10px;}
.navbox li .box{min-width:160px; left:50%; transform: translate(-50%,0);}
.fnav li h3{font-size:16px;}
.fnav li p a{font-size:14px;}
.fcontact{font-size:16px; width:25%;}
.foot2 .wx{background: url(../images/ewmbg.png) no-repeat top center; height:230px;}
.footer{height:400px;}
.foot2 .wx img{width:125px;}
.foot2 .wx p{padding-top:15px;}
.copy{padding:15px 2.5%;}
.copy .link a{display:inline-block;}
.aboutbox .part2 .txt,.aboutbox .part3 .txt{padding:40px 20px 0; line-height:2.2;}
.aboutbox .part2 .txt h3,.aboutbox .part3 .txt h3{font-size:22px; padding:0 0 10px;}
.abouttitle{font-size:32px; padding:40px 0 30px;}
.aboutbox .part2{margin-bottom:0;}
.aboutbox .part3 .img img{height:540px;}
.othercase ul li .txt p{font-size:16px;}
.case_details_content{margin-right:420px;}
.case_details_content .title h3{font-size:24px;}

.kjcxpart4 ul{line-height:50px;}
.kjcxpart4 ul .txt{padding:10px; font-size:16px;}
.kjcxpart4 ul .txt img{width:40px;}
.kjcxpart4 .btn button{width:200px; height:54px;}
.cxapplybox{ padding:0 30px 30px;}
.cxapplybox .title{font-size:24px; padding:25px 0;}
.cxapplybox li{padding:0 0 15px 140px; line-height:initial;}
.cxapplybox li span{font-size:16px; width:130px;line-height:48px;}
.cxapplybox li input{line-height:45px; height:45px; font-size:16px; color:#333;}
.cxapplybox .button input{height:48px; font-size:18px;}
.pjapplybox{padding:0 40px 40px;}
.pjapplybox .title{font-size: 24px; padding: 25px 0;}
.jbapplybox li span{width:90px;}
.cxapplybox li{padding:0 0 15px 90px;}
.cxapplybox li textarea{font-size:16px; line-height:45px;}

}
@media screen and (max-width:1280px){
.needcontent .base .txt h3{font-size:22px;}
.needcontent .base .txt .p{font-size:16px; line-height:36px; min-height: inherit; padding-bottom:40px;}
.xpjdpart3 ul .txt{font-size:16px;}
}
@media screen and (max-width:1200px){
.hti {margin-left:-70px;}
.hti h3{font-size:32px;}
.hti p{font-size:16px;}
.foot2 .wx{display:none;}
.fcontact{float:right; width:25%; margin-left:5%;}
.fnav{width:70%; display:flex; justify-content:space-between;}
.navbox li a{font-size:16px;}
.navbox{height:54px; line-height:54px;}
.swiper-banner{top:-54px;}
.navbox li .box{top:54px;}
.navbox li .box p{font-size:14px; line-height:42px;}
.navbox li .box p a{font-size:14px;}
.navbox .line{height:54px;}
.news_section ul li .title span{font-size:18px;}
.service_section ul li p{font-size:16px;}
.news_section{margin-top:-54px;}
.banner{top:-54px;height: 385px;}
.aboutbox .part2 .txt h3, .aboutbox .part3 .txt h3{font-size:20px; line-height:30px;}
.aboutbox .part2 .txt, .aboutbox .part3 .txt{font-size:15px; line-height:2;padding:30px 20px 0;}
.aboutbox .part3 .img img{height:500px;}
.caselist ul li h3{font-size:18px; margin:20px 0 5px;}
.newslist ul li h3{font-size:18px; margin:20px 0 5px;}
.newslist ul li > span{margin-bottom:5px;}
.centernav{padding-bottom:20px; line-height:60px;}
.centernav a{font-size:20px; width:200px;}
.page a{line-height:40px; height:40px;min-width: 40px; font-size:14px;}
.case_details_content{margin-right:0;}
.case_details_content .title h3{padding-bottom:15px;}
.updown{font-size:16px; padding:20px 15px;}
.scopebox{width:100%; margin-bottom:40px;}
.scopebox .content{min-height:initial;}
.contact{width:100%; overflow:hidden;}
.contact ul{width:50%; float:left; padding:20px 30px 0;}
.map{width:46%; float:right;}
#map{height:353px;}
.screenlist ul>span{font-size:16px;}
.screenlist ul li a{font-size:16px;}
.teamlist li{padding:30px 15px 0;}
.teamlist li a{padding:25px;}
.teamlist li a .img{width:130px;}
.teamlist li a .img img{height:166px;}
.teamlist li a .txt h3{font-size:24px;}
.teamlist li a .txt span{font-size:16px; margin-top:0;}
.teamlist li a .txt p{font-size:15px; margin-top:15px;}
.teamleft{margin-right:0;}
.ys li h3{font-size: 24px; line-height:30px;}
.ys li img{margin-top:5px;}
.kjcxbannerbox{height:360px;}
.kjcxbanner{background-size:cover !important; height:415px;}
.kjcgbutton,.kjcxbutton,.xgybutton{position:absolute; height:100%; width:100%;}
.kjcxpart1{padding:0 0 70px;}
.kjcgbutton a{right: 27%; bottom: 62px; width: 165px; line-height: 47px; border-radius: 24px; font-size: 18px;}
.kjcxbutton a{left:10%; bottom:70px; width: 165px; line-height: 47px; border-radius: 24px; font-size: 18px;}
.xgybutton a{left:50%; bottom:70px; width: 165px; margin-left:-82px; line-height: 47px; border-radius: 24px; font-size: 18px;}

.chti{font-size:28px;padding:50px 0 30px;}
.kjcxpart2 ul li {text-align:center;}
.kjcxpart2 ul li a img{width:85px;}
.kjcxpart3 ul li h3{font-size:20px; padding:10px 0;}
.kjcxpart4 ul .txt{text-align:center; width:15%;}
.kjcxpart4 ul .txt span{display:block; margin-left:0;}
.needlist li .txt h3 a{font-size:20px;}
.needlist li .img{width:300px;}
.needlist li .img img{height:190px;}
.needlist li .txt{margin-left:330px;}
.needlist li .txt p{margin:15px 0 35px;}
.needlist li .txt .t span.price b{font-size:32px;}
.technicalapply .title b{font-size:24px;}
.technicalapply ul{padding-top:30px;}
.technicalapply li > span{line-height:45px; font-size: 15px;}
.technicalapply li .input input{line-height:45px; height:45px; font-size: 15px;}
.technicalapply li .select select,.technicalapply li .address select{height:45px; font-size: 15px;}
.technicalapply li .price{line-height:45px; font-size: 15px;}
.technicalapply li .layui-form-item .layui-form-radio div,.technicalapply li .price input{font-size:15px;}
#uploadimglist{padding-right:10px;}
#uploadimg img{height:90px;}
#uploadimglist dd img{height:90px; width:120px;}
.xpjdti h3{font-size:28px; padding-bottom:5px;}
.xpjdti{padding:50px 0;}
.xpjdpart1{padding:10px 0 70px;}
.xpjdpart2{padding-bottom:70px;}
.xpjdpart2 ul li h3{font-size:24px; line-height:55px; padding-left:20px;}
.xpjdpart2 ul li{padding:0 10px;}
.xpjdpart2 ul li .txt{padding:20px 20px 0; font-size:15px; line-height:28px;}
.xpjdpart3{padding-bottom:50px;}
.xpjdpart4{padding-bottom:90px;}
.xpjdpart5 .title{padding:40px 0 50px;}
.xpjdpart5 .title h3{font-size:32px;}
.xpjdpart5 .title p{font-size:18px; padding:5px 0 10px;}
.swiper-case a h3{font-size:20px; margin:20px 0;}
.application ul li .txt{font-size:16px;}
.identification li a span{font-size:16px;}
.recommendteam ul li{padding:15px 20px;}
.recommendteam ul li p{font-size:20px;}
.teamleft,.case_details_content{width:60%;}
.recommendteam,.othercase{width:35%;}
.listbox li a img{height:240px;}
.ntitle{padding:60px 0 30px;}
.ntitle h3 span{font-size:28px;}
.naboutcontent{line-height:2;}
.naboutcontent h3{padding-bottom:15px;}
.swiper-honor img, .swiper-office img{height:210px;}
.officelist ul li img{height:210px;}
.zlsqtitle{padding:55px 0;}
.zlsqtitle h3{font-size:28px;}
.zlsqbox1 ul li h3{font-size:20px; padding:20px 0 10px;}
.zlsqbox1 ul li p{padding-bottom:20px;}
.zlsqbox2 ul li h3{font-size:20px;}
.zlsqbox3 ul li .box h3{font-size:18px; padding-top:30px;}
.zlsqbox3 ul li .box{height:200px;}
.zlwqtitle{padding:55px 0;}
.zlwqtitle h3{font-size:36px;}
.zlwqbox1 ul li h3{font-size:16px; padding:15px 0;}
.zlwqbox1 ul li img{width:50px;}
.zlwqbox3 .formbox form{padding:0 3% 3%; height:auto;}
.zlwqbox3 .formbox{height:auto; background-size: cover;}
.zlwqbox3 .formbox .btn{padding-top:55px;}
.zljsbox1{padding:0 0 70px;}
.zljstitle{font-size:28px; padding:50px 0;}
.zljsbox1 ul li h3,.zljsbox1 ul li h3 span{font-size:26px;}
.zljsbox1 ul li h3 span{left:-40px;}
.zljsbox1 ul li:nth-child(1){padding-bottom:40px;}
.zljsbox1 ul li:nth-child(2){padding-top: 40px;}
.zljsbox2 ul li{width:25%;}
.zljsbox3 ul li img{width:100px;}
.zljsbox3 ul li h3{font-size:28px; padding-top:25px;}
.zljsbox3 ul li p{font-size:22px;}
.zljsbox3{padding:0 0 70px;}
.zljsbox4{padding:70px 0;}
.zljsbox4 .box .content h3{font-size:24px;}
.zljsbox4 .box .left li span{font-size:22px;}
.zljsbox4 .box .left li{font-size:14px; height:100px;}
.zljsbox4 .box .right{height:auto; min-height:520px;}
.zljsbox4 .box .content ul{height:auto; min-height:440px;}
.zljsbox4 .box .content ul li:nth-child(1){padding-bottom:20px;}
.zljsbox2{padding-bottom:70px;}
}
@media screen and (max-width:980px){
.newslist ul li .img img{height:180px;}
.mswiper-banner{display:block; top:-54px;}
.swiper-banner{display:none;}
.swiper-pagination-bullet{background:rgba(255,255,255,0.5);}
.swiper-pagination-bullet-active{background:#fff;}
.partner_section li{width:25%;}
.aboutbox .part1{padding:0 5%;}
.aboutbox .part2 .img,.aboutbox .part3 .img{width:100%; float:initial; display:none;}
.aboutbox .part2 .img img,.aboutbox .part3 .img img{width:100%; height:auto;}
.aboutbox .part2 .txt, .aboutbox .part3 .txt{width:100%; padding:5%;}
.abouttitle{font-size:28px;}
.aboutbox .part1{font-size:16px; line-height:2;background-size: cover;}
.caselist ul li{width:50%;}
.newslist ul li{width:50%;}
.newslist ul li > span{margin-bottom:0;}
.header .top .fr{width:310px;}
.trendslist ul li{width:50%;}
.company{width:50%; padding-right:4%;}
.ys{width:50%;}
.companybox:after{width:50%; height:475px;}
.companybox:before{width:50%; height:475px;}
.ys{padding:5% 0 0 2.5%;}
.ys li h3{font-size:20px; margin-left:55px;}
.ys li p{font-size:14px;line-height:20px; margin-left:55px;}
.ys li{height:100px;}
.ys li img{width:35px;}
.company .txt{padding-top:25px; height:245px;}
.companybox{padding:70px 0; height:630px;}
.trends_section{padding:0 0 40px;}
.newsnav{padding:0 0 50px;}
.trendslist ul li p{font-size:16px; line-height:48px;}
.trendslist ul li{padding-bottom:10px;}
.kjcxpart1{padding-bottom:50px;}
.chti{font-size:24px;padding:40px 0 20px;}
.kjcxpart2 ul li a img{width:75px;}
.kjcxpart2 ul li a h3{font-size:18px;padding: 15px 0 5px;}
.kjcxpart2 ul li a h3,.kjcxpart2 ul li a p{margin-left:85px;}
.kjcxpart2{padding-bottom:60px;}
.kjcxpart3 ul li{padding:50px 0;}
.kjcxpart3 ul li img{width:50px;}
.kjcxpart3 ul li h3{font-size:18px;}
.kjcxpart4 ul .line{display:none;}
.kjcxpart4 ul .txt{width:18%;}
.kjcxpart4 .btn{padding-top:40px;}
.kjcxpart4 .btn button{width:150px;height:45px; font-size:18px;}
.interest{display:none;}
.needintrocontent{margin-right:0;}
.needcontent .base .txt h3{font-size:18px; line-height:26px;}
.needcontent .base .txt .p{line-height:32px; margin-top:10px;}
.needcontent .base .txt button{width:150px; height:42px; font-size:18px;}
.needlist li .img{width:260px;}
.needlist li .img img{height:165px;}
.needlist li .txt{margin-left:285px;}
.needlist li .txt h3 span{ line-height:30px; font-size:12px; min-width:60px; }
.needlist li .txt h3 span:after{left: -8px;top: 9px;}
.needlist li .txt h3 a{font-size:18px;line-height:30px;}
.needlist li .txt p{font-size:14px;margin: 15px 0 30px;}
.needlist li .txt .t span.price{font-size:14px;}
.needlist li .txt .t span.price b{font-size:24px;}
.needlist li .txt .t span.date{font-size:14px;}
.screenlist ul.budget li a{margin-bottom:5px;}
.screenlist ul.budget .section input{width:100px;}
.technicalapply{margin-right:0;}
.technicalapply li > span{font-size:16px;}
.technicalapply li > span{line-height:45px;}
.technicalapply li .input input{line-height:45px; height:45px;}
.technicalapply li .select select,.technicalapply li .address select{height:45px;}
.technicalapply li .price{line-height:45px;}
.technicalapply li .layui-form-item .layui-form-radio div,.technicalapply li .price{font-size:16px;}
.technicalapply .button input{font-size:18px; line-height:54px; height:54px;}
.xpjdti{padding:40px 0;}
.xpjdpart1 ul li{line-height:48px; padding-bottom:15px; font-size:16px;}
.xpjdpart1 ul li input{line-height:48px; height:48px; font-size:16px;}
.xpjdpart1 ul li span{font-size:16px;}
.xpjdpart1 ul li select{font-size:16px;height:48px;}
.xpjdpart1 .button input{height:54px;}
.xpjdpart2 ul li h3{font-size:20px; line-height:48px;}
.xpjdpart2 ul li .txt{font-size:14px;padding:15px; line-height:2.2;border-radius: 0 0 15px 15px;}
.xpjdpart3 ul{padding-top:0;}
.xpjdpart3 ul .txt{font-size:16px; width:18%; padding:10px; height:80px;}
.xpjdpart4 ul li a{font-size:20px;}
.swiper-case a h3{font-size:18px; margin:12px 0;}
.swiper-case a p{font-size:14px;}
.application ul li .txt{line-height:28px;}
.materials li{padding:0 30px;}
.materials{padding-bottom:70px;}
.evaluation ul li a{font-size:16px;}
.report ul li p{font-size:15px;line-height:24px;}
.case_details_content{width:100%;}
.othercase{width:100%;}
.othercase .title{padding-top:40px;}
.xpjdpart3 ul .txt{width:28%; margin-bottom:15px;}
.xpjdpart3 ul .line{margin-bottom:15px; width:5%}
.xpjdpart3 ul .i3{display:none;}
.evaluation ul li{width:46%; margin-bottom:25px;}
.evaluation ul .line{margin-bottom:25px;}
.evaluation ul .i2,.evaluation ul .i4{display:none;}
.evaluation ul .i3{display:block;}
.report ul li{width:100%; text-align:left; padding:20px;}
.report ul li img{float:left;}
.report ul li h3{margin-left:90px; padding-bottom:10px;}
.report ul li p{margin-left:90px; max-width:inherit; min-height:inherit; padding-bottom:0;}
.report ul li:hover{top:0;}
.pjapplybox ul span{font-size:16px;}
.pjapplybox ul{line-height:40px;margin: 10px auto 40px;padding:0 140px 0 100px;}
.pjapplybox ul li input{height:40px;}
.pjapplybox ul .button input{height:40px; width:120px; font-size:18px;}
.pjapplybox .pclist table tr th,.pjapplybox .pclist table tr td{font-size:15px; padding:15px 5px;}
.swiper-case img{height:180px;}
.listbox li a img{height:200px;}
.listbox li .item h3{font-size:18px;}
.listbox li .item p{font-size:14px; line-height:22px;}
.officelist ul li{width:50%;}
.zlsqbox1 ul li p{font-size:14px; line-height:20px; padding-bottom:10px; height:70px;}
.zlsqbox1 ul li{width:23.5%;padding:20px 10px 0;}
.zlsqbox1 ul li .txt{width:90%; padding:0; height:65px;}
.zlsqbox2 ul li h3 img{width:28px; left:-30px;}
.zlsqbox4 ul li{line-height:48px;}
.zlsqbox4 ul li span{font-size:16px;}
.zlsqbox4 ul li input{line-height:48px; height:48px; font-size:16px;}
.zlsqbox4 ul li textarea{line-height:48px;}
.zlsqbox4 ul .btn input{height:54px;}
.zljsbox1 ul li h3, .zljsbox1 ul li h3 span{font-size:22px;}
.zljsbox1 ul li p{font-size:12px;}
.zljsbox1 .last{width:190px; margin-left:40px;}
.zljsbox1 ul li h3 span{left:-30px;}
.zljsbox2 ul li img{width:90px;}
.zljsbox2 ul h3{font-size:20px; padding:15px 0;}
.zljsbox2 ul .txt{font-size:14px; line-height:20px;}
.zljsbox3 ul li img{width:80px;}
.zljsbox3 ul li h3{font-size:24px; padding-top: 15px;}
.zljsbox3 ul li p{font-size:20px;}
.zljsbox4 .box .left li span{font-size:20px; display:block;}
.zljsbox4 .box .left{width:36%;}
.zljsbox4 .box .right{width:60%;padding: 3% 4%;}
.zljsbox4 .box .content h3{font-size:22px; padding-bottom:5px;}
.zljsbox5 ul li{width:31%; padding:0 15px 15px;}
.zljsbox5 ul li h3{font-size:22px; line-height:55px;}
.zljsbox5 ul li p{padding-top:20px;font-size:14px; line-height:2; height:inherit;}
.zljsbox5{padding-bottom:70px; margin-bottom:120px;}
}
@media screen and (max-width:768px){
.recommendteam{border-top:10px solid #f9f9f9;}
.needintrobox{padding-top:10px;}
.pc-show{display:none;}
.navbox{display:none;}
.mswiper-banner{display:block; top:0;}
.news_section ul li{width:100%;}
.news_section ul li .newpic img{/*height:auto;*/}
.news_section{margin-top:0;}
.service_section ul li{width:50%;}
.foot1 .flogo{float:initial;}
.foot1 .ftel{float:initial; margin-top:25px;}
.fnav{display:none;}
.fcontact{width:100%; float:initial; margin:0 auto; padding:20px 0;}
.footer{height:auto;}
.m-nav{display:block;}
.menu{display:block;}
.menu{color:#000; float:right; cursor:pointer;height: 44px;}
.menu i{font-size:34px; font-weight:bold;}
.header{background:#fff;}
.header .top{padding:20px 15px; height:auto; overflow:hidden;}
.m-nav{position:absolute ; top:-100%;  padding-top:64px; overflow-y: auto; transition: all 0.35s ease-in-out; width:100%; z-index:10000; background:#ffffff;}
.m-nav:after{background:rgba(0, 0, 0,0.8);width:100%; display:none; height:100%; top:0; left:0; position:fixed; content:'';}
.m-nav ul{position:relative;z-index:1; background:#fff;}
.m-nav a{color:#111111;}
.m-nav .close{text-align:right;}
.m-nav .close a{font-size:28px;}
.m-nav li{line-height:54px; font-size:16px;}
.m-nav li>a{display:block;padding:0 15px 0 20px;border-bottom:1px solid #e1e1e1;}
.m-nav li a i{float:right; font-size:20px;}
.m-nav li .box{padding:10px 0; font-size:15px; display:none; background:#f3f3f3; }
.m-nav li .box p a{display:block; padding:0 20px; line-height:40px; color:#676767;}
.m-nav-active{top:0;}
.m-nav-active:after{display:block;}
.icon-fork:before {
    content: "\e61b";
}
.logo a span{font-size:24px;}
.abouttitle{font-size:24px;}
.bannerbox{height:200px;}
.bannerbox .banner{height:200px;top:0; background-size:auto 100% !important;}
.container2{ width:100%; }
.main{padding-bottom:40px;}
.footer{padding-top:30px;}
.position{display:none;}
.casesearch{width:80%; position:relative; padding:30px 0 0;}
.casesearch .search{width:100%;}
.casesearch .btn{position:absolute; right:0; top:30px; font-size:20px;}
.caselist ul{margin: 0;}
.caselist ul li{padding:30px 10px 0;}
.page a{line-height:30px; height:30px;min-width:30px; font-size:14px;padding: 0 12px; border-radius:2px;}
.case_details_box{padding:30px 0 0;}
.case_details_content .title h3{font-size:20px; padding-bottom:0; line-height:1.6;}
.case_details_content .title p{line-height:48px;}
.case_details_content .content{padding:20px 0;}
.updown a{display:block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; word-wrap: break-word;}
.scopebox .title{padding:10px 0 10px 20px;}
.scopebox .title b{font-size:20px;}
.scopebox .content{font-size:16px; line-height:2; padding:20px;}
.scopebox{margin-bottom:30px;}
.contact ul{width:100%; margin-bottom:30px;}
.map{width:100%;}
.newslist ul{margin: 0;}
.newslist ul li{padding:30px 10px 0;}
.teamsearch{position:relative; margin:25px auto 0; top:0; width:80%; max-width:640px;}
.screenlist ul{padding:; line-height:24px; padding:20px 15px 10px;}
.screenlist ul>span{font-size:14px;}
.screenlist ul li{font-size:14px; margin-left:80px;}
.screenlist ul li a{padding:0 10px; margin:0 10px 10px 0; font-size:14px;}
.teamlist li{width:100%;}
.teambox .share{display:none;}
.teamleft .base .txt h3{font-size:30px;}
.about_section{margin-top:0;}
.about_section .habout{padding:40px 0; height:auto; background-size:cover;}
.about_section .habout p{padding:15px 0 30px;}
.about_section .habout h3{font-size:24px;}
.about_section{padding-bottom:0;}
.companybox:before,.companybox:after{display:none;}
.companybox{background-size:cover; overflow:hidden; padding:60px 0; height:auto;}
.company{width:100%; background:#fff; padding:5%;}
.company h3{font-size:20px;}
.company p{font-size:20px;}
.company .txt{padding:20px 0; height:auto;}
.ys{width:100%; padding:5%; background:#1762cf;}
.ys li{height:auto; padding-bottom:20px;}
.ys li:last-child{padding-bottom:0;}
.newsnav a{width:120px; font-size:15px; line-height:36px; margin:0 10px;}
.newsnav a.active:after{bottom:-20px;}
.newsnav{padding-bottom:40px;}
.trendslist ul{margin:0 -10px;}
.trendslist ul li{padding:0 10px 10px;}
.bannerbox{display:none;}
.mbanner{display:block; position:relative;}
.mkjcgbutton{position:absolute;right: 24%; bottom: 15%;}
.mkjcgbutton a{display:block; width:100px; line-height:30px; text-align:center; border-radius:15px; font-size:14px; color:#fff; border:1px solid #fff;}
.kjcxpart3 ul li:nth-child(1),.kjcxpart3 ul li:nth-child(2){padding-bottom: 0;}
.kjcxpart3 ul li{width:50%;}
.kjcxpart4 ul{flex-flow:wrap; justify-content:flex-start;}
.kjcxpart4 ul .txt{ width:30%;margin: 0 3% 15px 0;}
.kjcxpart4 ul .txt span{font-size:15px;}
.cxapplybox{width:85%;}
.cxapplybox li span{display:none;}
.cxapplybox li{padding-left:0;}
.cxapplybox li input::placeholder,.cxapplybox li textarea::placeholder{color:#666;}
.cxapplybox .button{padding-left:0;}
.jscgapplybox .upload{padding-left:0;}
.needcontent .base .img{width:100%; float:initial;}
.needcontent .base .img>img{width:100%;}
.needcontent .base .txt{width:100%;  float:initial;position:relative; padding:0 2.5%; padding-bottom:20px;}
.needcontent .base .txt button{position:absolute; right:20px; bottom:-20px; width:80px; font-size:16px; height:80px; border-radius:100%; text-align:center;}
.needcontent .base .txt button.zxjb{ bottom:50%; }
.statusbox{font-size:14px; line-height:24px; margin:20px 0; padding:0 15px 20px; border-bottom:10px solid #f9f9f9;}
.needcontent .base,.needcontent{overflow:initial;}
.needti{border-top:10px solid #f9f9f9; padding:15px 15px 0px; }
.needintrocontent .content{padding:15px 15px 30px;}
.share a img{width:24px;}
.needcontent .base .txt .p{padding-bottom:20px;}
.needlist li{padding:30px 0;}
.screenlist ul.budget .section{font-size:14px; line-height:30px;}
.screenlist ul.budget .section input{height:30px; line-height:30px; font-size:14px;}
.screenlist ul.budget{padding:10px 15px 10px;}
.xpjdpart5{padding-bottom:110px;}
.xpjdpart2 ul{display:flex; justify-content:center;flex-wrap: wrap;}
.xpjdpart2{padding-bottom:40px;}
.xpjdpart3{padding-bottom:20px;}
.xpjdpart4{padding-bottom:30px;}
.xpjdpart2 ul li{width:33.333%; margin-bottom:20px;}
.xpjdpart2 ul li .txt{height:130px;}
.xpjdti h3{font-size:24px;}
.xpjdpart3 ul{flex-wrap: wrap;}
.xpjdpart3 ul .txt{width:30%; margin-bottom:15px; text-align:center;}
.xpjdpart3 ul .txt a{justify-content:center;}
.xpjdpart4 ul li a{font-size:18px;}
.xpjdpart5 .title h3{font-size:28px;}
.application ul{height:auto;}
.application ul li{width:50%;padding:5% 3%;}
.materials li{width:100%;}
.report ul li{width:25%;}
.evaluation ul li{background:#fff; text-align:center; padding:15px 10px;box-shadow: 0px 5px 10px 0px rgba( 0, 0, 0 ,0.05);}
.evaluation ul li a{padding:0;box-shadow:none; justify-content:left; height:auto;}
.evaluation ul li a img{ margin-right:8px; width:45px;}
.evaluation ul li a span{font-size:15px; line-height:30px;}
.report{padding-bottom:20px;}
.report .xpjdti{padding-bottom:0;}
.report ul li{width:100%;}
.report ul li p{min-height:initial;}
.report ul li img{width:60px;}
.footer{background:#333; margin:0;width:100%;}
.fcontact{display:none;}
.link{display:none;}
.footer{width:100%;}
.foot1 .flogo{display:flex; justify-content: center;}
.partner_section{padding-bottom:50px;}
.foot1{text-align:center;}
.foot1 .ftel{text-align:center; display:inline-block;}
.news_section ul li .list{display:none;}
.news_section ul li .title span{font-weight:normal;}
.caselist ul li .txt{display:block; font-size:14px; line-height:20px;    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.caselist ul li p{display:none;}
.page a{display:none;}
.page .prev,.page .next{display:block;line-height:35px;
    margin:0 15px;
    display:inline-block;
    font-size: 14px;
    padding: 0 30px;
    border-radius: 2px; background:#0ba3e1; color:#fff; height:35px;}
/*.page{display:none;}
.mpage{display:block; padding-top:30px; text-align:center;}*/
.mpage a{ 
    }
.othercase .title{padding-top:20px;}
.mscreenlist{display:block;border-bottom:10px solid #f9f9f9;  z-index:11; background:#fff; position:relative;}
.screenlist{display:none;}
.teamsearchbox{position:relative; background:#fff; z-index:100; padding-top:1px;}
.position{position:relative; z-index:1000; background:#fff;}
.mscreenlist .mtitle{line-height:60px; position:relative; z-index:100; background:#fff; cursor:pointer;  padding:0 35px 0 20px; display:flex; justify-content:space-between; font-size:18px; color:#333333; font-weight:bold;}
.mscreenlist .mtitle span{display:inline-block; padding-right:12px; position:relative;}
.mscreenlist .mtitle span:after{content:'';border-color: #c9c9c9 transparent transparent;
    border-style: solid;border-width: 12px 9px; position:absolute; right:-14px; margin-top:-4px; top:50%;}
.mscreenlist .box{background:#fff; display:none; position:absolute;top:60px;border-top:1px solid #eeeeee; z-index: 10; width:100%; padding:10px 5px 10px 20px;}
.mscreenlist .box ul>span{display:block; color:#333333; font-size:18px;font-weight:bold; padding-bottom:10px; line-height:50px;}
.mscreenlist .box ul li{display:flex;flex-wrap: wrap; justify-content:flex-start; width:100%;}
.mscreenlist .box ul li a{display:block; min-width:20.5%; margin-right:2%; padding: 0 12px; margin-bottom:15px; text-align:center; line-height:50px; font-size:16px; color:#494949; border-radius:5px; background:#f9f9fa;}
.mscreenlist .box ul li a:nth-child(4){/*margin-right:0;*/}
.mscreenlist .box ul li a.active{background:#0ba3e1; color:#fff;}
.mscreenlist .box ul li .section{width:72%; color:#494949; line-height:50px; font-size:16px; margin-bottom:15px; display:flex; justify-content:space-between;}
.mscreenlist .box ul li .section input{width:40%; outline:none; text-align:center; line-height:50px; border: none; font-size:16px; color:#494949; border-radius:5px; background:#f9f9fa;}
.mscreenlist:after{display:none; background:rgba(0, 0, 0,0.8); content:''; width:100%; height:100%; position:fixed; top:0; left:0;}
.needlist{padding:0 15px;}
.needlist li .txt .t span.date{display:none;}
.mscreenlist .box-active{display:block;}
.mscreenlist-active .box{display:block;}
.mscreenlist-active:after{display:block;}
.mscreenlist-active .mtitle span:nth-child(2){color:#0ba3e1;}
.needlist li{border-bottom:10px solid #f9f9f9;}
.needcontent2 .base .txt,.needcontent2 .base .txt .p{ padding-bottom:0; }
.needcontent .base .txt .p ul{max-width:initial;}
.technicalapply .title{text-align:center; line-height:30px; padding:10px 0 20px;}
.technicalapply .title b{margin-right: 0;}
.technicalapply .title span{display:block;}
.aboutbox .part2{margin-top:30px;}
.abouttitle{padding:30px 0;}
.teamleft{width:100%; float:initial;}
.recommendteam{width:100%; float:initial;}
.recommendteam{padding-top:50px;}
.mteamimg{display:block; position:relative;}
.teamleft .base .img{display:none;}
.teamleft .base .txt{margin-left:0;}
.teamleft .base .txt h3{padding-top:0;}
.teamleft .base .txt p{padding-top:30px;}
.mteamimg a{display:block; width:60px; line-height:60px; text-align:center; color:#fff; font-size:18px; border-radius:100%; position:absolute; top:20px; background:rgba(0,0,0,0.8);}
.mteamimg a.back{left:20px; font-size:36px;transform:rotate(180deg);}
.mteamimg a.mshare{right:20px;}
.msharebox:after{content:''; display:none; background:rgba(0,0,0,0.6); width:100%; height:100%; top:0; position:fixed;}
.msharebox{display:block; bottom:-100%;transition: all 0.35s ease-in-out; position:fixed;  z-index:100000; width:100%; background:#fff;}
.msharebox ul{position:relative; z-index:2; background:#fff; border-bottom:1px solid #efefef; display:flex; justify-content:center;}
.msharebox ul li{width:33.3333%; text-align:center; padding:25px 0;}
.msharebox ul li img{width:70px;}
.msharebox ul li p{font-size:18px; color:#333; padding-top:8px;}
.msharebox .btn{position:relative; z-index:2; background:#fff;background:#fff; text-align:center; color:#000; font-size:18px; line-height:54px; width:100%; border:none; outline:none; cursor:pointer;}
.msharebox-active{bottom:0;}
.msharebox-active:after{display:block;}
.xpjdpart4 ul li{width:100%; margin-bottom:20px;}
.xpjdpart4 ul li a,.xpjdpart4 ul li:nth-child(2) a{background-size:cover; height:140px;}
.pjapplybox .pclist{display:none;}
.pjapplybox .mlist{display:block;}
.pjapplybox ul{width:100%;}
.mkjcxbutton{position:absolute;left:4%; bottom:25%;}
.mkjcxbutton a{display:block; width:100px; line-height:30px; text-align:center; border-radius:15px; font-size:14px; color:#fff; border:1px solid #fff;}
.mxgybutton{position:absolute;left:50%; bottom:20%; transform: translate(-50%,0);}
.mxgybutton a{display:block; width:100px; line-height:30px; text-align:center; border-radius:15px; font-size:14px; color:#fff; border:1px solid #fff;}
.partner_section li a{height:70px;}
.pjapplybox ul{line-height:45px;}
.pjapplybox ul .button input{height:45px; font-size:16px;}
.pjapplybox ul li input{font-size:16px; height:45px; line-height:45px;}
.pjapplybox ul li input::placeholder{color:#666;}
.pjapplybox ul span{display:none;}
.pjapplybox ul{padding-left:0;}
.base_content{padding-top:30px;}
.listbox li{width:50%;}
.listbox li .item h3{font-size:18px;}
.listbox li .item p{font-size:14px; line-height:22px;}
.ntitle{padding:30px 0 20px; line-height:40px;}
.ntitle h3 span{font-size:24px;}
.naboutcontent h3{font-size:24px;}
.officelist ul{margin:0 -10px;}
.officelist ul li{padding:0 10px 20px;}
.zlsqtitle{padding:40px 0;}
.zlsqtitle h3{font-size:24px;}
.zlsqbox1{padding-bottom:40px;}
.zlsqbox1 ul{flex-wrap: wrap;}
.zlsqbox1 ul li{width:48%; margin-bottom:20px;}
.zlsqbox1 ul li p{height:50px;}
.zlsqbox2 ul li{width:48%;}
.zlsqbox3 ul li i{display:none;}
.zlsqbox3 ul:after{display:none;}
.zlsqbox3 ul li .box{margin-top: 40px;}
.zlsqbox3 ul{flex-wrap: wrap; justify-content:center;} 
.zlsqbox3 ul li{width:30%; margin:0 1.5%;}
.zlsqbox3 ul li .box:after{top:-15px;}
.zlsqbox3 .zlsqtitle{padding-bottom:20px;}
.zlsqbox4 ul{width:95%;}
.zlsqbox4 ul li span{display:none;}
.zlsqbox4 ul li{padding:0 0 20px;}
.zlsqbox4 ul .btn{padding:30px 0 0;}
.zlsqbox4{padding-bottom:70px;}
.zlsqbox4 ul li input::placeholder{color:#666;}
.zlsqbox4 ul li textarea::placeholder{color:#666;}
.zlwqtitle h3{font-size:28px;}
.zlwqtitle p{font-size:16px;}
.zlwqbox1 ul li .txt{font-size:14px; margin:0 auto; height:80px; max-width:240px;}
.zlwqbox1 ul li{width:48%;}
.zlwqtitle,.zlwqbox2 .zlwqtitle{padding:40px 0;}
.xpjdpart5{padding-bottom:50px;}
.zlwqbox3 .formbox form{padding:0 30px 30px;}
.zlwqbox3 .formbox .ti{font-size:22px; line-height:65px;}
.zlwqbox3 .formbox p input{line-height:48px;}
.zlwqbox3 .formbox p{padding-bottom:20px;}
.zlwqbox3 .formbox .btn{padding-top:20px;}
.zlwqbox3 .formbox .btn input{height:54px;}
.zlwqbox3{padding-bottom:70px;}
.zljstitle{padding:40px 0;}
.zljstitle h3{font-size:24px;}
.zljsbox1 .frist{margin-left:40px;}
.zljsbox1 .last{width:220px;}
.zljsbox1 ul li:nth-child(1){padding-bottom:20px;}
.zljsbox1 ul li:nth-child(2){padding-top:20px;}
.zljsbox1{padding-bottom:50px;}
.zljsbox2 ul,.zljsbox3 ul{flex-wrap: wrap;}
.zljsbox2 ul li{width:50%;}
.zljsbox2 ul .txt{padding-bottom:30px;}
.zljsbox2 ul li img{width:70px;}
.zljsbox2,.zljsbox3{padding-bottom:20px;}
.zljsbox3 ul li{width:30%; padding-bottom:30px;}
.zljsbox3 ul li h3{font-size:22px;}
.zljsbox4 .box .content .txt{font-size:14px; line-height:1.8;}
.zljsbox4 .box .content h3{font-size:20px;}
.zljsbox4 .box .right,.zljsbox4 .box .content ul{min-height:inherit;}
.zljsbox4 .box .left li{height:70px;}
.zljsbox4 .box .left li span{font-size:18px;}
.zljsbox5 ul li h3{font-size:20px;}
.zljsbox5{margin-bottom:0;}
.zljstitle{font-size:24px;}
}
@media screen and (max-width:480px){
.evaluation ul li a span{font-size:14px;}
.header .top{padding:15px 10px; line-height:34px; box-shadow:0 0 3px rgba(0, 0, 0, 0.01);}
.logo a img{width:40px; margin-right: 8px;margin-top: 3px;}
.logo a span{font-size:18px;}
.menu{height:34px;}
.menu i{vertical-align:middle;}
.hti{padding:30px 0;margin-left: -45px; left:50%;}
.hti h3{font-size:22px;}
.hti p{font-size:12px;}
.news_section{padding-bottom:40px;}
.service_section{padding:0 0 20px;}
.service_section ul li span{width:40px; height:40px;}
.service_section ul li span{background-size:100% 100% !important;}
.service_section ul li p{font-size:14px; padding-top:20px; line-height:20px; height:80px;}
.service_section ul li a{padding:20px 15px; box-shadow:0 0 7px rgba(11,163,225,0.2);;}
.service_section ul li{height:auto;}
.service_section ul{margin:0 -8px; overflow:hidden; padding-top:5px;}
.service_section ul li{padding:0 8px 15px;}
.partner_section li{width:33.3333%;}
.partner_section li a img{height:auto;}
.partner_section{padding-bottom:70px;}
.foot1 .flogo img{width:40px; margin-right: 8px;margin-top: 3px;}
.foot1 .flogo{font-size:18px; line-height:34px;}
.footer .container{padding:0 15px; width:100%;}
.foot1 .ftel{font-size:24px; margin-top:10px;}
.fcontact{font-size:15px; line-height:1.8; padding:10px 0 15px;}
.copy{padding:15px 3%; line-height:24px;}
.footer{width:100%;}
.aboutbox .part2 .txt h3, .aboutbox .part3 .txt h3{font-size:18px;font-weight: bold;}
.casesearch{width:100%; padding-bottom:5px;}
.casesearch .btn{font-size:18px; width:120px;}
.caselist ul{margin:0 -8px;}
.caselist ul li{padding:20px 8px 0;}
.caselist ul li h3{font-size:15px; line-height:22px; height:44px; margin:10px 0 5px;}
.caselist ul li p{font-size:14px; line-height:32px;}
.caselist ul li p .xq{background-size:16px 16px;}
.casesearch{padding-top:20px;}
.casesearch .search{line-height:40px; height:40px;}
.casesearch .btn{line-height:40px; height:40px; font-size:16px; width:100px; top:20px;}
.case_details_content .title h3{font-size:18px; line-height:1.4;}
.case_details_content .title p{line-height:40px; font-size:14px;}
.case_details_content .title p span.date{background-size:16px 16px; padding-left:20px;}
.case_details_content .content{font-size:15px; line-height:2; padding:15px 10px;}
.updown{font-size:15px; padding:15px;}
.contact ul{padding:20px; height:auto;}
.contact ul li h3,.contact ul li p{padding-left:48px;}
.contact ul li h3{padding-bottom:0;}
.contactbox{padding-top:30px;}
.newslist ul li h3{font-size:15px; line-height:22px;margin:10px 0 5px;}
.newslist ul li>span{font-size:14px; line-height:20px; height:40px;}
.newslist ul li p{font-size:14px; line-height:32px;}
.newslist ul li p .xq{background-size:16px 16px;}
.centernav{line-height:42px; padding:30px 0 0;}
.centernav a{font-size:15px; width:32%;}
.bannerbox .banner,.bannerbox{height:150px;}
.teamsearch{width:90%;}
.teamsearch .search{height:40px; line-height:40px;}
.teamsearch .btn{line-height:40px; height:40px; font-size:16px; width:100px;}
.teamlist li a{padding:20px;}
.teamlist li a .txt{padding-left:20px;}
.teamlist li a .txt h3{font-size:20px; line-height:35px;}
.teamlist li a .txt p{font-size:14px; line-height:22px;}
.teamlist li{padding-top:20px;}
.teamlist{padding-bottom:0;}
.teamleft .base .img{width:130px;}

.teamleft .base .txt h3{font-size:24px; padding:0 0 15px;}
.teamleft .base .txt i{font-size:18px;}
.teamleft .base .txt p{font-size:16px; padding-top:30px;}
.teamleft .base{padding-bottom:20px;}
.teamleft .intro .title span{font-size:20px;border-bottom:2px solid #39aeff;}
.teamleft .intro .content{padding:20px 10px;}
.about_section .habout h3{font-size:20px;}
.about_section .habout p{font-size:15px; line-height:1.8;}
.about_section .container,.companybox .container{width:100%;}
.about_section .habout a,.company a,.trends_section .more a{width:105px; font-size:14px; line-height:32px;}
.companybox{padding:50px 0;}
.company .txt{padding:10px 0 15px; font-size:15px;}
.ys li h3{font-size:18px; padding-bottom:0;}
.newsnav{padding-bottom:30px;}
.newsnav a{font-size:14px; margin:0 2%; width:28%; line-height:32px;}
.trendslist ul li p{font-size:14px; line-height:32px;}
.trends_section .more{padding-top:20px;}
.chti{font-size:20px; padding:25px 0 10px;}
.kjcxpart1 .txt{font-size:15px;}
.kjcxpart1{padding-bottom:25px;}
.kjcxpart2 ul li a img{width:45px;}
.kjcxpart2 ul li a h3, .kjcxpart2 ul li a p{margin-left:45px;margin-left: 60px;text-align: left;}
.kjcxpart2 ul li a h3{font-size:16px; padding:0 0 5px;}
.kjcxpart2 ul li a p{font-size:12px;}
.kjcxpart2 ul li{padding:0 10px;}
.kjcxpart2{padding-bottom:25px;}
.kjcxpart2 ul{padding-top:0;}
.kjcxpart3 ul li{padding:30px 0;}
.kjcxpart3 ul li img{width:45px;}
.kjcxpart3 ul li h3{font-size:16px; padding:10px 0 5px;}
.kjcxpart3 ul li p{font-size:14px;}
.kjcxpart4 ul .txt span{font-size:14px; line-height: 30px; padding-top: 10px}
.kjcxpart4 .btn{padding-top:25px;}
.kjcxpart4 .btn button{font-size:16px; width:130px; height:40px;}
.cxapplybox{width:90%;padding:0 20px 20px; border-radius:8px;}
.cxapplybox .title{font-size:20px; padding:20px 0;}
.cxapplybox li input{line-height:40px; height:40px;font-size:15px;}
.cxapplybox .button input{height:48px; font-size:16px;}
.statusbox{margin:15px 0;}
.statusbox .share{display:none;}
.needcontent .base .txt button{font-size:14px; width:70px; height:70px;}
.needintrobox{padding:25px 8px 0;}
.needti span{font-size: 20px;border-bottom: 2px solid #39aeff;}
.needintrocontent .content{padding-bottom:20px;}
.cxapplybox li textarea{font-size:15px; line-height:40px; height:90px;}
.showFileName{font-size:14px; margin-left:10px;}
.jscgapplybox .upload{line-height:40px; padding-bottom:15px;}
.jscgapplybox .upload a{height:40px; line-height:40px; width:105px; font-size:16px;}
.screenlist ul.budget .section input{width:75px;}
.needlist li {padding:20px 0;}
.needlist li .img{width:140px;}
.needlist li .img img{height:100px;}
.needlist li .txt{margin-left:155px; position:relative;}
.needlist li .txt h3 a{font-size:14px; line-height:20px; margin-right:60px;}
.needlist li .txt h3 span{height:20px; width:53px;}
.needlist li .txt p{display:block;line-height: 20px;
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;    margin:5px 0 5px;}
.needlist li .txt h3 a{margin-right:0;}
.needlist li .txt h3 span{position:absolute; right:0; bottom:-2px; z-index:10; display:none;}
.needlist li .txt .t span.price
.needlist li .txt .t{display:block;}
.needlist li .txt .t span.price{display:block; margin:0;}
.needlist li .txt .t span.price b{font-size:20px;}
.needlist li .txt .t span.date{ background-size:15px 15px; padding-left:20px; float:left; width:100%;}
.page{padding:30px 0 0;}
.gainlist li .txt h3 a{margin-right:0;}
.gainlist li .txt .t span.date{display:none;}
.gainlist li .txt p{display:-webkit-inline-box; font-size:12px; -webkit-line-clamp:2; line-height:18px; margin:5px 0 0;}
.gainlist li .txt .t{top:0;}
.gainlist li .txt .t span.price{margin:0;}
.needcontent .base .txt .p ul{margin-bottom:0;}
.technicalapplybox{padding-top:10px;}
.technicalapply .title {font-size:15px;}
.technicalapply .title b{font-size:22px; line-height:36px; border-bottom:2px solid #000000;}
.technicalapply ul{padding-top:0;}
.technicalapply li > span{font-size:14px;}
.technicalapply li{padding:0 0 15px 80px;}
.technicalapply li > span{line-height:38px;}
.technicalapply li .input input{line-height:38px; height:38px; font-size:14px; padding:0 12px;}
.technicalapply li .select select,.technicalapply li .address select{height:38px; font-size:14px;}
.technicalapply li .price{line-height:38px; font-size:14px;}
.technicalapply li .layui-form-item .layui-form-radio div,.technicalapply li .price{font-size:14px;}
.technicalapply .button input{font-size:16px; line-height:42px; height:42px;}
.technicalapply li .input textarea{font-size:14px; line-height:2; padding:5px 12px;}
.technicalapply li .price input{font-size:14px; width:40%;}
.technicalapply li .layui-form-item .layui-form-radio{margin-bottom:5px;}
.uploadbox .tips{font-size:14px; line-height:24px;}
.uploadbox .layui-upload{padding-top:15px;}
#uploadimg img{height:60px;}
#uploadimglist dd img{height:60px; width:80px;}
#uploadimglist dd span{width:20px; height:20px; background-size:100% 100%;}
.xpjdpart5{padding-bottom:110px;}
.xpjdti{padding:25px 15px;}
.xpjdti h3{font-size:20px;padding-bottom:0;}
.xpjdti p{font-size:13px;}
.xpjdpart1 ul li{padding:0 0 15px 75px; line-height:38px;}
.xpjdpart1 ul li span{font-size:14px; line-height:38px;}
.xpjdpart1 ul li input{line-height:38px; height:38px;}
.xpjdpart1 ul li select{font-size:14px; height:38px; background-size:17px 5px;}
.xpjdpart1 .button{padding-top:10px;}
.xpjdpart1 .button input{font-size:16px; height:42px;}
.xpjdpart1{padding:0 0 40px;}
.xpjdpart2 ul{margin:0 auto;}
.xpjdpart2 ul li h3{font-size:16px; line-height:35px; padding-left:10px;}
.xpjdpart2 ul li{ padding:0 5px; margin-bottom:15px;}
.xpjdpart2 ul li .txt{font-size:14px; line-height:20px; padding:15px; height:170px;}
.xpjdpart2{padding-bottom:25px;}
.xpjdpart3 ul .txt{font-size:14px; line-height:18px;}
.xpjdpart3 ul .line{width:2%;}
.xpjdpart3{padding-bottom:10px;}
.xpjdpart4 ul li a{font-size:16px;}
.xpjdpart4 ul li{padding:0 10px;}
.xpjdpart4 ul li a{height:150px; background-size:cover;}
.xpjdpart4{padding-bottom:30px;}
.xpjdpart5 .title{padding:25px 0;}
.xpjdpart5 .title h3{font-size:24px;}
.xpjdpart5 .title p{font-size:14px; padding:0 0 5px;}
.xpjdpart5 .title span{height:2px;}
.swiper-case a h3{font-size:15px; line-height:20px; margin:10px 0;}
.swiper-case a p{line-height:20px;}
.xpjdpart5 .more{padding-top:30px;}
.xpjdpart5 .more a{width:105px; font-size:14px; line-height:32px;}
.application ul li .txt{font-size:14px; line-height:22px; padding-top:15px;}
.application ul li{padding:8% 5%;}
.application ul li:nth-child(1),.application ul li:nth-child(2){padding-bottom:0;}

.identification li.txt{width:32%; font-size:14px; margin-bottom:15px;}
.identification li a span{font-size:14px; line-height:20px;}
.identification li.txt img{width:35px;}
.materials{padding-bottom:35px;}
.materials li{font-size:14px; padding:0 20px;}
.evaluation{padding-bottom:20px;}
.evaluation ul li a img{width:35px;}
.evaluation ul li{margin-bottom:20px;}
.evaluation ul li a span{font-size:14px; line-height:20px;}
.report ul li{padding:0 10px;}
.report ul li img{width:45px;}
.report ul li h3{font-size:16px; padding:10px 0 15px;}
.report ul li p{font-size:14px; line-height:20px; padding-bottom:30px;}
.technicalapply li .select select,.technicalapply li .address select{background-size:17px 5px;}
.partner_section li a{height:auto; padding-bottom:10px;}
.partner_section{padding-bottom:30px;}
.casesearch .search{border:1px solid #0ba3e1; font-size:14px;}
.mscreenlist .box ul>span{font-size:16px;}
.mscreenlist .box ul>span{line-height:40px;}
.mscreenlist .box ul li a{font-size:14px; line-height:38px; height:38px; overflow:hidden; border-radius:3px;}
.mscreenlist .box ul li .section input{font-size:14px; line-height:38px;}
.mscreenlist .box ul li .section{font-size:14px; line-height:38px; margin-bottom:10px;}
.mscreenlist .mtitle{font-size:17px;}
.mscreenlist .mtitle span:after{border-width: 10px 8px; margin-top:-3px;}
.mscreenlist .box ul li a{margin-bottom:10px;}
.othercase dl{font-size:14px;padding:15px 20px;}
.othercase .title{line-height:50px;}
.kjcxpart4 ul .line{display:block; width:8%; margin-bottom:15px; text-align:center; padding:0 5px;}
.kjcxpart4 ul .line2{display:none;}
.kjcxpart4 ul .txt{margin-right:0; width:28%;}
.recommendteam .title span{font-size:20px;     border-bottom: 2px solid #39aeff;}
.recommendteam{padding-top:30px;}
.recommendteam ul li p{font-size:18px;}
.recommendteam ul li span{font-size:15px;}
.mteamimg a{width:45px; line-height:45px; font-size:14px;}
.mteamimg a.back{font-size:24px;}
.msharebox ul li p,.msharebox .btn{font-size:15px;}
.msharebox ul li img{width:50px;}
.xpjdpart5{padding-bottom:40px;}
.identification li.txt{width:45%;}
.identification .i3{display:block;}
.identification .i2{display:none;}
.identification .i3{display:block;}
.identification .i4{display:none;}
.identification li a span{height:52px;}
.report ul li h3,.report ul li p{margin-left:65px;}
.report ul li  img{margin-top:12px;}
.report ul li p{padding-bottom:0;}
.report ul li{padding:10px;}
.report ul li h3{padding-bottom:10px;}
.report .xpjdti{padding-bottom:10px;}
.pjapplybox{padding: 0 20px 20px; border-radius: 8px;}
.pjapplybox .title{font-size: 20px; padding: 20px 0;}
.pjapplybox ul .button input{width:100px;}
.pjapplybox ul{margin:0 auto 25px;padding: 0 120px 0 0;}
.pjapplybox ul li input{padding:0 12px;}
.pjapplybox .mlist table tr th,.pjapplybox .mlist table tr td{font-size:15px; line-height:20px; padding:12px 8px;}
.mkjcgbutton a{border-radius:11px;width:70px; font-size:12px; line-height:22px; }
/*.mkjcxbutton a{border-radius:11px;width:70px; font-size:12px; line-height:22px; }*/
.mkjcxbutton{bottom:20%;}
.mxgybutton{bottom:15%;}
.partner_section li a{height:60px; margin:0 5px 10px;}
.news_section ul li .newpic img{height:180px;}
.swiper-case img{height:150px;}
.base_content{padding-top:20px;}
.newslist ul li .img img{height:150px;}
.listbox li{width:100%;}
.listbox li .item h3{font-size:18px;}
.listbox li .item p{font-size:14px; line-height:22px;}
.listbox li a:hover span{opacity:1;}
.listbox li a:hover .item{top:100%;}
.swiper-honor img, .swiper-office img{height:120px;}
.ntitle{padding:25px 0 15px;}
.ntitle h3 span{font-size:20px; margin-right:5px;}
.ntitle h3{font-size:14px;}
.naboutcontent h3{font-size:20px; padding-bottom:5px;}
.officelist{padding-top:20px;}
.officelist ul li a img{height:120px;}
.zlsqtitle{padding:25px 0;}
.zlsqtitle h3{font-size:20px;}
.zlsqbox1 ul li img{width:45px;}
.zlsqbox1 ul li h3{font-size:16px;padding:15px 0 5px;}
.zlsqbox1 ul li p{font-size:13px; line-height:18px; height:60px;}
.zlsqbox1{padding-bottom:20px;}
.zlsqbox2 ul li h3{font-size:16px;}
.zlsqbox2 ul li p{font-size:13px; line-height:18px;}
.zlsqbox2 ul li h3 img{width:22px; left:-28px;}
.zlsqbox2 ul li a{padding: 12% 5% 15% 25%;}
.zlsqbox3 ul li .box img{width:35px;}
.zlsqbox3 ul li .box h3{font-size:15px; line-height:20px; padding-top:15px;}
.zlsqbox3 ul li .box{height:140px; padding-top:20px;}
.zlsqbox3 .zlsqtitle{padding:0;}
.zlsqbox3 ul li:nth-child(4),.zlsqbox3 ul li:nth-child(5){width:40%;}
.zlsqbox4{padding-top:10px;}
.xpjdpart1 ul li input{padding:0 10px; font-size:14px;}
.zlsqbox4 ul li{padding-bottom:15px;}
.zlsqbox4 ul li input{line-height:38px; height:38px;padding:0 10px; font-size:14px;}
.zlsqbox4 ul li textarea{line-height:38px; height:100px;padding:0 10px; font-size:14px;}
.zlsqbox4 ul .btn{padding-top:10px;}
.zlsqbox4 ul .btn input{height:42px; font-size:16px;}
.zlsqbox4{padding-bottom:50px;}
.zlwqtitle h3{font-size:22px;}
.zlwqtitle p{font-size:14px;}
.zlwqtitle, .zlwqbox2 .zlwqtitle{padding:25px 0;}
.zlwqbox1 ul li img{width:40px;}
.zlwqbox2 .box{padding:0;background:none;}
.zlwqbox3 .formbox form{padding:0 20px 20px;}
.zlwqbox3 .formbox .ti{font-size:20px;}
.zlwqbox3 .formbox p input{font-size:14px; line-height:40px; padding:0 12px;}
.zlwqbox3 .formbox p{padding-bottom:15px;}
.zlwqbox3 .formbox .btn{padding-top:10px;}
.zlwqbox3 .formbox .btn input{height:42px; font-size:16px;}
.zlwqbox3{padding:30px 0 50px;}
.zljstitle{padding:25px 0;font-size:20px;}
.zljstitle h3{font-size:20px;}
.zljsbox1 ul li h3, .zljsbox1 ul li h3 span{font-size:16px;}
.zljsbox1 .frist{width:220px;}
.zljsbox1 ul .secend{width:50%; padding:0 10px;}
.zljsbox1{padding-bottom: 30px;}
.zljsbox2 ul li img{width:50px;}
.zljsbox2 ul h3{font-size:16px; padding:10px 0;}
.zljsbox2, .zljsbox3{padding-bottom:0;}
.zljsbox3 ul li img{width:50px;}
.zljsbox3 ul li h3{font-size:18px; padding:10px 0 0;}
.zljsbox3 ul li p{font-size:16px;}
.zljsbox4{padding:40px 0;}
.zljsbox4 .box .left li{padding:10px; border-radius:5px;}
.zljsbox4 .box .left li span{font-size:16px;}
.zljsbox4 .box .content h3{font-size:16px;}
.zljsbox5 ul{flex-wrap:wrap;}
.zljsbox5 ul li{width:100%; margin-bottom:20px;}
.zljsbox5 ul li h3{font-size:18px; line-height:48px;}
.zljsbox5{padding-bottom:30px;}
}