@charset "utf-8";

.m-btn{ width:25px; height:18px; float:right; position:relative;margin-top: 32px; display:none}
.m-btn span{width:100%;height: 2px;background: #333;left: 0;right: 0; margin: 0 auto; position: absolute;}
.m-btn .line1{top: 0;}
.m-btn .line2{top: 50%;margin-top: -1px;}
.m-btn .line3{top: 100%;margin-top: -2px;}
.m-menu{position: fixed;width: 100%;top:0;left: 0;height:100vh;background: #fff;-moz-transform: translate(-100%, 0);-webkit-transform: translate(-100%, 0);transform: translate(-100%, 0);-moz-transition:.4s ease;-webkit-transition:.4s ease;transition:.4s ease;overflow-y: auto; z-index:90}
.m-menu.show{-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0);}
.m-menu>ul{ padding:80px 0 30px;}
.m-menu>ul>li:first-child{ border-top:1px solid #e3e3e3}
.m-menu>ul>li{ border-bottom:1px solid #e3e3e3;}
.m-menu>ul>li>a{ line-height:55px; font-size:18px; padding:0 3%; color:#333; display:block; position:relative}
.m-menu i{ width:20px; height:100%; position:absolute; right:3%;top:0;}
.m-menu i:before{ content:""; width:20px; height:2px; background:#ccc; position:absolute; left:0;top:50%; margin-top:-1px;}
.m-menu i:after{ content:""; width:2px; height:20px;background:#ccc; position:absolute; left:50%; margin-left:-1px;top:50%; margin-top:-10px;-moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.m-menu .menu_a.active{ background:#ec6a17; color:#fff}
.m-menu .menu_a.active i:after{ -webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg); background:#fff}
.m-menu .sub{ display:none; background:#f3f3f3; padding:2% 3%}
.m-menu .sub a{ display:block; line-height:30px; font-size:15px}
.m-menu .sub02{ display:none; padding:0 15px}
.m-menu .sub02 li{ display:inline-block; margin-right:20px}




.m-footer{background: #2479b9;color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99}
.m-footer a{ display:block; line-height:20px;color:#fff; background:#ec6a17; display:flex; display:-webkit-flex; align-items:center; justify-content:center;padding: 5px;font-size: 18px;font-weight: bold;}
.m-footer .tel i{ display:block; width:35px; height:35px;background:url(../images/f-tel.png) no-repeat center; margin-right:10px}


@media screen and (max-width:1500px){
.wrap{ width:90%;max-width:100%;}
.i-about .wrap{ width:100%}
.i-aboutcon{ padding-left:5%}
.i-about .i-culture{ padding-right:5%}
.i-culture ul{ width:100%;}
.ban-txt{ width:100%; margin-left:0; left:0; padding:0 5%;top:35%}
.nbanner{ height:500px}
.development .swiper-button-prev{ left:0}
.development .swiper-button-next{ right:0}
.developlist{ margin:0 60px}
.section-video{ height:450px}
.focusvideo{width: 80%;}
}
@media screen and (max-width:1366px){
.f-nav li{ margin-right:80px}.footerad h1{ height:200px}
.newstop-list .txt{ padding:40px}
.newstop-list .swiper-pagination{bottom:8%}
.teacher .pic{ width:160px; height:160px}
.teacher .swiper-slide a{ padding:40px}
.teacher .tit{ margin:20px 0 10px}
}
@media screen and (max-width:1200px){
.menu>ul>li{ font-size:16px}
.menu li a{ padding:0 15px}
.f-nav li{ margin-right:40px;}
.newstop-list .txt .tit{ font-size:22px; line-height:30px; margin-top:0}
.newstop-list .txt .intro{ margin-top:20px}
.newstop-list .txt .more{ margin-top:25px}
.cooper-box .txt, .solution-list .txt{ padding-top:3%}
.base.swiper-container, .teacher.swiper-container{ padding-bottom:70px}
.base .tit{ background:#f3f3f3; padding:5px 15px}
.basebox .swiper-button-next, .basebox .swiper-button-prev, .teacherbox .swiper-button-next, .teacherbox .swiper-button-prev{ top:auto; margin-top:0; bottom:0}
.basebox .swiper-button-next, .teacherbox .swiper-button-next{ right:calc(50% - 50px)}
.basebox .swiper-button-prev, .teacherbox .swiper-button-prev{ left:calc(50% - 50px)}
}
@media screen and (max-width:1024px){
.menu{ display:none}
.m-btn{ display:block}
.header{ height:80px; background:#fff}
.header.header-scroll{ height:80px;}
.logo, .header-scroll .logo{ height:80px;}
.logo .img1{ display:none}
.logo .img2{ display:block}
.wrap{ width:94%}
.ban-txt{ padding:0 3%;top: 45%;}
.space, .main, .main-solution>div, .main-about>div, .main-service>div{ padding:45px 0}
.title{ font-size:30px; margin-bottom:20px}
.ban-txt .t1, .ban-txt .t2, .ban-txt .t3{ line-height:60px; margin-bottom:15px}
.ban-txt .t1{ font-size:50px}
.ban-txt .t2{ font-size:40px;}
.ban-txt .t3{ line-height:33px; height:35px;}
.i-prolist .txt h3{ font-size:20px}
.i-about{ height:auto}
.i-aboutcon{ padding-top:60px; padding-bottom:60px; padding-left:3%;}
.i-aboutcon h2{ font-size:30px;line-height: 35px;margin-bottom: 20px;}
.i-aboutcon h2 span{ font-size:20px;}
.i-aboutcon .intro{ margin-bottom:45px}
.i-about .i-culture{ width:calc(50% - 100px)}
.i-about .i-culture:before{ width:145px;left:-145px; background-size:100% 100%}
.i-culture ul{ padding-top:60px; padding-bottom:60px;}
.i-culture .txt{ line-height:20px; padding-bottom:5px}
.i-culture .txt h4{ font-size:16px; line-height:30px;}
.i-culture .icon{ width:55px; height:55px;}
.i-culture .icon img{ max-height:30px}
.i-solist .icon{ width:100px; height:100px}
.i-solist .txt h3{ font-size:18px; margin-bottom:10px}
.i-newslist .txt h3{ font-size:18px}
.footer-top{ padding:20px 0}
.f-nav{ display:none;}
.f-contact h4{ padding-top:30px}
.footerad h1{ height:auto; font-size:30px; padding:40px 0}
.copyright{ text-align:center; padding:20px 0}
.copyright:before{ opacity:0}
.nbanner{  height:auto; padding-top:38%}
.nbanner .tit{ font-size:40px;padding-top:80px}
.inner-nav ul li a{ padding:20px;}
.hezuo ul{padding-left: 1px; padding-top:1px}
.hezuo li a{ height:100px}
.hezuo li{ border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; margin-left:-1px; margin-top:-1px;}
.hezuo li:nth-child(4n){ border-right:1px solid #e5e5e5}
.newstit02{ font-size:26px;margin-bottom: 30px;}.newstit{ font-size:26px;}
.hezuoxq{ display:block}
.hezuoxq .pic{ width:100%; float:none; text-align:center}
.hezuoxq .txt{ float:none; width:100%; padding-left:0}
.hezuo02 li .pic{ height:150px;}
.newstop-list .txt{ font-size:14px; line-height:26px; padding:3%}
.newstop-list .txt .tit{ font-size:20px;}
.newstop-list .txt .intro{-webkit-line-clamp: 2;}
.newstop-list .swiper-pagination{ padding:0 3%;bottom: 5%;}
.newslist h4{ font-size:18px;}
.cooper-box .txt .title{ font-size:26px;line-height: 30px;}
.cooper-box .link, .solution-list .more{ margin-top:20px;}
.cooper-box .link a{ line-height:36px}
.cooper-box .link a:nth-child(2){ margin-right:0}
.solution-list .txt .title{font-size:26px;line-height: 30px;}
.main-solution .solution-js .left .title{font-size:26px;line-height: 30px;}
.main-solution .solution-lc li{ width:100px}
.about-header{ position:relative}
.about-header .header{ position: fixed}
.inner-nav-about{ height:auto}
.inner-nav-about.on .inner-nav{ background:#fff; border-bottom:1px solid #ddd; position:relative; left:auto; right:auto; top:auto; z-index:1}
.inner-nav-about.on .inner-nav ul li a{ padding:20px; color:#001943}
.inner-nav-about.on .inner-nav ul li.cur a, .inner-nav-about.on .inner-nav ul li a:hover{ color:#fff}

.section-company .left{ width:50%}
.section-company .left h2{ font-size:30px;line-height: 35px; margin-bottom:20px}
.section-company .left h2 span{ font-size:20px}
.section-company .right{ width:45%}
.section-company .right:before{ width:90%; height:90%;bottom: -10px;left: -10px;}
.section-company .right:after{ width:90%; height:90%;right: -10px;top: -10px;}
.gshj{ margin-top:20px; padding-top:20px}
.gshjlist{ padding-bottom:30px}
.section-video{ height:300px}
.section-video .video-btn{ font-size:18px; background-size:60px;padding-top: 70px;}
.business .txt{ font-size:16px; line-height:30px}
.section-hr{ height:auto;padding-top: 45px !important;}
.section-hr .hr{ font-size:16px; padding:0; line-height:30px;}
.section-hr .more{ margin-top:30px}
.main-service .section1 .right:after{right: -10px;top: -10px;}
.main-service .section1 .right:before{bottom:-10px; left:-10px}
.main-service .section1 .left .title{ margin-top:0;}
.jsfw li{ padding:5% 8%}
.ltfw li{ padding:5%}
.jsfw .tit, .ltfw  .tit{ font-size:22px;}
.jsfw .tit:after, .ltfw .tit:after{margin: 10px auto 20px;}
.pyms-top .txt{ padding:5%}
.pyms-top .txt .tit{ font-size:26px}
.teachercon-hide.show, .basecon-hide.show{ height:600px}
.teachercon-hide .hd-intro{ height:240px}
.teachercon-hide .hd-pic{ width:160px; height:160px;box-shadow: 0 0 0 10px rgba(0,0,0,.05);}
.teachercon-hide .hd-intro, .basecon-hide .hd-intro{ margin-top:20px}
.basecon-hide{ width:600px;margin-left: -300px;}
.basecon-hide .hd-intro{ padding:0}
.basecon-hide .hd-intro{ height:120px}
}

@media screen and (max-width:768px){
.header{ height:60px;}
.header.header-scroll{ height:60px;}
.logo, .header-scroll .logo{ height:60px;}
.logo .img2{ height:40px;}
.m-btn{ margin-top:22px}
.space, .main, .main-solution>div, .main-about>div, .main-service>div{ padding:30px 0}
.title{ font-size:26px; line-height:30px}
.banner,.banner .ban-img{ height:500px !important;}
.banner .ban-bg{ height:500px}
.banner .swiper-pagination-bullet{ width:8px; height:8px;}
.banner .swiper-pagination-bullet-active{ width:8px; border-radius:50%} 
.ban-txt .t1, .ban-txt .t2, .ban-txt .t3{ line-height:30px;}
.ban-txt .t1{ font-size:35px;}
.ban-txt .t2{ font-size:26px;}
.ban-txt .t3{ font-size:14px; line-height:28px; height:30px; width:100px}
.i-prolist .txt{ line-height:40px; height:40px; padding:0 15px}
.i-prolist .txt h3{ font-size:18px;}
.i-prolist .txt p{line-height: 20px;height: 40px;font-size: 12px;margin-bottom: 10px;}
.i-prolist .txt .more{ width:32px; height:32px;right: 15px; background-size:13px auto}
.i-prolist li:hover .txt{ height:100px}
.i-prolist li:hover .txt .more{top:45px}
.i-about{ background-size:cover}
.i-aboutcon{ padding-right:3%; width:100%; padding-top:30px; padding-bottom:40px}
.i-aboutcon h2{ font-size:26px;}
.i-aboutcon h2 span{ font-size:16px;}
.i-aboutcon .intro{ font-size:14px; line-height:26px; margin-bottom:20px}
.i-about .i-culture{ display:none}
.i-aboutcon .more{ font-size:12px; line-height:28px;padding: 0 30px 0 10px;background: url(../images/icon-more.png) no-repeat right 10px center; background-size:12px auto}
.i-aboutcon .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 10px center;}
.i-solist li{ width:50%}
.i-solist .txt h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:auto}
.i-solist .txt p{-webkit-line-clamp:2; height:50px}
.i-solist .more{ width:100px; font-size:12px; line-height:28px; background: url(../images/icon-more02.png) no-repeat right 15px center; background-size:12px auto !important; padding-left:15px}
.i-solist li:hover .more{ background:#fff url(../images/icon-more02.png) no-repeat right 15px center;}
.i-news .imore a{width:100px; font-size:12px; line-height:28px; background: #008abd url(../images/icon-more.png) no-repeat right 15px center;background-size:12px auto !important;padding-left:15px; margin-top:30px}
.i-news .imore a:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 15px center;}
.footerad h1{ font-size:26px; padding:30px 0}
.nbanner .tit{ padding-top:60px; font-size:30px;letter-spacing:0;}
.nbanner .tit span:before{ width:60px; left:-80px}
.nbanner .tit span:after{ width:60px; right:-80px}
.inner-nav ul li a{ padding:12px 20px;display: block;width: 100%;height: 100%;display:-webkit-flex;display: flex;align-items: center;justify-content: center;}
.hezuo li{ width:33.33%}
.news-article, .main-about .content, .main-service .content{ font-size:14px; line-height:28px}
.newstit02{ font-size:24px; margin-bottom:20px}
.hezuo02 li{ width:31.33%}
.newslist li{ width:48%}
.newslist .txt{ padding:25px 20px 30px}
.newslist .time, .newslist .more{ font-size:12px;}
.newstop-list .img{ width:50%}
.newstop-list .txt, .newstop-list .swiper-pagination{ width:50%}
.newstop-list .txt .tit{ font-size:18px; line-height:26px}
.newstop-list .txt .intro{-webkit-line-clamp: 1; margin-top:10px}
.newstop-list .txt .more{width:100px; font-size:12px; line-height:28px; background: url(../images/icon-more02.png) no-repeat right 15px center; background-size:12px auto !important; padding-left:15px; margin-top:15px}
.newstop-list .txt .more:hover{background:url(../images/icon-more.png) #ec6a17 no-repeat right 15px center}
.newstop-list .swiper-pagination-clickable .swiper-pagination-bullet{ width:8px; height:8px; margin-right:6px;}
.newstit{ font-size:24px}
.newstm{ font-size:12px; margin-bottom:20px; line-height:20px;}
.page_2{ margin-top:30px;}
.back{ line-height:30px}
.project-list h3, .news-list02 .tit, .news-list03 .tit{ font-size:18px}
.project-list .txt, .news-list02 .txt, .news-list03 .txt{padding: 25px 20px 30px;}
.news-list02 .more, .news-list03 .more{ font-size:12px}
.cooper-box{ padding-bottom:4%}
.cooper-box .pic, .cooper-box .txt{ width:100%}
.cooper-box .txt{ font-size:14px; line-height:26px}
.cooper-box .txt .title{ font-size:22px; line-height:26px}
.cooper-box .link{ margin-top:2%}
.cooper-box .link a{ line-height:28px; font-size:12px; padding:0 15px}
.message-hdcon{ width:94%;padding:3%;}
.message-hdcon .closed{ right:0}
.message-hdcon .tit{ font-size:24px;}
.form-message input[type=text]{ padding:0 10px; line-height:35px;font-size: 12px;}
.form-message textarea{ padding:10px; font-size:12px}
.form-message #captcha_img{ height:37px !important}
.form-message .submit-btn{ line-height:35px;height: 35px;width: 100px; font-size:12px;}
.inner-nav .wrap{ width:100%}
.inner-nav-project ul{ flex-wrap:wrap;}
.inner-nav-project li{ width:50%; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.inner-nav-project li:nth-child(2n){ border-top:0}
.inner-nav-project li:nth-child(3),.inner-nav-project li:nth-child(4){ border-bottom:0}
.solution-list .txt{ font-size:14px; line-height:26px;}
.solution-list .more{width: 100px;font-size: 12px;line-height: 28px;background: url(../images/icon-more02.png) no-repeat right 15px center; background-size: 12px auto !important; padding-left: 15px;}
.solution-list .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 15px center;}
.solution-list li{ padding-top:0; padding-bottom:4%}
.solution-list .pic, .solution-list .txt{ width:100%; float:none}
.solution-list .txt .title{font-size:22px; line-height:26px}
.solution-list .more{ margin-top:2%}
.main-solution .solution-js{ background:#fff}
.main-solution .solution-js .right{ position:relative; width:100%;}
.main-solution .solution-js .left{ width:100%; padding:3% 0 0}
.main-solution .solution-js .left .title{font-size:22px; line-height:26px; margin-bottom:2%}
.main-solution .solution-js .left .conn{ font-size:14px; line-height:26px;}
.main-solution .solution-js .left .more{width: 100px;font-size: 12px;line-height: 28px;background: url(../images/icon-more02.png) no-repeat right 15px center; background-size: 12px auto !important; padding-left: 15px; margin-top:2%}
.main-solution .solution-js .left .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 15px center;}
.main-solution .solution-jgys h3{ font-size:16px;}
.main-solution .content{ font-size:14px; line-height:28px}
.main-solution .solution-jgys{ margin-top:20px}
.main-solution .solution-jgys ul{ display:block;}
.main-solution .solution-jgys li{ width:100%;; border-bottom:1px solid #ddd; padding-bottom:2%; margin-bottom:2%}
.main-solution .solution-jgys li:after{ display:none}
.main-solution .solution-lc li{ width:80px}
.main-solution .solution-lc .tit{ font-size:16px;}
.main-solution .solution-ly li{ width:48%; margin-bottom:2%}
.main-solution .solution-ly h3{ font-size:16px; padding:30% 15px 10px}
.news-article .fanlist ul{ display:block; padding:0}
.news-article .fanlist ul:after{ display:none}
.news-article .fanlist li{ width:100%; padding:0}

.inner-nav-about li{ width:16.66%}
.section-company .left, .section-company .right{ width:100%}
.gshjlist .tit{ padding-left:15px; padding-right:15px; padding-bottom:10px; font-size:16px;}
.gshjlist .swiper-pagination-clickable .swiper-pagination-bullet, .horlist .swiper-pagination-clickable .swiper-pagination-bullet{width:8px; height:8px;}
.section-video{ height:200px}
.section-company .left h2{ font-size:26px;}
.section-company .left h2 span {font-size: 16px; line-height:20px}
.development{ margin:0}
.developlist{ margin:0 32px}
.developlist .txtbox{ padding-left:0; min-height: inherit; position:relative}
.developlist .txtbox:after{content:""; height:0; display:block; clear:both; visibility:hidden;}
.developlist .txtbox:before{ display:none}
.developlist .txtbox .txt{ padding-left:33%}
.developlist .txtbox .tit{ font-size:18px; margin-bottom:0}
.developlist .day{ font-size:16px}
.developlist .txtbox .intro{ height:auto}
.developlist .swiper-slide{ width:100% !important}
.development .swiper-button-next, .development .swiper-button-prev{ width:32px; height:32px}
.culture li{ padding:5% 3%}
.culture .icon{ width:80px; height:80px;}
.culture .txt{ line-height:20px;}
.business .txt{ font-size:14px; line-height:28px; right:5%; width:35%}
.business .txt .w1, .business .txt .w2{ font-size:16px}
.section-hr{ padding-top:30px !important}
.section-hr .hr{ font-size:14px; line-height:20px;}
.section-hr .more{ margin-top:20px;width: 110px;line-height: 28px;background: url(../images/icon-more.png) no-repeat right 10px center; background-size:12px auto !important;padding-left: 10px;font-size: 12px;}
.section-hr .more:hover{background:#ec6a17 url(../images/icon-more.png) no-repeat right 10px center; border:1px solid #ec6a17}
.job-top li{ font-size:15px;padding-left: 15px;height: 40px;line-height: 40px;}
.joblist-top div{ font-size:14px;padding-left:15px;line-height:20px;}
.joblist-top .time{ font-size:12px}
.joblist-con{ padding:15px; line-height:26px;}
.jobtn{ line-height:30px}
.main-service .section1 .left, .main-service .section1 .right{ width:100%}
.jqrfw .icon img{ width:45px; height:45px; display:block; margin:0 auto}
.jqrfw h3{ font-size:20px; margin-top:10px}
.jsfwys ul{ flex-wrap:wrap;}
.jsfwys li{ width:49%; margin-bottom:2%}
.jsfwys .txt{ padding:15px}
.jsfwys-ul .tit{ font-size:18px;}
.kjfn{ width:100%; margin:3% 0}
.jsfw li, .ltfw li{ padding:3%;}
.jsfw .tit, .ltfw .tit, .jsfwys .tit{ font-size:18px;}
.jsfwys .ltit{ font-size:14px; margin-top:0; margin-bottom:5px}
.pymb ul{ flex-wrap:wrap;}
.pymb li{ width:49%; margin-bottom:2%}
.pyms{ margin-bottom:3%}
.pyms-top .pic{ position:relative; width:100%}
.pyms-top .txt{ width:100%; padding:15px}
.pyms-top .txt .tit .num{ width:40px; height:40px; line-height:40px; margin-right:10px}
.pyms-top .txt .tit{ font-size:20px;margin-bottom: 2%;}
.pyms-xm ul{ flex-wrap:wrap;margin-top: 2%;}
.pyms-xm li{ width:49%; margin-bottom:2%}
.pyms-xm .txt{ padding:15px}
.pyms-xm .tit{ font-size:18px;margin-bottom: 10px;}
.pyms-xm02 ul{ margin-top:0; display:block}
.pyms-xm02 li{ width:100%; margin-bottom:2%}
.pyms-xm02 .tit{ font-size:18px; padding:15px}
.pyms-xm02 .conn{ padding:0 15px 15px}
.pyms-xm02 .pylc{ margin-top:0}
.jxfs{ display:block}
.jxfs .kuai{ width:100%; margin-top:10px}
.jxfs .kuai:first-child{ margin-top:0}
.pyts{ padding:30px 15px; margin-top:60px}
.youshi li{ width:50%;padding: 15px;}
.youshi li:nth-child(2):after{ display:none}
.youshi li:nth-child(5):after{content:""; width:10px; height:10px; display:block; border-radius:50%; background:#ec6a17; position: absolute; right:-5px;bottom:-5px; z-index:2}
.youshi li:nth-child(2n){ border-right:0}
.youshi li:nth-child(5), .youshi li:nth-child(6){ border-bottom:1px solid #e8e8e8}
.youshi .num{ font-size:35px; line-height:35px;}
.youshi .tit{ font-size:16px}
.teacher .tit{ font-size:18px;}
.base.swiper-container, .teacher.swiper-container{ padding-bottom:45px}
.basebox .swiper-button-next, .basebox .swiper-button-prev, .teacherbox .swiper-button-next, .teacherbox .swiper-button-prev{ width:32px; height:32px}
.basebox .swiper-button-prev, .teacherbox .swiper-button-prev {left: calc(50% - 39px);}
.basebox .swiper-button-next, .teacherbox .swiper-button-next{right: calc(50% - 39px);}
.inner-nav ul li a:hover{ background:#fff;color:#001943}
.m-footer{ display:block}
.footer{ padding-bottom:45px}
.focusvideo{width: 94%;}
.focusvideo .video-close{width: 20px;height: 20px;background-size: cover;}
}


@media screen and (max-width:640px){
.banner{ margin-top:60px;}
.banner, .banner .ban-img{height:400px !important;}
.banner .ban-bg{ height:400px}
.ban-txt{ top:50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}
.ban-txt .t1{ font-size:30px;}
.ban-txt .t2{ font-size:20px}
.i-prolist ul{ margin-right:0}
.i-prolist li{ width:100%; margin-right:0; margin-bottom:3%}
.i-prolist li:nth-child(3){ margin-bottom:3%}
.i-solist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;}
.i-solist ul:after{ display:none}
.i-solist .icon{ margin:20px auto}
.i-solist .txt{padding: 0 15px 30px;}
.i-solist .txt h3{ white-space:normal;}
.i-solist .txt p{ line-height:24px; height:48px;}
.i-newslist a{ height:auto}
.i-newslist .pic{ position:relative; height:auto}
.i-newslist .txt{ position:relative;  height:auto; padding:15px}
.i-newslist .txt h3{ white-space:normal; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden; text-align:left; line-height:26px; font-size:16px;}
.i-newslist .intro{ line-height:24px;}
.i-news .imore a{ margin-top:20px}
.footerad h1{ font-size:22px;}
.footer-top{ padding-bottom:10px; font-size:12px; line-height:20px;}
.copyright{ font-size:12px; line-height:20px; padding:10px 0}
.newstit02, .newstit{ font-size:20px;line-height: 26px;}
.hezuo02 li{ width:48%; margin-bottom:2%}
.newstop-list .img, .newstop-list .txt, .newstop-list .swiper-pagination{ width:100%}
.newstop-list .txt{ padding:15px 15px 20px;}
.newstop-list .txt .tit{ font-size:16px;}
.newstop-list .swiper-container{ padding-bottom:25px}
.newstop-list .swiper-pagination{ padding:0;bottom:0; text-align:center}
.newslist ul{ margin-right:0}
.newslist li{ width:100%; margin-right:0; margin-bottom:3%}
.newslist .txt{ padding:15px 15px 20px}
.newslist h4{ font-size:16px;margin: 10px 0 15px; height:auto}
.back{ position:relative; right:auto;top:auto; display:block; margin:5px auto 0; width:90px; padding:0; text-align:center;}
.page_2{ font-size:12px; line-height:26px;}
.project-list h3, .news-list02 .tit, .news-list03 .tit{ font-size:16px}
.project-list .txt, .news-list02 .txt, .news-list03 .txt{padding:15px 15px 20px;}
.project-list .txt, .news-list02 .txt{ background:#f3f3f3; border:0}
.project-list .swiper-slide, .news-list02 .swiper-slide, .news-list03 .swiper-slide{ width:100% !important}
.project-list .swiper-container, .news-list02 .swiper-container, .news-list03 .swiper-container{ padding-bottom:25px}
.project-list .swiper-pagination, .news-list02 .swiper-pagination, .news-list03 .swiper-pagination{ display:block; line-height:20px}
.project-list .swiper-pagination-clickable .swiper-pagination-bullet, .news-list02 .swiper-pagination-clickable .swiper-pagination-bullet, .news-list03 .swiper-pagination-clickable .swiper-pagination-bullet{ width:8px; height:8px;}
.cooper-box, .solution-list li{ padding-bottom:5%}
.cooper-box:last-child{ padding-bottom:0}
.cooper-box .txt .title, .solution-list .txt .title, .main-solution .solution-js .left .title{ font-size:20px; line-height:24px; margin-bottom:2%;}
.inner-nav-project ul li a{ padding:3%; font-size:14px;}
.main-solution .solution-jgys .icon{ font-size: 18px;}
.main-solution .solution-jgys .icon img{ width:35px; height:35px;}
.main-solution .solution-lc ul{ flex-wrap:wrap;}
.main-solution .solution-lc ul:before{ display:none}
.main-solution .solution-lc li{ width:31.33%; margin-bottom:2%}
.main-solution .solution-lc .icon img{ width:60px; display:block; margin:0 auto}
.inner-nav-about ul li a, .inner-nav-about.on .inner-nav ul li a{ padding:12px 3%}
.culture ul{ flex-wrap:wrap;}
.culture li{ width:50%;margin-top: -1px;}
.culture .tit{ font-size:16px;margin: 10px 0 10px;}
.business img{ width:auto; max-width:100%}
.business .txt{ position:relative;right:auto;width: 100%;top:auto;-moz-transform: translateY(0);-webkit-transform: translateY(0); transform: translateY(0);}
.inner-nav-service ul{ flex-wrap:wrap;}
.inner-nav-service li{ width:50%}
.inner-nav-service li:nth-child(1){ border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
.inner-nav-service li:nth-child(2){ border-bottom:1px solid #e5e5e5;}
.inner-nav-service li:nth-child(3){ border-right:1px solid #e5e5e5}
.inner-nav-service ul li a{ padding:3%; font-size:14px}
.jqrfw ul{ flex-wrap:wrap;}
.jqrfw li{ width:49%; margin-bottom:2%}
.jsfwys li{ width:100%; margin-bottom:3%}
.jsfw ul, .ltfw ul{ flex-wrap:wrap;}
.jsfw li, .ltfw li{ width:100%; margin-bottom:3%}
.pymb li{ width:100%;}
.pymb li .icon img{ display:block; width:80px; margin:0 auto}
.pymb h4{ margin:10px 0;}
.pylc .ltit{ font-size:14px}
.pylc .icon img{ width:60px; margin:0 auto}
.pylc:before{ display:none}
.pyts{ margin-top:30px}
.pyts ul{ display:block}
.pyts li{ width:100%; padding:0}
.pyts li:first-child{ margin-bottom:3%}
.youshi .num{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px; line-height:30px;}
.youshi .tit{line-height: 24px;}
.teacher .swiper-slide a{ padding:20px 15px}
.teacher .pic{ width:120px; height:120px;}
.teacher .tit{ margin:10px 0}
.teachercon-hide, .basecon-hide{ width:94%; margin:0 auto; margin-left:0; left:3%}
.teachercon-hide .conn, .basecon-hide .conn{ padding:30px 15px}
.teachercon-hide.show, .basecon-hide.show{ height:auto}
.teachercon-hide .hd-tit, .basecon-hide .hd-tit{ font-size:20px; margin-bottom:15px}
.teachercon-hide .hd-intro{height: 252px;}
.basecon-hide .hd-intro{height:140px;}
.f-ewm img{ padding:5px;width: 100px;}
}
@media screen and (max-width:425px){
body{ min-width:320px}
.title{ font-size:24px; margin-bottom:15px}
.i-solist .icon{ width:80px; height:80px;}
.i-solist .txt h3{ font-size:16px; line-height:20px}
.i-solist .txt p{ line-height:22px; height:44px;}
.nbanner{ padding-top:45%}
.nbanner .tit{ font-size:26px; font-weight:bold}
.nbanner .tit span:before{ width:30px; left:-40px; opacity:.6}
.nbanner .tit span:after{ width:30px; right:-40px;opacity:.6}
.hezuo li a{ height:80px;}
.hezuo li img{ max-width:80%}
.hezuo02 ul{ margin-right:0}
.hezuo02 li{ width:100%; margin-right:0; margin-bottom:3%}
.hezuo02 li .pic{height:auto}
.message-hdcon{ top:8%}
.message-hdcon .tit{ font-size:20px;}
.form-message{ margin-top:10px}
.form-message .yzm input{ width:120px}
.developlist .txtbox .pic{ width:100%; float:none; display:block}
.developlist .txtbox .txt{ padding-left:0}
.inner-nav-about ul li a{ font-size:14px}
.job-top li{ font-size:14px;}
.job-top li:nth-child(2), .job-top li:nth-child(3), .job-top li:nth-child(4){ padding-left:0}
.joblist-top div:nth-child(2), .joblist-top div:nth-child(3), .joblist-top div:nth-child(4){ padding-left:0}
.teacher .pic{ width:110px; height:110px;}
}