@charset "utf-8";
@media only screen and (max-width : 1919px) {
.banner img{ width: 100%; height: auto; }
}
@media only screen and (max-width : 1620px) {
.webmain { min-width: 1400px; }
.content { width: 1400px; }
.nypro .right ul li { width: 31.3333%; }
.nybanner { height: 460px; }
}
@media only screen and (max-width : 1420px) {
.webmain { min-width: 1200px; }
.content { width: 1200px; }
.nybanner { height: 420px; }

.sybt h5 { display: none !important; }

.cpzx-l { width: 26%; }
.cpzx-r { width: 74%; }
.cpzx-r-b .swiper-slide { height: calc((100% - 120px) / 2); }
.index_con02_switch_box .wenzi .wen { width: 250px; height: 534px; }
.index_con02_switch_box .wenzi .tu { height: 534px; }
}
@media only screen and (max-width : 1024px) {
.webmain{ min-width: inherit; }
.content{ padding: 0 10px; width: auto; }

.Header .Logo h3,
.Header .Phone,
.Header .ewm,
.nav { display: none; }
#btn { display: block; }

.Header { height: auto; }
.Header .Logo { margin: 5px; }
.Header .Logo a img { height: 40px; width: auto; }

.nav { background: #fff; }
.nav > ul > li { width: 100%; }
.nav > ul > li > a > .en { display: none; }
.nav #NavCeshi .block,
.erji_menu { display: none !important; }
.nav > ul > li { height: auto; }
.nav > ul > li > a { height: auto; font-size: 14px; color: #333; padding: 6px 0; }
.nav > ul > li:hover > a, .nav > ul > li.navcurrent > a { color: #0851ba; }

.ssk .w1 { flex-direction: column; line-height: 24px; padding: 10px; }
.ssk-r { margin-top: 10px; }
.inservice { padding: 30px 0 0 !important; }
.yqlj { margin-bottom: 20px !important; }
.yqlj-t { font-size: 18px !important; margin-bottom: 10px !important; padding-bottom: 10px !important; }
.xwzx-b { flex-direction: column; }
.xwzx-l { width: 100% !important; }
.xwzx-r { width: 100% !important; padding-left: 0 !important; margin-top: 20px; }
.xwzx { margin: 30px auto !important; }
.inservice .maintitle { font-size: 20px; font-weight: normal; }
.inservice .subtitle { margin-top: 10px; font-size: 14px; }
.inservice .nr p { font-size: 14px; line-height: 22px; }
.inservice .data { display: none; }
.cpzx { margin: 20px auto 30px; }
.sybt h3 { font-size: 20px; margin-bottom: 10px; }
.sybt h4 { font-size: 14px; }
.sybt { margin-bottom: 20px; }
.cpzx-l { width: 100%; margin-bottom: 20px; }
.cpzx-r { width: 100%; padding-left: 0; }
.cpzx-r-b .swiper-container { height: auto !important; }
.cpzx-l-t dd b { font-size: 20px; }
.cpzx-l-c a { font-size: 14px; line-height: 40px; }
.cpzx-l-b { display: none; }
.jjfa { padding: 30px 0; }
.jjfa-s { flex-direction: column; padding: 10px; }
.jjfa-l { width: 100%; }
.jjfa-l h3 { font-size: 16px; margin-bottom: 8px; }
.jjfa-r { width: 100%; margin-top: 10px; }
.index_con02_switch_box .wenzi { display: none; }
.index_con02_switch_box .wenzi .wen { display: none; }
.index_con02_switch_box .wenzi .tu { height: auto; }
.index_con02_switch_btn_wrap { height: auto; margin-bottom: 20px; margin-top: 10px; }
.index_con02_switch_btn a { width: 100%; margin-bottom: 10px; margin-right: 0; font-size: 14px; height: auto; padding-bottom: 10px; }
#shili .bottom { margin-top: 0; }
.index_con02_switch_btn a i { margin-top: 5px; }
.index_con02_switch_btn .tu { margin-top: 15px; margin-bottom: 10px; width: 30px; height: 30px; }
.index_con02_switch_btn a.active .tu img { margin-top: -30px; }
.gywm { padding: 30px 0; }
.gywm-t { flex-direction: column; margin-bottom: 0; }
.gywm-l { width: 100%; }
.gywm-r { width: 100%; padding: 14px 10px; }
.gywm-r h3 { font-size: 16px; margin-bottom: 10px; }
.gywm-r a { font-size: 14px; line-height: 30px; width: 100px; }
.gywm-r p { margin-bottom: 2px; }
.gczs { margin: 30px auto; }
.gczs-t a { font-size: 14px; }
.gczs-t { height: 40px; max-width: 300px; width: 100%; margin-bottom: 20px; }
.gczs .gczs-s li { width: 50%; }
.gczs .gczs-s .text { font-size: 14px; line-height: 22px; padding: 5px; height: 32px; overflow: hidden; }
.xwzx-t h3 { font-size: 18px; }
.xwzx-t { padding-bottom: 10px; }
.xwzx-l-b2 { padding: 10px; }
.xwzx-l-t h3 span { font-size: 14px; margin-right: 10px; line-height: 24px; }
.xwzx-l-t h3 { font-size: 14px; margin-bottom: 8px; }
.xwzx-l-t { margin-bottom: 10px; }
.xwzx-l-b a { line-height: 30px; }
.xwzx-r-b2 { padding: 10px; }
.xwzx-r-t h3 { font-size: 16px; margin-bottom: 8px; margin-top: 8px; }
.xwzx-r-t { margin-bottom: 14px; }

.nybanner { height: 300px; }

.Bottomerkg,.Bottomer{ display: block; }
.page-down{ right: 10px; bottom: 74px; }

.footer{display:none!important}
.footer2,
.dbdh { display: block!important; }

.nyweizhi{ padding: 10px 0; }
.nyweizhi .weizhi{ width: auto; float: none; padding: 0; font-size: 12px; }
.nynav{ padding: 15px 0; }
.nynav ul li{ width: 31.33333%; float: left; display: block; margin: 5px 1%; }
.nynav ul li > a{ padding: 0; box-sizing: border-box; font-size: 14px; height: 35px; line-height: 33px; }

.feny{ padding: 20px 0; }
.feny a{ padding: 0 5px; height: 20px; line-height: 20px; margin: 1px; }

.nynews{ padding: 0 0 20px; }
.nynews ul li{ padding: 10px; width: 50%; float: left; box-sizing: border-box; }
.nynews ul li .pic{ position: static; width: auto; }
.nynews ul li .tit{ font-size: 16px; height: 25px; line-height: 25px; margin: 5px 0; }
.nynews ul li .date{ font-size: 12px; margin-bottom: 5px; }
.nynews ul li .jj{ font-size: 12px; line-height: 22px; height: 44px; margin-bottom: 5px; }
.nynews ul li .ann{ font-size: 12px; width: auto; height: 30px; line-height: 30px; }
.nynews ul a:nth-child(even) li{ background: none; }

.showservice{ padding: 20px 0; }
.showservice .lmtit{ font-size: 18px; line-height: 25px; }
.showservice .date1{ font-size: 12px; }
.showservice .wz{ font-size: 14px; }
.showservice .pre{ margin-bottom: 10px; }
.showservice .pre a{ font-size: 12px; height: 20px; line-height: 20px; }
.showservice .ann{ font-size: 14px; margin: 0 auto 20px; }

.renews{ margin-bottom: 20px; }
.renews .slmtit{ line-height: 45px; font-size: 20px; }
.renews .list ul li{ width: 100%; font-size: 14px; padding-right: 100px; height: 40px; line-height: 40px; }
.renews .list{ padding: 5px; }
.renews .list ul li .date{ right: 0; }

.nycontact .contact { padding: 20px 0 }
.nycontact .contact h2 { font-size: 24px; }
.nycontact .contact li { width: 48%; padding-left: 94px; padding-top: 4px; min-height: 80px }
.nycontact .message { margin-top: 0; margin-bottom: 40px; }
.nycontact .message .pic { display: none; }
.nycontact .message .form { width: 100%; padding: 15px 10px }
.nycontact .message .form .title { margin-bottom: 10px; }
.nycontact .message .form .title p { font-size: 14px; }
.nycontact .message .form form > div { padding: 0 10px; width: 100% }
.nycontact .message .form form .input { margin-bottom: 15px; }
.nycontact .message .form form > div > input { font-size: 14px; padding: 0 20px; margin-right: 10px }
.nycontact .message .form form .input p { font-size: 14px; }
#dituContent { height: 400px !important }
.nycontact .contact li .text h6 { font-size: 16px; }
.nycontact .contact li .text p { font-size: 14px; line-height: 20px }
.nycontact .contact li .pic img { width: 80px; height: 80px }

.nytitle .lmjj{ font-size: 30px; }
.nytitle .lmtit{ font-size: 20px; }
.nyabout { padding: 20px 0; }
.nyabout .list .data { margin-top: 10px; }
.nyabout .list .data li { width: 50%; box-sizing: border-box; padding: 10px; }
.nyabout .list .data li h6 { font-size: 25px }
.nyabout .list .data li p { font-size: 14px }
.nyabout .list .jianjie { font-size: 14px; margin-top: 10px; }
.nyhonor { padding: 20px 0; }
.nyhonor .list { margin-top: 10px }
.nyhonor .list .bd li { margin: -5px }
.nyhonor .list .bd .list-box { width: 50%; padding: 5px }
.nyhonor .list .bd .text { padding-top: 0; font-size: 14px; line-height: 30px }
.nyhonor .list .hd { margin-top: 14px; }
.nystrength { padding: 20px 0; }
.nystrength .list { margin-top: 10px }
.nystrength .list .bd li { margin: -5px }
.nystrength .list .bd .list-box { width: 50%; padding: 5px }
.nystrength .list .hd { margin-top: 14px; }
.nyadvantage { padding: 20px 0; }
.nyadvantage ul { margin-top: 10px }
.nyadvantage li { width: 48%; margin: 5px 1% }
.nyadvantage li .tit { font-size: 14px }
.nyadvantage li .tit b { font-size: 18px }
.nyadvantage li .desc b { font-size: 16px }
.nypartner { padding: 20px 0; }
.nypartner .list { margin-top: 10px; }
.nypartner .list ul li { width: 49% }

.nypronav .nr .li{ padding: 50px 10px 10px; font-size: 12px; }
.nypronav .nr .li .tit{ width: 100%; height: 40px; line-height: 40px; font-size: 14px; }
.nypronav .nr .li a{ text-align: center; font-size: 12px; padding: 0; width: 33.33333%; display: block; height: 25px; line-height: 25px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nypronav .nr .li span{ display: none; }
.nypronav .nr .li.pinp a{ font-size: 18px; height: 30px; line-height: 30px; }
.nypro .leftnav{ width: auto; float: none; margin-bottom: 15px; }
.nypro .leftnav .lmtit{ font-size: 20px; }
.nypro .leftnav .li .erji{ display: none; }
.nypro .right{ margin-left: 0; }
.nypro .right ul li{ width: 48%; }
.nypro .right ul li .ann{ display: block; margin: 5px 0 0; padding: 0; text-align: center; height: 30px; font-size: 12px; line-height: 30px; }

.showpro .showproinfo{ padding: 20px; min-height: inherit; }
.box{ padding: 0; width: 300px; position: static; margin: 0 auto 30px; }
.tb-pic{ border-right: 1px solid #eee; border-bottom: 0px; }
.tb-s310, .tb-s310 a {height:230px; width:299px;}
.tb-s310, .tb-s310 img {max-height:230px; max-width:299px;}
div.zoomDiv{height:230px; width:299px;}
.picScroll-left{ position: static; width: 300px; height: 55px; border-top: 0px; border-left: 1px solid #eee; }
.picScroll-left .bd{ width: auto; overflow: hidden; margin-top: 6px; height: 76px; }
.picScroll-left .bd ul{ display: block; width: 3000px; }
.picScroll-left .bd ul li { height:55px; width:70px; float: left; margin-right: 6px;}
.picScroll-left .bd ul li img{ width:70px; height:55px; border-top: 1px solid #eee; border-left: 0; }
.picScroll-left .bd ul li.tb-selected img{ width:70px; height:55px; }
.showpro .showproinfo .right .tit{ font-size: 18px; }
.showpronr{ padding-bottom: 20px; }
.showpronr .leftnr{ width: auto; float: none; margin-bottom: 20px; }
.showpronr .leftnr .hd ul li{ font-size: 16px; }
.showpronr .right{ width: auto; float: none; }
.showpronr .right .list{ position: relative; }
.showpronr .right .lmtit{ font-size: 16px; }
.showpronr .right .hd{ display: none; }
.showpronr .right .prev,.showpronr .right .next{ position: absolute; display: block; width: 30px; height: 30px; line-height: 30px;text-align: center; font-size: 20px; color: #fff; top: 50%; margin-top: -45px; background: rgba(0,0,0,.6); }
.showpronr .right .prev{ left: 0; }
.showpronr .right .next{ right: 0; }

.title { padding-top: 30px; font-size: 12px; }
.title p { font-size: 20px; padding-bottom: 5px; }
.blk .bottom { margin-bottom: 30px; }
.blk .bottom li { width: 46%; height: auto !important; padding: 0 2%; margin-top: 20px; line-height: 22px; height: 190px; }
.blk .bottom li img { margin-top: 0; }
.blk .bottom li p { font-size: 14px; line-height: 30px; }
.blk .bottom li:hover p { font-size: 14px; margin: 0 !important; color: #333 !important; }
.blk .bottom li:hover span { display: none !important; }
.blk .bottom li:hover img { display: block !important; }
.blk .bottom li:hover { background: none; }
.blk .pro_q { height: auto; margin-top: 20px; margin-bottom: 10px; }
.blk .pro_q ul li { font-size: 14px; height: 30px; line-height: 30px; }
.blk .pro_q ul li span,
.blk .pro_q ul li a { height: 30px; }
.blk .pic { margin-top: 10px; height: auto; }
.blk .pic a { width: 48%; height: auto; }
.blk .pro_x .more { line-height: 36px; height: 36px; margin: 10px auto 30px; font-size: 14px; width: 160px; }
.blk .pro_c { height: auto; }
#tixi .install_c .li { display: block; width: 100% !important; margin: 10px 0; }
.install_m .install_c ul li { margin-bottom: 30px; margin-top: 10px; }
#tixi .install_c .li:hover,
#tixi .install_c .li.on,
#tixi .install_c .li.aa { width: 100% !important; }
#tixi .install_c .li .nei i { font-size: 14px; padding-top: 10px; }
#tixi .install_c .li .nei { font-size: 12px; height: 66px; line-height: 24px; }
#tixi .install_c .li .yiny p { font-size: 14px; }
#tixi .install_c .li .yiny { font-size: 12px; line-height: 24px; }
.customized .nyadvantages { padding-bottom: 30px; }
.customized .nyadvantages .nr li { margin-top: 20px; }
.customized .nyadvantages li .pic { width: 100%; display: inline-block; }
.customized .nyadvantages li .text { width: 100% !important; display: inline-block; padding: 0 !important; margin-top: 10px; text-align: left !important;  }
.customized .nyadvantages li h6 { font-size: 16px; line-height: 24px; margin-bottom: 10px !important; }
.customized .nyadvantages li p::before { display: none; }
.customized .nyadvantages li p { padding: 0 !important; font-size: 14px; line-height: 24px; }
.customized .nyadvantages .nr li:nth-of-type(even) .pic { float: left; }
.customized .nyadvantages .nr li:nth-of-type(even) .text { margin-top: 0; }
.customized .nyadvantages li a { margin-top: 10px; margin-bottom: 20px; }
#cjia { background: none; height: auto; padding-bottom: 30px; }
#cjia .bottom { height: auto; margin-top: 20px; }
#cjia .bottom li { width: 47%; margin-top: 0 !important; }
#cjia .bottom li img { width: 60%; }
#cjia .bottom li p { font-size: 14px; font-weight: normal; margin: 10px auto 20px; }
.tec_c ul li { width: 50%; height: auto; margin: 10px auto; }
.tec_c ul li span { font-size: 14px; }
.tec_c ul li em { margin-bottom: 10px; }
.tec_c { margin-top: 30px; margin-bottom: 30px; }
#anli .info_box_pic_box .swiper-slide p { font-size: 14px; line-height: 40px; height: 40px; }
#anli .info_box_pic_box_wrap { margin-top: 20px; }
#anli .more { margin-bottom: 30px; margin-top: 10px; height: 36px; line-height: 36px; font-size: 14px; width: 120px; }

.nydown ul li{ width: 98%; padding: 10px 150px 10px 10px; margin: 1%; }
.nydown ul li .tit{ font-size: 14px; height: 25px; line-height: 25px; }
.nydown ul li .date{ font-size: 12px; }
}
@media only screen and (max-width : 910px) {
.nybanner { height: 260px; }
}
@media only screen and (max-width : 850px) {
.nybanner{ height: 240px; }
}
@media only screen and (max-width : 640px) {
.nybanner{ height: 180px; }

.nycontact .contact ul { margin-left: 0; margin-right: 0; }
.nycontact .contact li { width: 100%; margin-left: 0; margin-right: 0; padding-left: 74px; margin-top: 5px; margin-bottom: 5px; min-height: 60px}
.nycontact .message .form { padding: 10px }
.nycontact .message .form form > div { padding: 0 4px }
.nycontact .message .form .title { padding: 0 4px }
.nycontact .contact li .pic img { width: 60px; height: 60px }
.nycontact .contact h2 { font-size: 18px }
.nycontact .message .form .title h2 { font-size: 18px }
.nycontact .message .form .title p { margin-top: 0; }
.nycontact .contact li .text h6 { font-size: 14px }
.nycontact .contact li .text p { margin-top: 0; }

.nyhonor .list .bd a { padding: 5px }
.nyhonor .list .hd li { font-size: 14px; }
.nystrength .list .hd li { font-size: 14px; }
.nystrength .list .bd a { padding: 5px }
.nystrength .list .bd .text { font-size: 14px; line-height: 30px }
.nyadvantage li .tit b { font-size: 16px }
.nyadvantage li .desc{ height: 196px; overflow: hidden; }
.nyadvantage li .desc b {font-size: 14px}

.ssk-l { display: none; }
.ssk-r { margin-top: 0; }
}
@media only screen and (max-width : 480px) {
.nybanner{ height: 140px; }
}
@media only screen and (max-width : 360px) {
.nybanner{ height: 100px; }
}