@charset "gb2312";
.foot_copyright_mobile { display: none; }
.h_product dl dt span { display: none; }
.h_case dl dt span { display: none; }
.h_news .h_tit span { display: none; }

@media screen and (max-width : 768px) {
    html { width: 100%; }
    body { min-width: 100%; }
    a { font-size: 14px; }
    .base { width: auto; }
    .topbg { display: none; }
    #header { min-width: 100%; background-color: #fff; position: fixed; }
    #header .head { padding: 5px 10px; width: 180px; height: auto; position: static; float: left; }
    #header .logo { margin-top: 0; position: static; left: initial; margin-left: 0; text-align: left; width: auto; height: 60px; border-bottom: 1px solid #ddd; }
    #header .logo img { height: 48px; margin-top: 4px; margin-left: 4px; }
    #header .logo_tit { margin-top: 0; display: none; }
    #header .h_words { display: none; }
    #header .lang { display: none; }
    #header .share { display: none; }
    #header.fixed { padding: 0; }
    #header.fixed .head { display: block; }
    #header.fixed .head .logo_tit { display: none; }
    #header.fixed #nav > .nav_logo { display: none; }

    #nav { width: 40px; float: right; background-color: #fff; position: fixed; top: 0; right: 0; }
    #nav .menu { font-size: 30px; display: block; color: #045292; width: 32px; height: 32px; margin-top: 12px; background: url(../images/icon_menu.png) center no-repeat; background-size: cover; }
    #nav ul { display: none; position: absolute; right: 0; top: 60px; z-index: 9; background-color: #E67817; margin-top: 0; padding: 10px 0; border-top: 1px solid #C5650F; height: auto; width: 200px; }
    #nav ul li { display: block; width: 100%; text-align: center; border-bottom: 1px solid #C5650F; height: 36px; padding: 0; }
    #nav ul li a { line-height: 32px; color: #fff; font-size: 15px; font-weight: normal; }
    #nav li.select { background-color: #C5650F; }
    #nav li:hover { background-color: #C5650F; }
    #nav li.select a { color: #fff; }
    #nav li.fg { display: none; }
    #nav > ul > li:hover > a { color: #fff; }
    #nav > ul > li.select > a { color: #fff; }

    .header_block { height: 65px; display: block; }
    .banner { min-width: initial; }
    .banner #J_bannerBar { bottom: 6px; }
    .banner.index .txt { top: 22%; }
    .banner.index .txt .words1 { font-size: 3rem; }
    .banner.index .txt .words2 { font-size: 2rem; }
    .banner.index .txt .btn { height: 4rem; width: 15rem; font-size: 2rem; line-height: 4rem; }
    .banner .pointer_down { display: none; }
    .banner.sub div span { font-size: 4rem; }
    .banner #J_bannerPic { height: auto; }
    .banner #J_bannerPic li { height: auto; }
    .banner #J_bannerPic li img { width: 100%; height: auto; }
    .banner #J_bannerBar { height: 20px; width: 150px; margin-left: -75px; }
    .banner #J_bannerBar li { width: 20px; margin-right: 5px; }
    .nybnbg img { min-height: 120px; }

    .h_tit { height: 3rem; padding: 1rem 0; }
    .h_tit img { width: 100%; }
    .h_tit h3 { width: auto; font-size: 2rem; }
    .h_tit h3 em { font-size: 2rem; line-height: 40px; }
    .h_tit h3:after { top: 80px; }
    .h_tit2 { height: 60px; }
    .h_tit2 h3 { width: auto; font-size: 24px; }

    .h_service1 ul { padding: 0 10px; overflow: hidden; }
    .h_service1 ul > li { width: 50%; margin-bottom: 10px; float: left; }
    .h_service1 ul > li img { width: 70%; }
    .h_service1 ul > li span.service_desc { display: none; }
    .h_service1 ul > li span.service_btn { display: none; }
    .h_service1 ul > li span.service_tit { font-size: 14px; font-weight: normal; padding: 10px 0; }

    .h_process { padding: 10px 10px 20px; }
    .h_process ul li { width: auto; float: none; margin-right: 0; margin-bottom: 2rem; }
    .h_process ul li .img { height: auto; }
    .h_process ul li:hover .mask { display: none; }
    .h_process ul li .img .img-tit { display: table; }
    .h_process ul li .img .img-tit i { font-size: 3rem; }


    /*首页产品*/
    .h_product dl dt { padding: 20px 0 20px 0; height: auto; }
    .h_product dl dt img { width: 100%; display: none; }
    .h_product dl dd img { width: 100%; height: auto; }
    .h_product dl dt span { font-size: 22px; display: block;font-weight:lighter; }

    .h_product dl dd { height: auto; padding: 0 10px; box-sizing: border-box; }
    .h_product { padding: 0px 0 0; }
    .h_product.relative { padding: 0px 0 0 !important; }
    .h_product dl { width: auto; }
    .h_product dl dd .hd { height: auto; display: none; }
    .h_product dl dd .hd ul.p_tab { height: auto; overflow: hidden; }
    .h_product dl dd .hd ul.p_tab li:after { display: none; }
    .h_product dl dd .hd ul.p_tab li.on:after { display: none; }
    .h_product dl dd .hd ul.p_tab li { padding: 0 8px; margin-right: 0; width: 50%; box-sizing: border-box; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; height: 36px; line-height: 36px; }

    .h_product dl dd .bd { width: auto; }
    .h_product dl dd .bd .p_list { width: auto; }
    .h_product dl dd .bd .p_list .li { width: 100%; box-sizing: border-box; margin-right: 0; }
    .h_product dl dd .bd .p_list .li a { line-height: inherit; }
    .h_product dl dd .bd .p_list .li .img { }
    .h_product dl dd .bd .p_list .li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; }
    .h_product dl dd .bd .p_list .li .img img.trans3s { transition: none; }
    .h_product dl dd .bd .p_list .li .img img.scaleslow:hover { transform: none; }
    .h_product dl dd .next,
    .h_product dl dd .prev { top: 36%; }
    .h_product dl dd .next img,
    .h_product dl dd .prev img { width: 24px; }
    .h_product dl dd .hd ul li { margin: 0 2px; }

    .h_product dl dd .bd .p_list .li:nth-child(4n+0) { margin-right: 0; color: #337ab7; }
    .h_product dl dd .bd .p_list .li:nth-child(4n+0) a { color: #337ab7; }
    .h_product dl dd .bd .p_list .li:nth-child(4n-1) { color: #337ab7; }
    .h_product dl dd .bd .p_list .li:nth-child(4n-1) a { color: #337ab7; }

    .h_teacher { padding: 20px 10px; }
    .h_teacher dl dd h3 { font-size: 3rem; }
    .h_teacher dl dd { width: 100%; margin-right: 0; }
    .h_teacher dl dd .teacher_left { float: none; width: auto; padding-top: 0px; }
    .h_teacher dl dd .teacher_left .img { width: auto; }
    .h_teacher dl dd .teacher_info { margin-left: 0; line-height: 1.5; }
    .h_teacher dl dd .teacher_info > div { text-align: center; }
    .h_teacher dl dd .more { margin: 10px auto; }
    .h_teacher dl dd.huanj { margin-top: 20px; line-height: 1.5; }

    /*首页-案例*/
    .h_case dl { width: auto; }
    .h_case dl dt img { width: 100%; display: none; }
    .h_case dl dt span { display: block; font-size: 22px;font-weight:lighter; }
    .h_case dl dd ul.p_list li { width: 48%; position: static; margin: 0; height: auto; margin: 0 1% 15px; }
    .h_case dl dd ul.p_list li .case_tit { position: static; display: block; background-color: #fff; color: #333; line-height: 18px; padding: 4px 0; }
    .h_case dl dd ul.p_list li span { display: none; }
    .h_case dl dd ul.p_list li.mr0 { margin: 0 1% 15px; }
    .h_case dl dd ul.p_list li .img { height: 100px; }

    /*首页-关于*/
    .h_about { padding: 0; }
    .h_about .about_img { margin-top: 0; width: 100%; box-sizing: border-box; float: none; }
    .h_about .about_img .about_box { margin: 10px; width: auto; }
    .h_about .about_img .about_box .img { width: auto; }
    .h_about .about_img .about_box span { width: 100%; }
    .h_about .about_img .about_box img { width: 100%; }
    .h_about .about_co { float: none; width: auto; padding: 0 10px; margin-top: 10px; }
    .h_about .more { text-align: center; }
    .h_about_bg { display: none; }
    .h_about dl dt { font-size: 22px; margin-bottom: 10px; line-height: 40px; text-align: center; border: none; }
    .h_about .about_co dd img { width: 100%; }
    .h_about dl dd { padding-bottom: 20px; }

    /*首页-新闻*/
    .h_news {padding:10px 10px 20px 10px; }
    .h_news .h_tit {height:auto; }
    .h_news .h_tit img { display: none; }
    .h_news .h_tit span { display: block; font-size: 22px;font-weight:lighter; }

    .h_news .h_news_img { float: none; width: auto; height: auto; position: static; }
    .h_news .h_news_img img { width: 100%; height: auto; max-height: 200px; border: 1px solid #bbb; box-sizing: border-box; }
    .h_news .h_news_tit { position: static; line-height: 20px; background: none; color: #333; padding: 4px 0; }
    .h_news ul { width: 100%; margin-top: 10px; }
    .h_news ul li { margin-bottom: 10px; }
    .h_news ul li b { padding-top: 0; }
    .h_news ul li p { height: 48px; line-height: 24px; overflow: hidden; }
    .h_news { padding: 20px 10px; }
    .h_news .h_tit2 { height: 80px; display: none; }
    .h_news_list { width: auto; float: none; padding: 0; }
    .h_news_list .tit h4 { font-size: 24px; font-weight: lighter; line-height: 1.5; }
    .h_news_list ul li { margin-bottom: 10px; border-bottom: 1px dotted #ccc; }
    .h_news_list ul li .news-tit { width: 60%; float: left; overflow: hidden; position: relative; }
    .h_news_list ul li .news-tit a { max-width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .h_news_list .tit .more { margin-top: 16px; }
    .h_news_bg { display: none; }

    /*首页-案例*/
    .h_case { width: auto; float: none; margin: 0; padding: 30px 0; }
    .h_case .tit h4 { font-size: 24px; width: auto; font-weight: lighter; line-height: 1.5; }
    .h_case .tit { overflow: hidden; }
    .h_case dl dt { height: auto; padding-bottom: 20px; }
    .h_case .bd { width: auto; }
    .h_case on { color: #333; }
    .h_case.on .tit { color: #333; }
    .h_case.on .tit .more { color: #333; margin-top: 16px; }
    .h_case.on .bd ul li { color: #333; }
    .h_case.on .bd ul li .news-tit a { color: #333; }
    .h_case.on .prevnext a.prev { background-position: left bottom; }
    .h_case.on .prevnext a.next { background-position: right bottom; }

    /*底部-地图*/
    .h_map_co { display: none; }
    #footer { padding: 20px 10px; }
    #footer dd { display: none; }
    #footer dd.f_logo { display: block; width: 100%; padding: 0; }
    #footer_mobile { display: block; padding: 20px 10px; background-color: #045392; color: #fff; padding-bottom: 100px; }
    .f_menu { height: 54px; position: fixed; text-align: center; display: block; bottom: 0; z-index: 99; width: 100%; }
    .f_menu ul { position: relative; padding: 0 2%; }
    .f_menu ul li { width: 20%; height: 54px; background: #547FA1 url(../images/bg_menu01.png) bottom center repeat-x; display: inline-block; margin-left: 1px; border-radius: 8px 8px 0 0; padding: 5px 5px 0 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; box-sizing: border-box; float: left; }
    .f_menu ul li a { display: block; font-size: 14px; text-align: center; color: #fff; line-height: 47px; border-radius: 8px 8px 0 0; border: 1px dashed #fff; border-bottom: none; text-decoration: none; }
    .f_menu ul li:hover { background: #0b6c72 url(../images/bg_menu02.png) bottom center repeat-x; }
    .f_menu ul li.active { background: #0b6c72 url(../images/bg_menu02.png) bottom center repeat-x; }
    .f_menu ul li.home { width: 18%; height: 82px; position: relative; margin-top: -28px; border-radius: 45px 45px 0 0; }
    .f_menu ul li.home a { padding-top: 28px; border-radius: 40px 40px 0 0; border: 1px dashed #fff; border-bottom: none; background: url(../images/icon_home.png) center 7px no-repeat; background-size: 60%; }
    .foot_menu { display: none; }
    .foot_copyright { display: none; }
    .foot_copyright_mobile { display: block; }

    /*内页*/
    .location { text-align: left; padding: 10px 10px; }
    .location .base { text-align: left; }
    .cpl { float: none; width: 100%; margin: 0; position: absolute; z-index: 9999; background-color: #f8f8f8; left: 0; }
    .cplt { position: absolute; right: 8px; margin-top: -35px; text-indent: -9999px; height: 24px; width: 24px; background: url(../images/icon_menu.png) center no-repeat; background-size: cover; }
    .cplt em { display: none; }
    .cplc { width: 140px; position: absolute; top: 0; left: -140px; z-index: 10; background-color: #fff; min-height: initial; }
    .cplc ul { padding-bottom: 50px;min-height:200px;border-bottom:1px solid #ddd; }
    .cplc .dphone { display: none; }
    .cplc ul li.sub { background-color: #f5f5f5; }
    .cplc ul li { line-height: 32px; }
    .cplc ul li a { line-height: 32px; }
    .cplc .cplcon a { line-height: 32px; }
    .cpr { min-height: 298px; float: none; width: auto; padding: 20px 10px; margin-top: 0; }
    .cpr img { max-width: 100%; }

    .cprc ul.p_list li { width: 100%; float: none; margin: 0; position: static; height: auto; margin-bottom: 20px; }
    .cprc ul.p_list li .case_tit { position: static; background-color: #fff; color: #333; line-height: 22px; display: block; }
    .cprc ul.p_list li span { position: static; display: none; opacity: 0; visibility: hidden; }
    .cprc ul.p_list li:hover span { display: none; opacity: 0; visibility: hidden; }
    .cprc ul.p_list li .img { height: auto; }

    .cprc .cppic:nth-child(2n-1) { margin: 0; }
    .cprc .cppic { float: none; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #eee; }
    .cprc .cppic > p { width: 30%; float: left; }
    .cprc .cppic > div { margin-left: 33%; padding: 0 !important; width: auto !important; float: none !important; }
    .cprc .cppic > div p:nth-child(2) { display: none; }
    .cprc .cppic img { padding: 0; height: auto;max-height: 80px; }

    .pagePrevNext { width: 100%; border-top: 1px solid #ddd; margin-top: 20px; height: auto; box-sizing: border-box; }
    .pagePrevNext span.prev, .pagePrevNext span.next { float: none; display: block; height: auto; font-size: 12px; line-height: 22px; }
    .pagePrevNext a { font-size: 12px; line-height: 22px; }


    .content { padding: 0 10px; }
    .index_nav { width: auto; }
    .content .position { margin-top: -80px; left: 10px; }
    .content .left { padding-top: 40px; }
    .content .left .base { width: auto; overflow: initial; }
    .content .left ul { line-height: 50px; }
    .content .left ul li { margin-left: 10px; padding: 0; }
    .content .left ul li a { line-height: 50px; padding: 0 5px; }

    .content .right { width: auto; padding: 30px 10px; }
    .content .right .r_co { padding-top: 0px; }
    .content .right img { max-width: 100%; }

    .about-info .index_nav { font-size: 3rem; }
    .about-info .index_nav p { padding: 0 10px; }
    .about-info table td { text-align: left; }

    .activity_teacher ul, .activity_courses ul { height: auto; }
    .activity_courses2, .activity_teacher, .activity_courses { background-color: #fff; padding: 5px 10px; }
    .activity_courses2 ul { width: auto; overflow: hidden; height: auto; }
    .activity_courses2 ul li { display: block; position: static; width: 100%; }
    .activity_courses2 ul li > a > div { position: static; color: #333; }
    .activity_courses2 ul li > a > div.ac_tit { display: block; }
    .activity_courses2 ul li > a > div.ac_tit .h3 { font-size: 2.4rem; padding: 20px 10px 0; }
    .activity_teacher ul li.li1, .activity_teacher ul li.li2,
    .activity_teacher ul li.li3, .activity_teacher ul li.li4,
    .activity_courses ul li.li1, .activity_courses ul li.li2,
    .activity_courses ul li.li3, .activity_courses ul li.li4 { width: 100%; margin: 0; height: auto; }
    .activity_teacher ul li { border: none; }
    .activity_teacher ul li span, .activity_courses ul li span { position: static; color: #333; }
    .activity_teacher ul li span.ac_tit, .activity_courses ul li span.ac_tit { display: block; }
    .activity_teacher ul li div.ac_co, .activity_courses ul li div.ac_co { display: block !important; text-align: justify; color: #333; }
    .activity_teacher ul li img, .activity_courses ul li img { width: 60%; }
    .activity_teacher ul li span.ac_tit p, .activity_courses ul li span.ac_tit p { position: static; margin: 0; color: #333; font-size: 2rem; }
    .teacher_item_info { display: none; }


    .about-photos li { padding: 1PX; width: 33.33%; height: auto; }
    .about-photos li:nth-child(4) { display: none; }
    .about-photos li:nth-child(5) { display: none; }
    .about-photos li:nth-child(6) { display: none; }
    .about-co { padding: 5px 0; }


    .about-page .about-article > dd { width: 100%; float: none; height: auto; }
    .about-page .about-article > dd .article-tit { font-size: 2rem; margin-top: 10px; }
    .about-page .about-article > dd .article-co { width: auto; }
    .about-page .about-article > dd > table { height: auto; }


    .useful { display: none; }

    /*新闻*/
    .news_list { width: auto; padding: 10px 0 20px 0; }
    .news_list li { width: 100%; box-sizing: border-box; margin-right: 0; padding: 10px 0; background-color: #fff; box-shadow: none; border: none; margin-bottom: 0; overflow: hidden; height: auto; border-top: 1px solid #eee; text-align: left; }
    .news_list li span { display: none; }
    .news_list li:hover span { display: none; }
    .news_list li span i { display: none; }
    .news_list li .img { display: table-cell; vertical-align: middle; height: auto; width: 40%; margin-right: 10px; float: left; margin-bottom: 0; }
    .news_list li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; float: left; }
    .news_list li .news-tit { text-align: left; }


    /*案例*/
    .case_list { width: auto; padding: 10px 0 20px 0; }
    .case_list li { width: 50%; box-sizing: border-box; margin-right: 0; padding: 0 10px; background-color: #fff; box-shadow: none; border: none; margin-bottom: 0; height: 160px; }
    .case_list li span { display: none; }
    .case_list li:hover span { display: none; }
    .case_list li span i { display: none; }
    .case_list li .img { display: table-cell; vertical-align: middle; height: 120px; }
    .case_list li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; }


    /*新闻*/
    .newsdetail { width: auto; margin: 0 auto; }
    .newsdetail .tit { height: auto; line-height: 1.2; margin-top: 0; }
    .newsdetail .info { height: auto; font-size: 16px; margin-top: 10px; }

    /*产品*/
    .content .left h3 { height: 40px; font-size: 20px; padding-left: 10px; }
    .content .left h3 em { font-size: 32px; }
    .content .left h3:before { left: 10px; }
    .product_type { height: auto; width: auto; }
    .product_type ul { height: auto; overflow: hidden; }
    .product_type ul li { width: 50%; box-sizing: border-box; border-right: 1px solid #F0F0F0; border-bottom: 1px solid #F0F0F0; height: 36px; line-height: 36px; margin-right: 0; }
    .product_type ul li:after { display: none; }
    .product { width: auto; }
    .product li { width: 50%; box-sizing: border-box; margin-right: 0; padding: 0 10px; background-color: #fff; box-shadow: none; border: none; margin-bottom: 0; height: 250px; }
    .product li .img { display: table-cell; vertical-align: middle; height: 180px; }
    .product li .img img { width: auto; height: auto; max-height: 100%; max-width: 100%; }

    .pro_detail { width: auto; margin: 0px auto; }
    .pro_detail_img { width: auto; float: none; }
    .pro_detail_img .day_info { width: auto; box-sizing: border-box; left: 10px; right: 10px; top: 10%; }
    .pro_detail_img .day_info > dl { padding: 10px; }
    .pro_detail_img .day_info .day_nav > .prev,
    .pro_detail_img .day_info .day_nav > .next { width: 120px; }

    .pro_detail_info { float: none; width: auto; min-height: initial; padding: 10px; }
    .pro_detail_info table td { height: auto; }
    .pro_detail_info .daylist { display: none; }
    .pro_detail_info .h3 { font-size: 24px; }
    .pro_detail_co { min-height: 120px; }

    .product_relation2 li { width: 50%; box-sizing: border-box; margin-right: 0; padding: 10px; background-color: #fff; box-shadow: none; border: none; margin-bottom: 0; height: 320px; }
    .product_relation2 li a.img { display: table-cell; vertical-align: middle; height: 220px; width: 260px; min-width: 100%; text-align: center; }
    .product_relation2 li a.img img { width: auto; height: auto; max-height: 100%; max-width: 100%; }
    .product_relation2 li a.title { width: auto; }

    /*技术支持*/
    .project-list { width: 100%; }
    .project-list tr.on .close { font-size: 14px; float: none; }

    /*联系方式*/
    #map { height: 200px; }
    .contact_info { background: none; }
    .contact_info blockquote { margin: 0 !important; padding: 0 !important; }
    .map .text { display: none; }
    .map .text2 { display: block; }
    #message_box { padding: 0; }
    #message_box .tips { padding: 15px 0; }
    #message_box table { width: 100%; display: block; }
    #message_box table td { display: block; padding-bottom: 8px; float: left; width: 100%; height: auto; }
    #message_box table td .tbox,
    #message_box table td .textarea { width: 90%; }
    #message_box table td span.STYLE3 { display: none; }
    #message_box table td span.label { color: #f00; }
    #message_box table td span.label:before { content: " "; display: block; }
    #message_box table td label { display: block; }
    #message_box table td .textarea { height: 80px; }

    .feedback_table { width: 98%; margin: 0 auto; }
    .feedback_table .tbox { width: 100%; background-position: 97% center; margin-bottom: 12px; box-sizing: border-box; }
    .feedback_table .tarea { width: 100%; background-position: 97% 6px; margin-top: 0; box-sizing: border-box; }

    /*分页*/
    .fenye span { box-sizing: content-box; }
}