﻿@media screen and (max-width: 600px) /*小于600px*/
{
    .c .con{width:100%; float:left;}
    .c .con.casep{width:100%;}
        
    /*导航*/
    .headdiv{display:none;}
    .headdiv{position:absolute; top:0px; left:0px; bottom:0px; right:0px; background-color:rgba(0,0,0,0.8);}
    .headdiv .headcon{width:200px; height:100%; overflow:auto; float:left; padding:0px 0px 20px 0px; border-right:2px solid #888888;}
    .headdiv .headcon .navdiv{height:auto;}
    .headdiv .headcon .navdiv .logo{margin:10px 0px 0px 15px;}
    .headdiv .headcon .navdiv .nav{width:100%;height:auto;margin:10px 0px 0px 0px;}
    .headdiv .headcon .navdiv .nav .navitem{height:auto; width:100%; margin:0px;}
    .headdiv .headcon .navdiv .nav .navitem .nava{width:120px; margin:0px 0px 0px 40px; padding:0px; font-size:16px; height:40px; line-height:40px;color:#FFFFFF;}
    .headdiv .headcon .navdiv .nav .navitem .subnav{display:block; position:relative; padding:5px 0px; top:0px; border-radius:5px; min-width:120px; width:120px; float:left; margin:0px 0px 10px 40px;}

    .mobilelogo{display:block;}
        
        
    .homebanner{height:200px; }
    .homebanner span{width:90%; text-align:center; line-height:30px; height:60px; margin:70px 0px 0px 5%; float:left; color:#FFFFFF; letter-spacing:5px; font-size:28px; font-weight:bold;}

    /*首页栏目*/
    .habout{float:none; margin:0px 10px; width:auto;}
    .habout .coverimg{ display:none;}
    .habout .haboutcon{width:100%; float:left; height:auto; padding:30px 0px;}
    .habout .haboutcon .etitle{text-align:center;}
    .habout .haboutcon .ctitle{text-align:center;}
    .habout .haboutcon .ctitle span{text-align:center;}
    .habout .haboutcon .ctitle i{display:block; float:none; margin:60px auto 0px auto;}
    .habout .haboutcon .destitle{line-height:36px;}
    
    .hnews{float:none; margin:0px 10px; width:auto;}
    .hnews .hnewscover{display:none;}
    .hnews .hnewsmobilecover{display:block;}
    .hnews .hnewscon{width:auto; float:none; margin:0px 10px 0px;}
    .hnews .hnewscon .hnewslist{width:100%; float:left; padding:0px 0px 30px 0px;}
    .hnews .hnewscon .hnewslist li .hnewsitem .newsimg{width:100%; height:auto;}
    .hnews .hnewscon .hnewslist li .hnewsitem .hnewsinfo{float:left; padding:20px 2% 20px 4%; width:92%; }
    
    .hproduct{float:none; margin:0px 10px; width:auto;}
    .hproduct .hproductcon{width:100%; float:left; padding:0px 0px 10px 0px;}
    .hproduct .hproductcon .hproductlist li{width:100%; margin:10px 0px 0px 0px; background-size:100% 100%;}
    .hproduct .hproductcon .hproductlist li a{background-color:rgba(0,0,0,0.3);}
    .hproduct .hproductcon .hproductlist li a .icon{margin:60px 0px 0px 0px;}
    .hproduct .hproductcon .hproductlist li a .prodes{ visibility:visible;}
    .hproduct .hproductcon .hproductlist li a .protitle{margin:30px 0px 0px 5%;}
        
    .hcase .hcasecon .leftdiv{width:20px;}
    .hcase .hcasecon .rightdiv{width:20px;}
    .hcase .hcasecon .hcaselistdiv{height:330px; float:none; margin:0px 10px;}
    .hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide{width:100%;}
    .hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem{width:100%;background-color:rgba(0,0,0,0.6);}
    .hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .ctitle{margin:30px 0px 0px 5%;}
    .hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .cdes{ visibility:visible;}
    .hcase .hcasecon .hcaselistdiv .swiper-wrapper .swiper-slide .hcaseitem .clink{visibility:visible;}
        
    .hlink .hlinkcon .hlinklist li{ float:left; width:100%; margin:30px 0px 0px 0px;}
    .hlink .hlinkcon .hlinklist li a{height:100px; width:280px; float:none; display:block;  margin:0px auto;}
    
    .hcontact{width:90%; padding:0px 5%;}
    .hcontact .hcontactcover .etitle{ text-align:center;}
    .hcontact .hcontactcover .ctitle span{text-align:center;}
    .hcontact .hcontactcover .ctitle i{display:block; float:none; margin:60px auto 0px auto;}
    
    
    /*新闻列表*/
    .newslistdiv .newslistnav{border-bottom:0px;height:auto; padding:20px 0px 0px 0px;}
    .newslistdiv .newslistnav li{float:none; display:inline-block; margin:10px 5px 0px 0px;}
    .newslistdiv .newslistnav li a{height:36px; line-height:36px; padding:0px 10px; color:#666666; border:1px solid #CCCCCC; font-size:16px;}
    .newslistdiv .newslistnav li a:hover{color:#666666; border:1px solid #CCCCCC; font-size:16px;}
    .newslistdiv .newslistnav li a.active{border:1px solid #3CB370; background:#3CB370; color:#FFFFFF;}
    .newslistdiv .newslist{padding:30px 0px 0px 0px;}
    .newslistdiv .newslist li .ndiv img{height:80px; width:110px;}
    .newslistdiv .newslist li .ndiv .cdiv{margin:0px 10px 0px 135px; height:80px;}
    .newslistdiv .newslist li .ndiv .tdiv{margin:0px; }
    .newslistdiv .newslist li .ndiv .tdiv a{width:100%; height:20px; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
    .newslistdiv .newslist li .ndiv .cdiv .ntime{height:20px; line-height:20px; color:#888888;}
    .newslistdiv .newslist li .ndiv .cdiv .ndes{max-height:40px; line-height:20px; overflow:hidden;}
    .pagul{margin:10px 0px 0px 0px;}
    
    /*产品列表*/
    .productlistdiv{padding-bottom:40px;}
    .productlistdiv .productlistnav{border-bottom:0px;height:auto; padding:20px 0px 0px 0px;}
    .productlistdiv .productlistnav li{float:none; display:inline-block; margin:10px 5px 0px 0px;}
    .productlistdiv .productlistnav li a{height:36px; line-height:36px; padding:0px 10px; color:#666666; border:1px solid #CCCCCC; font-size:16px;}
    .productlistdiv .productlistnav li a:hover{color:#666666; border:1px solid #CCCCCC; font-size:16px;}
    .productlistdiv .productlistnav li a.active{border:1px solid #3CB370; background:#3CB370; color:#FFFFFF;}
    .productlistdiv .productlistul li{margin:20px 0px 0px 0px; display:inline-block;}
    .productlistdiv .productcon{float:none; margin:0px 10px; width:auto;}
    
    /*企业文化*/
    .newslistdiv .servicescon .culitem{ margin:0px 0px 20px 2%; padding:20px 0px; width:96%; overflow:hidden;}
    .newslistdiv .servicescon .culitem.c1{background:url('/Images/toolImg/Icon09.png') no-repeat 10px center; background-size:68px;}
    .newslistdiv .servicescon .culitem.c2{background:url('/Images/toolImg/Icon10.png') no-repeat 10px center; background-size:68px;}
    .newslistdiv .servicescon .culitem.c3{background:url('/Images/toolImg/Icon11.png') no-repeat 10px center; background-size:68px;}
    .newslistdiv .servicescon .culitem.c4{background:url('/Images/toolImg/Icon12.png') no-repeat 10px center; background-size:68px;}
    .newslistdiv .servicescon .culitem:nth-child(2n+2){margin-left:2%;}
    .newslistdiv .servicescon .culitem .ico{display:none;}
    .newslistdiv .servicescon .culitem div{width:238px; margin-left:90px;}
    
    /*诚聘英才*/
    .newslistdiv .servicescon .jobdiv .jobcon{float:none; width:auto; margin:0px 10px;}
    .newslistdiv .servicescon .jobdiv .jobcon .jobitem{padding-top:50px;}
    
    .newslistdiv .newscon{width:auto;float:none;margin:30px 10px 0px 10px;}
    .newslistdiv .servicescon{width:auto;float:none;margin:30px 10px 0px 10px;}
    .newslistdiv .servicescon .servicestitle{margin:20px 0px 0px 0px;}
    .newslistdiv .servicescon .aboutinfo .timelinediv .timelinecon .item .indiv{width:93%;}
    
    /*联系我们*/
    .newslistdiv .servicescon .contactdiv .contactlist li{width:100%;}
    
    .caselistdiv{margin-top:0px;}
    .caselistdiv .casenavdiv{width:100%;}
    .caselistdiv .casenavdiv .casenav{height:auto; padding:10px 0px 0px 0px; text-align:center;}
    .caselistdiv .casenavdiv .casenav li{float:none; height:auto; width:auto; display:inline-block; margin:10px 5px 0px 0px;}
    .caselistdiv .casenavdiv .casenav li.active{background:#3CB370; border:0px;border-radius:3px;}
    .caselistdiv .casenavdiv .casenav li.active>a{color:#FFFFFF; font-weight:100; border:0px; }
    .caselistdiv .casenavdiv .casenav a{height:36px; line-height:36px; padding:0px 10px; color:#666666; border:1px solid #CCCCCC; font-size:16px;}
    .caselistdiv .casecon{float:none; width:auto; margin:20px 10px 0px 10px;}
    .caselistdiv .casecon .casedetail .sc{width:90%; float:left;}
    
    .newslistdiv .servicescon .aboutinfo .honorlist li{margin-right:0px;}
    
    /*新闻详情*/
    .newscon .newstitle{width:94%; margin-left:3%;}
    .newscon .newsinfo{width:94%; margin-left:3%;}
    .newscon .newsinfo .borderdiv{width:92%; float:left; padding:10px 3%; border:1px dotted #AAAAAA; margin:20px 0px 20px 1%;}
    
    /*泰颐云*/
    .newscon .newsinfo .taiyidiv .item{margin:20px 0px 0px 0px; background:#FFFFFF;box-shadow: 0px 0px 5px #CCCCCC;}
    .newscon .newsinfo .taiyidiv .item .l{ position:relative;  width:100%; padding:20px 0px;}
    .newscon .newsinfo .taiyidiv .item .l div span{width:90%; float:left; line-height:26px; text-align:center; margin:20px 0px 0px 5%; font-size:24px; color:#FFFFFF;}
    .newscon .newsinfo .taiyidiv .item .r{float:left; width:96%; margin:0px 0px 0px 2%; }
    .newscon .newsinfo .taiyidiv .item .r div{width:96%; float:left; padding:20px 2%;}
    .newscon .newsinfo .taiyidiv .item .r div h3{line-height:30px; width:100%; float:left; color:#333333; border-bottom:1px solid #EEEEEE; padding:0px 0px 10px 0px; font-size:18px;}
    .newscon .newsinfo .taiyidiv .item .r div span{width:100%; float:left; font-size:16px; line-height:30px; color:#444444; margin:20px 0px 0px 0px;}
    
    
    .bnav .logo{float:left; margin:0px 0px 0px 0px; width:100%; max-width:100%;}
    .bnav .logo .logoimg{float:none; height:48px; width:170px; display:block; margin:0px auto;}
    .bnav .logo .qrcodeimg{float:none; display:block; margin:10px auto 0px auto;}
    
    .bnav .bnavcon{float:left; width:100%; margin:20px 0px 0px 0px;}
    .bnav .bnavcon .bnavcol{margin:20px 0px 0px 0px; width:33%; float:left; max-width:100%; min-height:180px;}
    .bnav .bnavcon .bnavcol .mitem{text-align:center;}
    .bnav .bnavcon .bnavcol .sitem{text-align:center;}
}
