@charset "utf-8";
/* CSS Document */
.m-btn{height:60px;width:60px;display:none; position: absolute; right:2.5%;top:0}
.m-btn span{ width:20px; height:2px;background: #fff; position:absolute; right:0; top:22px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn .line1{-webkit-transform-origin:2px center;-moz-transform-origin:2px center;transform-origin:2px center}
.m-btn .line2{top:28px;}
.m-btn .line3{top:34px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}


.mobile-menu{width: 270px;position: fixed; top: 0; height: 100%; overflow: hidden;background-color: #373f52;z-index: 1001;left: 0;transform: translate3d(-270px,0,0);-webkit-transform: translate3d(-270px,0,0);-ms-transform: translate3d(-270px,0,0);-sand-transform: translate3d(-270px,0,0); -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease;}
.mobile-menu .closed{ display:block; width:30px; height:30px; background:url(../images/guanbi.png) no-repeat center #f8f8f8; position:absolute; right:15px; top:15px}
.mobile-menu ul{ width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.mobile-menu a{ display:block}
.mobile-menu li{ position:relative}
.mobile-menu li>a{display: block;padding:12px 15px; font-size: 16px; line-height: 26px; overflow-x: hidden;text-transform: uppercase;color: rgba(255,255,255,.8);border-bottom: 1px solid rgba(92,92,92,.5); position:relative}
.mobile-menu li>a i{ width:15px; height:15px;position:absolute; right:15px; top:15px;}
.mobile-menu li>a i:before{ content:""; width:15px; height:1px; background:#fff; position:absolute; left:0;top:7px; opacity:.6}
.mobile-menu li>a i:after{ content:""; width:1px; height:15px; background:#fff; position:absolute; left:7px;top:0; opacity:.6}
.mobile-menu li>a.cur i:after{ -moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.mobile-menu li .sub{ padding:0 15px; line-height:26px; margin:5px 0 15px 0; font-size:14px; display:none}
.mobile-menu li .sub a{ color:#fff; opacity:.6; padding-left:10px}
.mobile-menu.show{left: 0;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-sand-transform: translate3d(0,0,0);}
.mobile-menu-bg, .sidebar-left-bg{position: fixed;top: 0;left: 0;width: 100%; height: 100%;z-index: 1000; display:none;background-color: rgba(55,63,83,.7);}

.mobile-sidebar-btn{ font-weight:bold; color:#333; display:flex; display:-webkit-flex; align-items:center; opacity:0; visibility:hidden; height:0; overflow:hidden; font-size:16px}
.mobile-sidebar-btn .line{ margin-right:10px; position:relative}
.mobile-sidebar-btn .line, .mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{display: inline-block;width: 18px;height: 2px; background:#333;}
.mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{position: absolute;content: "";left: 0;}
.mobile-sidebar-btn .line:before{top: -6px;}
.mobile-sidebar-btn .line:after{top: 6px;}
.sidebar-left-close{display: none;padding: 16px 20px;background-color: #000;text-align: right; color:#fff}
.sidebar-left-close span{text-transform: uppercase;font-size: 12px;line-height: 35px;position: relative;cursor: pointer;padding-right: 21px;}
.sidebar-left-close span:after{content:" ";position: absolute; right: 0; top: 50%; margin-top: -1px;width: 15px;height: 2px; display: inline-block; background-color: #fff;}

.mbanner{ display:none}
.mbanner{ position:relative; z-index:1}
.mbanner img{ display:block; width:100%; height:auto}
.mbanner .swiper-pagination{bottom:3%}
.mbanner .swiper-pagination-bullet{ width:8px; height:8px; background:#fff; opacity:1; margin:0 5px}
.mbanner .swiper-pagination-bullet-active{ background:#e83428}

.m-foot{ position:fixed; width:100%; height:50px; left:0;right:0; bottom:0;background:#f7f7ff; border-top:1px solid #fff; color:#a1a5a5; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#a1a5a5; font-size:12px; display:block; height:50px}
.m-foot li.li1 a{ background:url(../images/mfoot_icon1.png) #f7f7ff no-repeat center 5px; padding-top:29px}
.m-foot li.li2 a{ background:url(../images/mfoot_icon2.png) #f7f7ff no-repeat center 5px; padding-top:29px}
.m-foot li.li3 a{ background:url(../images/mfoot_icon4.png) #f7f7ff no-repeat center 5px; padding-top:29px}

.m-date .m-date-t{ display:none}
@media screen and (max-width: 1366px){
.main, .wrap, .ny_main{ width:90%}
.menu{ width:70%}
.first-menu li{ width:12.5%}
.first-menu a{ padding-left:0 !important; padding-right:0 !important;}
.shell{ margin-left:0}
.top_by_right ul{ display:flex; display:-webkit-flex; justify-content:space-between}
.top_by_right li{ width:25%}
.foot_ewm{ padding-right:0}
}
@media screen and (max-width:1200px){
.float-show .col-xs-6{ width:58%}
}
@media screen and (max-width:1024px){
.main, .wrap, .ny_main{ width:95%}
.top{ height:auto}
.top_by_right{ display:none}
.top_by{ margin-top:0}
.top_by_left{ float:right !important}
.shell{ margin-top:5px; margin-bottom:5px}
#webmenu{ display:none}
.toplm{ margin-top:0; height:60px; position:relative}
.logo img{ height:40px}
.fullSlide{ display:none}
.mbanner{ display:block; margin-top:90px}

.m-btn{ display:block}

.minibanner{ margin-top:90px}
.aboutbg{ padding-top:30px}
.about_bt{ font-size:26px; padding-left:0;}
.about_line{ padding-left:0}
.about_xbt{ font-size:16px; padding-left:0}

.about_bg, .main, .main_con_menu{ padding-top:30px}
.teambg{ margin-top:30px; padding-top:30px; padding-bottom:30px}
.ny_main, .fwys{ padding-top:30px; padding-bottom:30px}
#fenlei{ margin-top:30px}

.about_left_nr{ font-size:14px; line-height:26px}
.pc_js{ padding-top:30px}
.pc_js li{ margin:0 2%}
.pcj_wz{ margin-top:10px}
.pro_bt, .fw_bt{ font-size:26px;}
.pro_xbt, .fw_xbt, .pro_xxbt, .team_xbt{ font-size:16px}
.tabmenu{ height:auto; margin-top:20px}
.tabmenu li{ line-height:30px; height:30px; font-size:14px; padding:0 15px; margin:0}
#tabcontent li, .snews li{ margin-top:2%}
.ny_fuww li, .anniuy{ font-size:14px}
.fwpic{ padding-top:30px}
.liucheng{ margin:30px 0}
.date_day{ font-size:20px;}
.date_year{ font-size:12px;}
.name{ font-size:15px}
.foot_nav{ display:none}
.links_left{font-size:14px}
.banquan{ padding:10px 0}
.banquan_nr{ font-size:12px; line-height:26px}
.fuwu_show_bbt{ font-size:20px}
.fuwu_show_js{ font-size:14px; line-height:28px}
.ypanniu a{ font-size:14px; line-height:30px; height:30px}
.fenlei_ad_right li a{ font-size:14px; line-height:30px}
.ny_team_top, .case_show_bbt{ padding-top:0}
.fw_sjsm{ font-size:16px; line-height:20px; padding-bottom:5px}
.know, .liuyank{ padding-top:20px}
.know p{ font-size:14px}
.anniuy22{ font-size:14px; line-height:30px; height:100px;margin-top: 10px;}
.zzlp_dizhi{ font-size:14px}
.step-round{margin-top: 20px;}
.anniu{ line-height:30px}
.lanse2 a{ line-height:30px; font-size:14px; padding:0 5px}
.case_show_bbt{padding-top:0}
.float-show .col-xs-5{ width:30%}
.float-show .col-xs-6{ width:64%}
.float-show .col-xs-5{ width:35%; padding:0}
.float-show .col-xs-2{ padding:0}
}
@media screen and (max-width:768px){
.aboutbg{ background:#f7f7f7; padding-bottom:30px}
.about_right{ display:none}
.about_left{ width:100%; padding-left:0}
.about_bg{ background:none; padding-top:0; margin-top:20px}
.pc_js li{ width:30%}
#tabcontent li{ width:48%}
.teamlist .swiper-button-prev, .teamlist .swiper-button-next{ display:none}
.ny_fuww{ padding:0}
.anniuy{width: calc(100% - 100px);}
.snews li{ width:48%}
.sbt{ font-size:30px}
.dbt{ font-size:14px}
.nav-justified>li{ float:left; width:33.33% !important; margin-left:0 !important}
.izl-rmenu,.float-bottom{ display:none !important}
.float-hide{ display:none !important}
.banquan{ padding-bottom:60px}
.m-foot{ display:block}
.gallery-top{ width:100%; float:none}
.my_case_left{ float:none; width:100%}
.my_case_right{ float:none; width:100%}
.design{ padding-top:0}
.case_shj{ padding-left:0;}
.case_shj img{ display:block; margin:0 auto}
.float-show{ height:auto !important}
.float-show .col-xs-5{ width:100%;}
.float-show .col-xs-5>img{ display:block; margin:0 auto; width:200px}
.float-show .col-xs-6{ width:100%}
.float-show .col-xs-2{ width:100%}
.float-show form input{ width:100% !important; margin-right:0 !important}
.float-show form button{ font-size:14px !important; width:120px!important; line-height:30px!important; height:30px!important; margin:0 auto!important; display:block; margin:10px auto 15px !important}
.float-show form button br{ display:none}
.float-show form input.yzm{ width:100px !important; margin-right:10px !important; margin-bottom:0 !important; float:left}
#code{ height:30px}
}
@media screen and (max-width:640px){
.about_bg, .main{ padding-top:20px}
.teambg{ margin-top:20px; padding-top:20px; padding-bottom:20px}
.ny_main, .fwys{ padding-top:20px; padding-bottom:20px}
#fenlei{ margin-top:20px}


.about_bt, .pro_bt, .fw_bt{ font-size:22px;}
.about_xbt, .pro_xbt, .fw_xbt, .pro_xxbt, .team_xbt{ font-size:12px}
.pro_xbt, .team_xbt, fw_xbt, .pro_xxbt{ background:none}
.pcj_wz a{ font-size:14px}
.pc_js ul{ justify-content:space-between}
.pc_js li{ margin:0}
.p1 a, .p1 a:hover{ width:80px; height:80px; background-size:cover}
.p2 a, .p2 a:hover{ width:80px; height:80px; background-size:cover}
.p3 a, .p3 a:hover{ width:80px; height:80px; background-size:cover}
.teamlist .box img{ width:120px; height:120px}
.links{ padding:15px 0}
.links_left, .links_right{ font-size:12px}
.foot_nr{ padding-top:20px; padding-bottom:20px}
.foot .w14{ font-size:12px; line-height:20px}
.rnl{ position:relative; overflow:visible}
.adte{ position:absolute;left:0;top:-60px; }
.date{height:50px}
.date_day{ font-size:16px; line-height:30px;}
.m-adte{top:-40px; width:auto}
.m-date{ height:30px; line-height:30px; width:auto}
.m-date .date_day, .m-date .date_year{ display:none}
.m-date .m-date-t{ display:block; font-size:12px; padding:0 10px}
.liuliang{ display:none; }
.nerzs{ float:none; width:100%}
.name{ line-height:20px; font-size:14px; height:40px; margin-top:10px}
.smail-name{ display:none}
.pro_xmc{ padding-top:0}
.service01_sub{ margin-top:20px}
.minibanner{ height:120px}
.sbt{ font-size:26px; padding-top:30px}
.main_con_menu{ padding-top:0;background: #dddddd; float:flex; display:-webkit-flex; justify-content:center;}
.main_con_menu li{ margin:0; width:50%}
.main_con_menu li a{ padding:0 5px; height:40px; overflow:hidden; text-align:center; font-size:14px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; line-height:15px}
.main_con_menu_about li a{ font-size:12px;}
.ny_main_top, .ny_team_top{ font-size:16px; line-height:30px}
.ny_show{ font-size:14px; line-height:28px; padding-top:20px;}
.mbanner, .mbanner a{ height:240px; position:relative}
.mbanner img{ width:100%; height:100%; object-fit:cover}
.jianjie{ font-size:14px; line-height:28px; margin-top:20px; margin-bottom:20px}
.baise, #faq{ font-size:14px}
#faq table{ font-size:14px; margin-top:10px !important}
#faq table .time{ font-size:12px;}
#faq dd{ font-size:12px; line-height:24px;}

.ny_contact .col-sm-3{ width:100%}
.contact_img{ width:90px; height:90px}
.snews-2 ul, #tabcontent.tabcontent-2 ul{ margin-right:0}
.snews-2 li, #tabcontent.tabcontent-2 li{ width:100%; margin-right:0}
.snews-2 li .name{ height:auto; font-size:16px; font-weight:300}
.design_t01{ font-size:16px; padding-top:0}
.design_txt{ font-size:12px; line-height:20px; margin-top:5px}
.design_l{ width:150px}
.design_r{width: calc(100% - 180px);}
.design_w{ padding:0}
.fenlei_ad_left{ float:none; line-height:20px; width:auto; text-align:left; font-size:14px; margin-bottom:10px}
.fenlei_ad_right{ width:100%; float:none}
.fenlei_ad_right li a{ line-height:26px; font-size:12px}
.zzlp_pic, .zzlp_right{ float:none; width:100%}
.zzlp_pic{ height:300px; overflow:hidden; position:relative}
.zzlp_pic img{ width:100%; height:100%; display:block}
.zzlp_bt{ font-size:20px; margin-top:10px}
.zzlp>ul>li{ padding-top:20px}
.my_case_left{ width:100%; float:none}
.my_case_right{ width:100%; float:none;}
.case_shj{ padding-left:0}
.case_shj img{ display:block; margin:0 auto}
.case_show_bbt{ font-size:22px}
.gallery-top .pic{ height:400px}
.foot_cont{ width:calc(100% - 130px)}
.foot_ewm{ width:120px}
.foot_ewm img{ width:120px; height:auto}
.tabmenu li{ padding:0 13px}
}
@media screen and (max-width:425px){
.foot_ewm{ float:none; margin-top:10px; width:100%}
.foot_ewm img{ width:100px; height:auto; display:block; margin:0 auto}
.foot_cont{ float:none; width:100%}
.fmes-img{ display:block; width:100px; height:auto; margin:0 auto}
.banquan_nr{ line-height:20px; opacity:.4}
.ny_main_top{font-size:16px}
.ny_main_show{font-size: 16px; line-height: 20px;}
.ny_fuww{ margin-top:5px}
.ny_fuww li{ width:100%; margin-top:0;}
.anniuy{ height:30px; line-height:30px}
.service01_sub{ margin-top:10px}
.sbt{ font-size:22px;}
.fuwu_show_bbt{ font-size:16px}

.design_l{ float:none; margin:0 auto;margin-bottom:10px}
.design_r{ float:none; width:100%}
.zzlp_pic{ height:220px}
.gallery-top .pic{ height:300px;}
.gallery-top .swiper-button-next, .gallery-top .swiper-button-prev{ display:none}
.tabmenu li {padding: 0 5px;font-size: 13px;}
}