@charset "utf-8";

/* CSS Document */

.m-menubtn{display: none;background-color: #a9cc35;width: 60px;height: 60px;position: fixed;top: 0;right: 0;z-index:1001;}
.m-menubtn span{-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);height: 2px; background-color: #fff; position: absolute;left: 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.m-menubtn .line1{ width: 18px;top: calc(50% - 4px);-webkit-transform: translate(-9px, -1px); transform: translate(-9px, -1px);}
.m-menubtn .line2{width: 14px;top: calc(50% + 4px);-webkit-transform: translate(-9px, -1px);transform: translate(-9px, -1px);}
.m-menubtn.active .line1{-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform: translate(-50%, -50%) rotate(-45deg);transform: translate(-50%, -50%) rotate(-45deg);top: 50%;}
.m-menubtn.active .line2{-webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);width: 18px;-webkit-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);top: 50%;left: 50%;}
.m-menubtn.active{ background:#f2f2f2}
.m-menubtn.active span{ background:#a9cc35}

.m-menu{position:fixed; left:0;top:0; width:100%; height:100%;display:none; overflow-y:auto; overflow-x:hidden; z-index:1000}
.m-menu:before {content: "";position: fixed;top: 0;right: 0; width: 100%;height: 100%; background: #f2f2f2; box-shadow: 0px 0px 5px rgba(51,51,51,0.22); transform: translateX(200px);opacity: 0; transition: transform .8s, opacity .8s;}
.m-menu.active:before {transform: translateX(0); opacity: 1;}
.m-menu .m-menu-con{padding:70px 25px 90px 25px;-webkit-transform: translateX(200px);-moz-transform: translateX(200px);transform: translateX(200px);-webkit-transition: transform 1s;-moz-transition: transform .8s;transition: transform .8s;}
.m-menu.active .m-menu-con {-moz-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
.m-menu a{ display:block}
.m-menu h2{ text-align:center;opacity: 0;transform: translateX(50px);margin-bottom:20px;}
.m-menu h2 img{ max-width:90%}
.m-menu ul{opacity: 0;transform: translateX(50px);}
.mlang{display:inline-block; height:90px; line-height:90px; background:url(../images/lang.png) no-repeat left center; padding-left:30px; color:#666; font-family:Arial; font-size:16px; position:relative;opacity: 0;transform: translateX(50px);}
.m-menu li{ font-size:18px; line-height:50px; border-bottom:1px solid #d8d8d8}
.m-menu li>a{ color:#333}
.m-menu .sub{ font-size:14px; display:flex; display:-webkit-flex; flex-wrap:wrap; padding-bottom:10px}
.m-menu .sub a{ width:50%; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding-left:15px; color:#999}
.m-menu .sub a:before{ content:""; width:10px; height:1px; background:#999; position:absolute; left:0;top:50%;}
.m-menu.active h2, .m-menu.active ul, .m-menu.active .mlang,  .m-menu.active .m-slogan{-webkit-animation: anima .8s 0.4s 1;animation: anima .8s 0.4s 1;animation-fill-mode: forwards;}

@-webkit-keyframes anima{0%{transform:translateX(40px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes anima{0%{transform:translateX(40px);opacity:0}100%{transform:translateX(0);opacity:1}}
.m-menu li>a:hover, .m-menu .sub a:hover{color:#a9cc35}

.m-slogan{ text-align:center;opacity: 0;transform: translateX(50px); margin-bottom:20px}
.m-slogan > *{ display:block; font-style:normal}
.m-slogan span{ font-size:18px;}
.m-footer{background: #a9cc35;color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99}
.m-footer li{ float:left; width:50%}
.m-footer a{ display:block; line-height:35px; padding-top:8px; padding-bottom:8px; color:#fff; display:flex; display:-webkit-flex; justify-content:center;}
.m-footer .li1 span{ display:inline-block; padding-left:30px; background:url(../images/right_icon01.png) no-repeat left center;}
.m-footer .li2 span{ display:inline-block; padding-left:30px; background:url(../images/right_icon02.png) no-repeat left center;}
.m-footer i{ font-size:20px; font-weight:bold}
.inner-nav-pro-m{border-top: 1px solid rgba(255, 255, 255, 0.3);position: absolute;width: 100%;bottom: 0;left: 0; display:none}
.inner-nav-pro-m .tit{border-bottom: 1px solid #e8e8e8; background:rgba(169,204,53,.9) url(../images/arrow_d.png) no-repeat right 3% center; padding:0 3%; font-size:16px;color:#fff; line-height:50px; white-space:nowrap; text-overflow:ellipsis;}
.inner-nav-pro-m .sub{position:absolute;top:50px; width:100%;left:0; background:#a9cc35; display:none; }
.inner-nav-pro-m .sub a{ display:block;border-bottom:1px solid rgba(255,255,255,.3);background:#a9cc35; color:#fff; line-height:20px; padding:8px 3%}
.inner-nav-pro-m .sub a:hover{ background:#4b4b4b; color:#fff}

@media screen and (max-width:1920px){
.menu>ul>li{ margin-left:40px}
.i-advlist li{width:35%}
.i-advlist li:nth-child(1), .i-advlist li:nth-child(2){ left:0}
.i-advlist li:nth-child(3), .i-advlist li:nth-child(4){ right:0}
.nbanner{ padding-top:0; height:350px}

}

@media screen and (max-width:1750px){
.i-caselist li .txt p{-webkit-line-clamp:3; height:72px}
.menu>ul>li{ margin-left:30px}

.f_contact{ width:270px}
}
@media screen and (max-width:1680px){

.menu li>a{ padding:0 20px}	
.i-sol li{padding: 0 3%;}
.i-sol li .intro p{padding-left: 25%;}
.i-sol li:nth-child(1) .intro p, .i-sol li:nth-child(2) .intro p {padding-left: 30%;}

}
@media screen and (max-width:1440px){
.wrap{ width:90%}
.lang{ font-size:15px;}
.menu li>a{ padding:0 15px}	
.nbanner{height:300px}
.i-advlist li:nth-child(1) a, .i-advlist li:nth-child(2) a{ padding-left:40px}
.i-advlist li:nth-child(3) a, .i-advlist li:nth-child(4) a{ padding-right:40px}
.i-prolist li .icon{ width:80px; height:80px; margin-left:-40px; margin-top:-40px;}
.i-prolist li .icon img{ width:35px; height:35px}

.devpbox{ background: url(../images/devbg.jpg) #f3f3f3 no-repeat left -300px bottom; background-size: auto 100%;}
.i-sol li .intro p {padding-left: 20%;}
.i-sol li:nth-child(1) .intro p, .i-sol li:nth-child(2) .intro p {padding-left: 25%;}
.footer .mid{ width:calc(100% - 300px);}
.i-advlist li .cont{ padding-right:3%}
.i-advlist li:nth-child(3) .cont, .i-advlist li:nth-child(4) .cont{ padding-left:3%}
.banner a{ height:calc(100vh - 260px)}
.banner img{ height:100%; object-fit:cover}
}
@media screen and (max-width:1366px){
.wrap{ width:95%}
.logo{ height:100px;}
.logo img{ height:60px;}
.slogan{ margin-top:15px;padding-left: 20px;margin-left: 20px;}
.slogan span{ font-size:20px;}
.slogan i{ font-size:14px;}
.lang{ height:100px; line-height:100px}
.headerbox .tel{margin-top: 35px;font-size:14px}
.headerbox .tel span{ font-size:20px}
.menu>ul>li{margin-left: 20px;}
.product-top-box{ padding-left:3%; padding-right:3%; padding-top:3%}
.product-top-box .left{ width:35%}
.product-top-box .right{ width:62%; padding-right:160px;}
.lang{ margin-left:40px}
.lang:before{ left:-20px}
.search{ margin-left:30px}
.float_kf{bottom:10%}
.i-honor .honor .swiperbox .swiper-button-prev, .i-honor .honor .swiperbox .swiper-button-next{ display:none}
}
@media screen and (max-width:1250px){
.menu>ul>li{ margin-left:18px}
.menu .menu_a{ padding-right:16px}
.menu .menu_a:after{ width:16px;}
.menu .menu_a:after{ background-size:16px}
}

@media screen and (max-width:1200px){
.wrap{ width:95%}
.header-top{ position:fixed; width:100%; height:60px; left:0;right:0;top:0; background:#fff; box-shadow:0 0 12px rgba(0,0,0,.06); z-index:99}
.lang, .menu{ display:none}	
.headerbox, .header, .logo{ height:60px}
.logo img{ height:45px}
.headerbox .tel{ margin-top:12px; margin-right:50px;}
.slogan{ height:40px;margin-top: 12px;padding-left:15px;margin-left:15px;}
.slogan span{ line-height:20px; font-size:18px;}
.slogan i{ font-size:12px;}
.headerbox .tel em{ display:none}
.headerbox .tel span{ font-size:18px}
.m-menubtn{ display:block}
.inner-nav a{ line-height:50px; white-space:nowrap}
.inner-nav-pro a{ padding:0 30px}
.main_message{ margin-bottom:45px}
.product-top{ padding-top:45px}
.i-sol li .intro p{ padding-left:15%}
}

@media screen and (max-width:1024px){
body, .content_abt, .content_pro{ font-size:14px}
.i-sol li{ padding:0}
.main .content{ line-height:26px}
.content_c{ font-size:14px; line-height:26px;}
.i-advlist .image img{ width:300px}
.i-advlist li{ background:none!important;border-bottom:1px dashed #d8d8d8; padding-bottom:3%; width:32%}
.i-advlist li a{ padding:0 !important}
.i-prolist-category li>a{ font-size:16px; padding-left:15px}
.i-prolist-category li>a i{right:10px}
.i-prolist-pic .pro-l h3{ font-size:18px;}
.main .ntitle{ font-size:28px; line-height:30px; margin-bottom:30px;}
.main .ntitle .en{ font-size:14px}
.content_abt .left_txt{ width:50%}
.content_abt h2{font-size:18px;margin-bottom: 10px;}
.development .item .right .intro{ line-height:24px}
.honor a{ padding:8%; padding-bottom:0}
.honor .tit, .i-honor .honor .tit{ border-top:none; margin-top:0}
.honor .swiperbox .swiper-button-prev, .honor .swiperbox .swiper-button-next{ width:40px; height:40px; background-size:20px 20px;margin: 0 3px;}
.i-caselist-2 li .tit{ padding:15px; font-size:16px;}
.i-newslist li .tit{ font-size:14px;}

.liucheng .item .pic{ width:150px; height:150px}
.newscon .ntit{font-size:24px; padding-bottom:5px}
.case-list li{ width:31.33%;}
.inner-nav-pro a{ padding:0 15px}
.inner-nav-left{ display:none}
.inner-nav-pro-m{ display:block}
.pro-right{ width:100%; float:none}
.product-top .ntitle{ font-size:28px; margin-bottom:30px;}
.product-top-box .right h2{ font-size:24px; margin-bottom:15px; padding-top:0}
.pro-backdrop{ padding:0}
.pro-feature ul{flex-wrap: wrap;}
.pro-feature .item{ width:31.33%; margin-bottom:30px;}
.pro-feature .item:nth-child(4), .pro-feature .item::nth-child(5), .pro-feature .item::nth-child(6){ margin-bottom:0}

.pro-report li{ width:47%}

.footer .top{ position:relative}
.footer .right{ position:absolute; right:0;}
.footer .mid li{ margin:0}	
.footer .mid li:nth-child(1),.footer .mid li:nth-child(2),.footer .mid li:nth-child(3){ display:none}
.footer .mid li.f_contact{ width:100%}
}

@media screen and (max-width:768px){
.headerbox .tel, .slogan i{display:none;}
.slogan span{ line-height:40px}
.banner a{ height:400px; position:relative}
.banner img{ width:100%; height:100%; object-fit:cover;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:3%}
.banner .swiper-pagination-bullet{ width:8px; height:8px;}
.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 3px}
.numbox .item{ line-height:18px; padding:0 5%}
.numbox .num{ font-size:24px; padding-bottom:5px}
.space{ padding:30px 0}
.title{ font-size:24px; margin-bottom:20px}
.title2{ font-size:22px; margin-bottom:20px}
.title .en, .title2 .en{ font-size:12px;}
.i-sol ul{ margin-right:-2%; display:flex; display:-webkit-flex; flex-wrap:wrap;justify-content: center;}
.i-sol li{ width:31.33%; background:#fff; box-shadow:0 0 15px rgba(0,0,0,.06); border-radius:10px; margin-right:2%; margin-bottom:2%; padding:20px; text-align:left; position:relative}
.i-sol li .icon{ position:absolute; left:20px;top:20px;width:35px;height:35px;}
.i-sol li .icon img{ width:35px; height:35px;}
.i-sol li h3{ margin:0; line-height:35px; padding-left:50px; border-bottom:1px solid #e8e8e8; padding-bottom:15px;margin-bottom:10px;}
.i-sol li h3:after{ display:none}
.i-sol li:after{ display:none}
.i-sol li .intro p, .i-sol li:nth-child(1) .intro p, .i-sol li:nth-child(2) .intro p{ padding-left:0}
.i-about .left, .i-about .right{ width:100%}
.i-about .left .pic{ width:48%}
.i-about .right{ margin-top:30px}
.i-about .more{ font-size:12px; padding: 0 20px 0 10px;background: #fff url(../images/arrow_grey.png) no-repeat right 10px center; background-size:auto 8px}
.i-news-top{ font-size:14px;}
.i-news-top a{ padding:0 10px}
.i-advlist ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;justify-content:space-between}
.i-advlist li{ position:relative; width:48%; margin-bottom:3%; padding-top:15px}
.i-advlist li:nth-child(3), .i-advlist li:nth-child(4){ text-align:left}
.i-advlist li:nth-child(3) .tit:after, .i-advlist li:nth-child(4) .tit:after{ background-position:left bottom}
.i-advlist li:nth-child(3) .cont, .i-advlist li:nth-child(4) .cont{ padding-left:0}
.i-advlist li .tit:after{ background-size:auto 35px !important;}
.i-advlist li .tit span, .i-advlist li:nth-child(3) .tit span, .i-advlist li:nth-child(4) .tit span{ margin-left:30px; margin-right:0}
.i-advlist li .cont{ padding-right:0; height:auto; display:block}
.i-advlist .image{ display:none}
.i-prolist-category li{ width:33.33%; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:auto;}
.i-prolist-category li:nth-child(6){ display:block}
.i-prolist-category li>a{ font-weight:bold; height:60px; line-height:60px; font-weight:normal}
.i-prolist-category .sub{top:60px}

.nbanner{ height:200px;}
.main{ padding:30px 0}
.main_message{margin-bottom: 30px;}
.main .ntitle{ margin-bottom:20px; font-size:24px; line-height:24px}
.main .ntitle .en{ font-size:12px}

.content_abt .left_txt{ margin-top:0}
.content_abt .left_txt, .content_abt .right_img{ width:100%; padding-top:0}
.content_abt .left_txt .ntitle{ display:block;text-align:center;}
.content_abt .left_txt .ntitle .en{ padding-left:0}
.inner-nav li{ width:25%}
.inner-nav a{ padding:0; text-align:center}
.devpbox{ background-size:auto}
.development .left{ width:100px; font-size:20px; padding-right:30px}
.development .item01:before{left: 100px;}
.development .item02:before, .development .item03:before{left:100px}
.development .right{ width:calc(100% - 100px)}
.culture li .txt{ padding:3%; position:relative; background:#a9cc35}
.culture li h4{ font-size:18px;}
.culture li p{line-height:20px; }
.dingzhi .item{ width:100%; margin:0; margin-bottom:3%}
.dingzhi .item .tit{ font-size:24px;}
.liucheng .item{ width:100%; text-align:left; margin-bottom:3%; padding-bottom:3%; min-height:150px}
.liucheng .item .pic{ float:left; width:150px;}
.liucheng .item .txt{ padding:0; padding-left:180px}
.liucheng .item .tit{ text-align:left}
.liucheng .item .line{ height:2px; position:absolute; bottom:0; margin:0}
.liucheng .item .line:after{ display:none}
.CAE .item .pic, .CAE .item .txt{width:100%}
.CAE .item .txt{ padding-top:3%}
.CAE .item .txt .tit{ font-size:24px; margin-bottom:10px}
.newslist li{ padding:2%; margin-bottom:3%}
.newslist li .more{ width:40px}
.newslist .txt .intro{-webkit-line-clamp: 1;}
.newslist li h3{ font-size:16px}
.newslist li .pic{ width:20%}
.newslist .txt{ width:78%}
.newscon .ntit{ font-size:20px; line-height:26px}
.contbox .map, .contbox .contact-list{ width:100%}
.contact-list .item:last-child{ margin-bottom:3%}
#allmap{ height:260px}
.main_message .left{ width:100%; padding-top:0}
.main_message .left .p1{ font-size:20px}
.main_message .left .p2{ font-size:16px; margin-bottom:20px}
.main_message .right{ width:100%; margin-top:20px}
.inner-nav-pro{ display:none}
.inner-nav-pro-m{ display:block}
.product-top{ padding-top:30px;}

.product-top .ntitle{ font-size:24px; margin-bottom:20px; margin-left:2.5%; margin-right:2.5%}
.product-top-box{ padding:0; padding-bottom:20px; background:none}
.product-top-box .left{ width:100%}
.product-top-box .right{ width:100%; margin-top:20px; }
.product-top-box .right h2{ color:#fff}
.product-top-box .right .intro{ color:#ccc}
.product-top-box .right .intro span{color:#999}
.product-top-box .right .intro p{ border-bottom:1px dashed rgba(255,255,255,.3)}
.pro-report ul{ margin-right:0}
.pro-report li{width:100%; margin-right:0; height:auto}

.pro-solution .left{ width:100%; padding-right:0}
.pro-solution .right{ width:100%; padding-left:0; background:none}
.proimg-list{ margin-top:10px}
.content_pro .protit{ font-size:16px;}
.content_pro .protit:after{ height:2px; width:65px}
.pro-feature li .icon img{ width:80px;}
.pro-report table th{ font-size:20px;}

.footer{ padding-bottom:60px}
.float_kf{ display:none}
/*.m-footer{ display:block}*/	
.footer .right{top: 250px;font-size: 12px; width:auto}

.footer .mid{ width:100%; padding:0;border-top: 1px solid rgba(255,255,255,.2); padding-top:30px; margin-top:30px}

.f_contact{ display:block !important; width:100%; }
.footer .bot{ font-size:12px; line-height:22px}
.footer .top .left{ width:100%; text-align:center}
}

@media screen and (max-width:640px){
.logo img {height: 40px;}
.banner a{ height:300px}
.nbanner{ height:150px}	
.numbox .wrap{ width:100%}
.numbox .item{padding: 0 2%; font-size:12px;}
.i-sol li{ width:48%}
.i-sol li:nth-child(5){ width:98%}
.i-advlist li{ width:100%; padding:10px 0; margin-bottom:10px;}
.i-advlist li .tit{ font-size:16px;}
.i-advlist li .tit span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-advlist li .tit:after{ background-size:auto 20px !important; height:26px; background-position:left center !important}
.i-advlist li .tit span, .i-advlist li:nth-child(3) .tit span, .i-advlist li:nth-child(4) .tit span{ margin-left:40px;}
.i-advlist li .cont{ margin-top:10px;}
.i-caselist li a{ padding:6% 8%}
.i-caselist li .icon{ float:none}
.i-caselist .icon img{ width:35px; height:auto}
.i-caselist li .txt{ padding-left:0; float:none}
.i-caselist li .txt h3{ font-size:16px; margin-bottom:5px}
.i-caselist li .txt p{-webkit-line-clamp:2; height:40px;font-size:12px;line-height: 20px;}
.i-caselist .hd .tit{ font-size:16px;}
.i-caselist .hd .more{ width:80px;margin-left: -40px;padding-left: 12px; line-height:26px;background: url(../images/arrow.png) #a9cc35 no-repeat right 10px center;}
.i-prolist li .tit{ font-size:16px;}
.i-about .left .txt h3{ font-size:16px;}
.i-newslist li{ padding:10px 0}
.i-caselist-2 ul{ margin-right:0}
.i-caselist-2 li{ width:100%; margin-right:0; margin-bottom:3%}

.i-prolist-category{ margin-bottom:10px}
.i-prolist-category li{ width:50%;}
.i-prolist-category li>a{height: 50px;line-height: 50px;}
.i-prolist-pic .pro-l, .i-prolist-pic .pro-l .pic{ width:100%; position:relative}
.i-prolist-pic .pro-l{ margin-bottom:2%;}
.i-prolist-pic .pro-r{ padding-left:0; margin-left:-2%}
.i-prolist-pic .pro-r li{ width:48%; margin-left:2%; margin-bottom:2%}
.i-prolist-pic .pro-r li h3{ height:35px; line-height:35px; font-size:16px;}
.inner-nav a{ font-size:14px; line-height:40px}
.development .item .right .time, .development .item .right .intro{ float:none; display:block; width:100%}
.development h3{ font-size:18px;}
.culture ul{ margin-right:0}
.culture li{ width:100%; margin-right:0; margin-bottom:3%}
.culture li h4{ font-size:16px;}
.culture li p{ min-height:auto}

.dingzhi .item{ padding:5%; padding-left:calc(5% + 60px)}
.dingzhi .item .icon{ left:5%;top:30px}
.dingzhi .item .icon img{ width:40px}
.dingzhi .item .tit{ font-size:20px; margin-bottom:10px}
.dingzhi .item .intro{ line-height:26px}
.liucheng .item .pic{ float:none; margin:0 auto}
.liucheng .item .txt{ padding-left:0}
.liucheng .item .tit{ text-align:center;margin-top:15px; margin-bottom:10px}
.liucheng .item .txt{ line-height:26px}
.CAE .item .txt .tit{ font-size:20px;}

.newslist li .pic{ width:27%}
.newslist li .more{ display:none}
.newslist .txt{ width:70%;padding-right:0;}

.newslist .txt .intro{ display:none}
.newscon .ntit{ font-size:18px}
.page_2 .back{ width:80px;padding-left: 12px;background: url(../images/arrow_grey.png) no-repeat right 10px center;line-height:30px; background-size:5px auto}
.page_2 p{padding-right: 120px;}
.page_2 .back:hover{background: url(../images/arrow.png) #a9cc35 no-repeat right 10px center;background-size:5px auto}
.contact-list .icon{top:5px}
.contact-list .icon img{ width:40px}
.contact-list .item{ padding-left:55px; padding-bottom:3%; margin-bottom:3%}
#allmap{ height:220px}
.messbox .colm{ width:100%; margin-right:0; margin-bottom:10px}
.messbox .colm3{ margin-bottom:0}
.messbox .submit{ position:relative; margin:15px auto 0; width:100%; border-radius:0}
.product-list ul{ margin-right:0}
.product-list li{ width:100%; margin-right:0; margin-bottom:3%;padding:0;}

.product-list li .more{ margin-top:10px; width:32px; height:32px}
.product-top .ntitle{ text-align:center;}
.product-top .ntitle .more{ display:none}
.product-top-box .right{ padding-right:0;}
.product-top-box .right h2{ font-size:20px; margin-bottom:5px}
.product-top-box .right .intro p{ padding-bottom:10px; margin-bottom:10px;}
.product-top-box .right .intro span{ line-height:20px}
.product-top-box .right .query{ position:relative; bottom:auto; margin-top:15px;margin-bottom: 15px; line-height:35px;background: url(../images/right_icon01.png) #a9cc35 no-repeat 10px center; background-size: 20px; width:100px;padding-left:30px;}
.pro-design .pic, .pro-client .pic{ display:none}
.pro-design .txt, .pro-client .txt{ width:100%;}
.pro-feature li{ width:25%}
.pro-report li{ padding:4%}
.pro-report li:after{top:3%;right:3%}
.pro-report li h3{ font-size:18px;}
.pro-report li h4{ font-size:15px; line-height:20px; margin-bottom:10px}

.pro-application ul{ display:block; margin-right:0}
.pro-application li{ width:100%; margin-right:0}
.pro-application li .tit{ padding:3%; font-size:16px;}
.pro-design, .pro-client{ min-height:auto}
.pro-design .txt, .pro-client .txt{ padding:0}
.pro-design .txt .ntitle, .pro-client .txt .ntitle{ text-align:center}
.pro-design .txt:before, .pro-design .txt:after, .pro-client .txt:before, .pro-client .txt:after{ display:none}
.pro-feature ul, .pro-solution .pro-feature ul{ font-size:14px}
.pro-feature .tit, .pro-solution .pro-feature .tit{ line-height:20px}
.pro-feature{ margin-right:0}
.pro-feature .item{ width:100%; margin-right:0;text-align:left; margin-top:0; margin-bottom:2%;padding:0; padding-left:28px; border:none; border-bottom:1px solid #4b4b4b}
.pro-feature .item span{left:5px; margin-left:0;top:8px;font-size:0; width:10px; height:10px;box-shadow: 0 0 0 5px rgba(169,204,53,.2);}
.f_contact .sub{ padding:0; background:none;}
.f_contact .sub .txt{ margin-left:0; width:100%;position:relative}
.f_contact .sub .map{ position:relative; height:150px; width:100%; margin-top:10px}
}

@media screen and (max-width:425px){
.banner a{ height:240px}
.title, .title2, .main .ntitle{ font-size:20px;}
.title .cn:after{ display:none}
.i-sol ul{ margin-right:0}
.i-sol li{ width:100%; margin-right:0}
.i-prolist li .tit:after{ width:15px; height:1px; margin-top:5px}
.i-about .left .pic{width:100%; margin-right:0; margin-bottom:2%}

.i-prolist-category li>a{ font-size:15px; padding-right:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-prolist-category .sub{ display:none}
.i-prolist-pic .pro-l h3{ font-size:16px; padding:0 15px; line-height:50px; height:auto}
.main{ padding:20px 0}
.main .ntitle{ margin-bottom:10px}
.content_abt h2{ font-size:16px;}
.dingzhi .item .tit, .CAE .item .txt .tit{ font-size:18px;}
.f_cer .hd{ width:220px;margin-left: -110px;}
.development .left{ font-size:16px;width:80px; font-weight:bold; white-space:nowrap}
.development .item01:before{left: 80px;}
.development .item02:before, .development .item03:before{left:80px}
.development .right{ width:calc(100% - 80px);padding-left:30px}
.pro-report li::after{ width:60px; height:60px; background-size:60px 60px !important}
.pro-feature li .icon img{ width:60px}
.pro-report table th{ font-size:16px;}
.pro-feature .item{ font-size:14px}

.footer{ padding-top:20px;}
.footer .mid{ margin-top:20px; padding-top:20px;}
.footer .mid ul{ display:block}
.footer .mid li.f_contact{ margin-bottom:10px}
.footer .mid li h3{ margin-bottom:0}
.footer .ewm-img{ margin-top:0}
.footer .bot{ padding-top:20px; margin-top:20px;}

}
@media screen and (max-width:375px){
.banner a{ height:200px}
body, .header{ min-width:320px}
}