@charset "utf-8";
/* CSS Document */
.m-header{ background:#fff;border-bottom:1px solid #e8e8e8;height: 60px; position:fixed;left:0;right:0;top:0; z-index:999; box-shadow:0 0 5px rgba(0,0,0,.1); display:none}
.m-header .logo{ display:block; height:60px;display:-webkit-flex; display:flex;align-items: center;}
.m-header .logo img{ display:block; height:40px}
.m-menubtn{position: absolute;z-index: 102;top:0;right: 0;width:20px;height:60px; padding:0 2rem;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

.m-menu{ background:#fff; position:fixed; left:0;top:0; width:100%; height:100%;display:none; overflow-y:auto; overflow-x:hidden;  z-index:90}
.m-menu ul{ width:100%; padding-top:80px;overflow-x:hidden;overflow-y:auto;height:calc(100vh - 80px);}
.m-menu a{ display:block}
.m-menu .menu_li{-webkit-transform:translateX(15px);-ms-transform:translateX(15px);-o-transform:translateX(15px);-ms-transform:translateX(15px);transform:translateX(15px);-webkit-transition: all .5s ease;-moz--webkit-transition: all .5s ease;-ms--webkit-transition: all .5s ease;-o--webkit-transition: all .5s ease;transition: all .5s ease;margin:0 3%;}
.m-menu .menu_a{ padding: 0 10px; line-height:50px; font-size:16px; color:#333; border-bottom:1px solid #d8d8d8; position:relative}
.m-menu .menu_a i{ width:50px; height:50px;position:absolute; right:0; top:0;}
.m-menu .menu_a i:before{ content:""; width:20px; height:2px; background:#ccc; display:block; right:10px;top:25px; position:absolute}
.m-menu .menu_a i:after{content:""; width:20px; height:2px; background:#ccc; display:block; right:10px;top:25px; position:absolute;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg); transform:rotate(90deg); -webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.m-menu .subnav{ padding:10px 20px; line-height:30px; font-size:14px; display:none}
.m-menu .menu_a.active{ background:#e9e9e9;}
.m-menu .menu_a.active i:after{-webkit-transform:rotate(0);-moz-transform:rotate(0); transform:rotate(0);}
.m-footer{background: #18714e; color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:999}
.m-footer li{ float:left; width:50%}
.m-footer a{ display:block; line-height:35px; padding-top:10px; padding-bottom:10px; color:#fff; display:flex; display:-webkit-flex; justify-content:center;}
.m-footer .li1 span{ display:inline-block; padding-left:30px; background:url(../images/mf-tel.png) no-repeat left center;}
.m-footer .li2 span{ display:inline-block; padding-left:30px; background:url(../images/mf-mes.png) no-repeat left center;}
.m-footer i{ font-size:20px; font-weight:bold}

@media screen and (max-width:1680px){
.wrap{padding:0 120px;}
.float_fr{ padding:15px 12px; font-size:12px;}
.footer .f-contact .erweima{ right:5%}
.banner-logo2{ left:120px}
}
@media screen and (max-width:1560px){

}
@media screen and (max-width:1440px){
.header, .header .logo a, .headerHeight{ height:90px;}
.header .logo img{  height:50px;width: auto;}
.menu ul{justify-content:center}
.menu .menu_a{ padding:0 25px}
.i-service-top li{ font-size:1.25rem}
.i-service-top li a{ padding:0.625rem 0}
.i-service-top .ico img{ height:60px}
.i-service-con .item .tit{ font-size:20px}
.i-service-con .item{ font-size:1rem}
.i-aboutCon .txt .con{ font-size:1em; margin-bottom:1.25em}
.numList{font-size:1rem; margin-top:2em}
.numList .num{ font-size:2.265em}
.numList .num .sign{font-size:1rem;top:-1.25rem}
.i-teamList .txt h3{ font-size:1.25rem}
.i-process .left{ font-size:1.375rem}
}
@media screen and (max-width:1366px){
.wrap{ padding:0 100px}
.float_fr{ padding:12px 8px;}
.float_fr .hd{ font-size:1em}
.banner-logo2{ left:100px}
}
@media screen and (max-width:1300px){
.menu .menu_a{ font-size:1rem;padding: 0 20px;}
}
@media screen and (max-width:1200px){
body,html{font-size:14px;}

.wrap{ padding:0 1.45rem}
.header, .header .logo a, .headerHeight {height: 60px;}
.menu .menu_a{ line-height:60px}
.header .logo img{ height:40px}
.banner-logo2{ left:1.45rem}
}
@media screen and (max-width:1024px){
.animatedH.slideDown{top:0}
.header{border-bottom:1px solid #e8e8e8}
.m-header{ display:block}
.bannerBox{ margin-top:60px}
.float_fr{ display:none}
.menu{ display:none}
.banner-logo2, .banner-logo{ display:none}
.m-menubtn{ display:block}
.space{ padding:35px 0}
.footer{ padding:25px 0}
.banner .swiper-pagination{ display:block}
.banner .swiper-pagination-bullet, .i-honorList .swiper-pagination-bullet{ width:8px; height:8px;}
.title{ margin-bottom:20px}
.title h3{ font-size:2rem; line-height:1.2}
.title p{ font-size:1rem}
.i-service-top{ margin-bottom:0}
.i-service-top li{font-size:1.285rem; width:20%; margin-top:-1px;}
.i-service-top li:nth-child(5){border-right:1px solid #bfbfbf}
.i-service-top li a{ pointer-events:auto}
.i-service-con{ display:none}

.i-teamList .cont{ padding:1rem;}
.i-teamList .txt{ margin-top:15px; padding-top:10px;}
.i-teamList .bot{flex-wrap:wrap}
.i-teamList .bot .more{ width:100%; margin-top:10px;}
.i-news .more, .i-team .more{ margin-top:30px}

.i-video .video_img img{ display:block; width:200px; height:auto}
.i-main .left{ width:100%; float:none; background:#fff; margin-bottom:40px;}
.i-main .right{ width:100%; float:none}
.i-main .left .title{ height:auto;border-bottom: 1px solid #af090b; text-align:left; margin-bottom:20px;}
.i-main .left .title .pic{ display:none}
.i-main .left .title .tit{ position:relative;display: inline-block; line-height:inherit;background: #af090b;color: #fff;font-weight: normal; font-size: 17px; padding: 5px 10px; width:auto;letter-spacing:0}

.i-main .serlist li{ float:left; width:16.66%; padding:0; font-size:16px; border-right:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
.i-main .serlist a{ display:block; background:#af090b; padding:15px 0}
.i-main .serlist .icon{ height:32px;}
.i-main .serlist .tit{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.i-newslistBox li .time{ font-size:12px}
.i-service>h3{ display:block}

.main .container .left{ float:none; width:100%; margin-bottom:20px;}
.left-nav{ background: #f5f5f5;border: 1px solid #d8d6d7; padding:20px;}
.left-nav ul{ display:flex; display:-webkit-flex; flex-wrap:wrap;justify-content: space-between; margin-right:-2%}
.left-nav li{ border:none; margin-right:2%; padding:0}
.left-nav li a{ background:none; line-height:20px; font-size:16px; font-weight:normal; padding-left:10px; padding-top:5px; padding-bottom:5px; position:relative;}
.left-nav li a:before{ content:""; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #808080; position:absolute; left:0;top:10px}
.left-nav li:last-child{ border-bottom:none;}
.left-nav li.cur{ border:none;}
.left-nav li.cur a{ background:none; color:#af090b; margin:0}
.left-nav li.cur a:before{border-left:5px solid #af090b;}
.left-nav li.cur .sub{ display:none; margin:0}
.left-nav li i{ display:none}
.main .container .left h2{ font-size:18px; height:60px; margin-bottom:0}
.main .container .left h2 span{ padding-left:20px; padding-top:15px;}

.main .container .right{ float:none; width:100%}
.main .container .right .toptit{ height:50px;}
.main .container .right .toptit h3{ padding-left:20px; padding-right:20px; font-size:16px; line-height:50px;}
.main .container .right .toptit h3 span:after{ display:none}
.main .container02 .left{ margin-bottom:0 !important}
.container02 .left-nav{ display:none}
.main .container02 .right .toptit{ display:none}

.case_related .tit{font-size:16px;}
.main .content, .main .content02, .ques_related{ padding:20px; font-size:14px}
.left-qk{ display:none}
.footer{ text-align:left}
.footer .f-contact{ padding-right:120px}
.friendlink-con a{ width:25%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.valuelist .text{width:calc(100% - 75px)}
.tslist li{ width:170px; height:170px; line-height:20px; margin-right:0}
.tslist li img{ width:20px; margin-bottom:20px}

.researchcon li .text h3{ font-size:26px}

.qkuai{ padding:20px}

.main{ margin-top:0; margin-bottom:25px; padding-top:20px}
.f-contact .tel{ padding-left:45px; padding-top:0;background: url(../images/tel2.png) no-repeat left 5px; white-space:nowrap}
.i-honor .more{ margin-top:30px}
.footer .f-contact .erweima{top: -25px;}
.footer .f-contact .erweima img{width: 100px;}
}
@media screen and (max-width:850px){.header_r .search{ width:160px}}
@media screen and (max-width:768px){

.friendlink-con a{ width:33.33%;}
.m-footer{ display:block}
.footer{ padding-bottom:65px; padding-top:20px}
.footer .f-contact .erweima{ right:0}
.i-aboutCon .pic{ display:none}
.i-aboutCon .txt{ width:100%}
.i-aboutCon .txt .title{ text-align:center}
.i-aboutCon .txt .title h3:after{ margin-left:auto}
.numList .num{ font-size:2em}
.numList .num .sign{top:-1em;font-size: .9rem;}
.title h3:after{ width:30px;}
.i-caseList, .i-newsList, .i-teamList{ padding-bottom:35px;}
.i-caseList a, .i-newsList .txt{ padding:1.4em}
.i-newsList .txt h3{-webkit-line-clamp: 2; min-height:inherit}
.i-caseList .swiper-pagination, .i-newsList .swiper-pagination, .i-teamList .swiper-pagination{ display:block;bottom:0}
.i-news .more, .i-team .more, .i-honor .more{ margin-top:20px}
.i-process .left{ width:100%; padding-top:0}
.i-process .left .ico img{ display:block; width:40px;margin:0 auto}
.i-process .right{ width:100%}
.i-process .list .hide{ padding:10%}
.i-process .list .hide .more{ width:90px}
.i-teamList .pic:before{ padding-top:118.9873%}
.i-teamList .txt{ margin-top:0}


.i-serviceBox .i-sercontent .intro{ width:100%}
.i-serviceBox .i-sercontent .i-ser-case{ width:100%; margin-top:20px}
.i-serviceBox .i-sercontent .intro .titl{ font-size:16px;}
.i-serviceBox .i-sercontent .intro .text{ width:67%}
.i-serviceBox .i-sercontent .intro .pic{ width:30%}
.i-serviceBox .i-sercontent .intro .nr span{ display:block; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:5px}
.i-about .i-about-t{ width:100%;}
.i-about .i-about-tc{ padding:0; border:0; height:auto}
.i-about-tc .swiper-button-prev{ left:0}
.i-about-tc .swiper-button-next{ right:0}
.i-about .i-about-h{ width:100%; margin-bottom:40px}
#willesPlay{ width:95% !important}
.location{ font-size:12px}
.left-nav li a{ font-size:14px}
.aboutcon h3{ font-size:30px; line-height:35px;}
.aboutcon h3 span{ font-size:20px}
.left-nav li{ width:31.33%}
.case_related li .text .tit_c{ font-size:16px; padding-bottom:0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.case_related li .text .intro{ -webkit-line-clamp: 3;}
.case_related li .text .intro{ font-size:12px;}
.main .servicecon .pic{ display:none}
.main .servicecon .text{ width:100%;}
.servicelist_sed{ margin-top:20px}
.servicelist_sed h4{ margin-bottom:10px}
.friendlink-con, .footer .qk li a, .f-contact, .footer, .footer .note{ font-size:12px}	
.friendlink-top li{ font-size:14px;}
.friendlink-top li a{ padding-top:2px}
.leadercon li .intro{ font-size:12px;}
.leadercon li .intro span{overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.tslist li{ margin-left:20px}
.main .teamcon .pic{ display:none}
.main .teamcon .text{ width:100%}

.researchcon li .text h3{ font-size:20px; line-height:40px}
.newslist li .text .intro, .newslist li .text01 .intro{ -webkit-line-clamp:2}
.main .container .right .toptit .fbtime{ position:relative; float:none; left:20px; top:auto}
.main .container .right .toptit-news{ height:auto; background:#f5f5f5}
.main .container .right .toptit-news h3{ line-height:26px; padding-top:10px; padding-bottom:10px; background:#f5f5f5; height:auto}
.main .container .right .toptit h3 span{ max-width:100%; white-space:normal}

#newBridge .nb-icon-wrap, #newBridge .nb-icon-wrap-base,#newBridge .nb-invite-wrap-base{ display:none !important}
.i-video{ margin-bottom:20px}
.i-main .left, .i-about .i-about-h{ margin-bottom:30px}
.jx-sedlist li{ width:100%}
.location-map{width: 100%;height: 300px;margin-left: 0;}
.location-shop-con{
    position: relative;
    width: 100%;
    float: none;
}
}
@media screen and (max-width:640px){
.i-main .serlist li{ width:33.33%}
.i-video{ height:30px;}
.i-video .video_img img{ width:150px;}
.i-serviceBox .i-sercontent .intro .nr span{ -webkit-line-clamp:2}

.aboutcon h3{top:50px}
.servicelist_sed li{ width:48%}
.servicelist_sed li a{ padding-left:15px}
.case_related li .text .intro{ -webkit-line-clamp: 2;}
.valuelist .text .tit{ font-size:18px}
.honorcon .horlist li{ width:98%; margin-bottom:2%; background:#fff}
.honorcon .horlist li .tit{ height:auto}
.tslist li{ margin-left:0; -webkit-transform: scale(0.9);-moz-transform: scale(0.9);transform: scale(0.9);}
.teamcon_d .top .text{ width:100%}
.teamcon_d .top .pic{ width:120px; margin:0 auto; float:none}
.researchcon01 li{ width:97%}
.researchcon02 li{ width:98%}
.researchcon li .pic{ position:relative; width:100%; padding:20px}
.researchcon li .text{ width:100%}
.qkuai .tit h3{ font-size:16px;}
.qkuai .tit{ position: relative; padding-bottom:0}
.qkuai .tit span{ position:absolute; font-size:12px; right:0;bottom:0}
.qkuai .tit h3:after{bottom:0}
.qkuai .tit h3{ width:calc(100% - 55px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.questioncon_m li{ width:98%}
.ques_related .tit{ font-size:16px}
.teamlist li{ width:100%; margin-right:0; background:none; padding:0; border:0; border-bottom:1px solid #d9d7d8; padding-bottom:10px; margin-bottom:20px}
.teamlist li .pic{ height:auto}
.teamlist ul{ margin-right:0}
.newslist01 li .tit{width: calc(100% - 100px);}
.developcon .time{ font-size:16px; width:110px; height:35px; line-height:35px;}
.developcon li .kuai{ width:40%;padding:10px}
.developcon li .kuai .intro{ font-size:12px; line-height:22px}
.developcon li .kuai .time01{ font-size:16px}

.main{ margin-top:15px}
.space{ padding:25px 0}
.title h3{font-size: 1.75rem}
.i-service-top li{ font-size:1.15rem}
.i-service-top .ico{ margin-bottom:5px}
.i-service-top .ico img{ height:40px}
.i-process .list{ flex-wrap:wrap; margin:20px 0 0}
.i-process .list li{ width:49%; margin-bottom:2%}
.i-process .list .show{ display:flex; display:-webkit-flex;}
.i-process .list .pic{ width:60%}
.i-process .list .txt{ width:40%; padding:5%}
.i-process .list .txt h3{ width:2.9em; font-size:1.35rem;}
.i-process .list .hide p{-webkit-line-clamp:3;margin-bottom: 10%;}

}
@media screen and (max-width:425px){
body, .header, .m-footer{ min-width:320px;}
.i-video{ height:auto; padding:20px 0}
.i-video .video_img{ position:relative; bottom:auto;}
.i-video .video_img img{ width:100%}
.i-main .serlist .tit{ padding:0 3px}
.i-about-tbox .pic{ height:110px}
.aboutcon h3{ font-size:24px;}
.aboutcon h3 span{ font-size:16px;}
.left-nav-serv li, .left-nav-zn li{ width:48%}
.case_related li .text .intro, .leadercon li .intro span, .leadercon li .intro .more{ display:none}
.case_related li .text .more{ float:none}
.leadercon li .text h3{ font-size:14px; line-height:20px}
.tslist li{ float:none; margin:0 auto 5px;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.newslist li .text .intro, .newslist li .text01 .intro{ display:none}
.newslist li h3{ line-height:20px}
.newslist li{ margin-bottom:20px; padding-bottom:15px}
.newslist li .pic{ margin-top:5px}
.newslist01 li .tit{ width:100%}
.newslist01 li .time{ display:none}
.developcon li .kuai{ width:36%}
.i-service-top li{ width:50%}
.i-service-top li:nth-child(5){ border-right:0;}
.i-service-top li:nth-child(even){border-right:1px solid #bfbfbf}
.more{ line-height:32px; width:100px}
.numList ul{flex-wrap:wrap}
.numList li{ width:50%; margin-bottom:.6em}
.i-process .list .show{ display:block;}
.i-process .list .pic{ width:100%}
.i-process .list .txt{ width:100%; padding:1.4em}
.i-process .list .txt h3{ width:100%; font-size:1.25rem}
.i-process .list .hide p{ margin-bottom:20%}
.title h3{ font-size:1.5rem}
.f-contact .tel span{ font-size:1.5rem}
}