﻿@media screen and (max-width: 640px)
{
    body{min-width:300px;}
    #online_qq_layer,.main_mes,.main_top,.daohang,.banner,.main_bottom,.Links,.sy_qysl,.sy_case,.cleclecle,.sy_ry11{display:none;}
    .m_main_top,.m_banner_s,.m_bottom_cle,.m_bottom,.m_sy_sy,.sy_ry22{display:block;}
    
    .sy_con1{width:auto;margin:auto;height:auto;overflow:hidden;font-size:14px;}
    .sy_jj{height:auto;width:auto;border:0px;padding:0px 5%;color:#333232;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:none;}
    .sy_jj .t{height:40px;line-height:40px;color:#0b82c2;font-size:20px;border-bottom:4px solid #DADADA;margin-bottom:10px;}
    .sy_jj .t span{color:#a8a8a8;font-size:16px;font-family:Arial;margin-left:8px;}
    .sy_jj .t a{font-size:0px;color:White;float:right;font-family:Arial;width:24px;display:block;margin-top:8px;margin-right:2%;}
    .sy_jj .t a img{display:block;width:100%;}
    .sy_jj .t a:hover{color:#0b82c2;}
    
    .sy_ry{height:auto;width:auto;border:1px solid #E5E5E5;padding:0px 12px;color:#333232;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:none;margin:0px 5%;}
    .sy_ry .t{height:40px;line-height:40px;color:#0b82c2;font-size:20px;border-bottom:4px solid #DADADA;margin-bottom:10px;}
    .sy_ry .t span{color:#a8a8a8;font-size:16px;font-family:Arial;margin-left:8px;}
    .sy_ry .t a{font-size:0px;color:White;float:right;font-family:Arial;width:24px;display:block;margin-top:8px;margin-right:2%;}
    .sy_ry .t a img{display:block;width:100%;}
    .sy_ry .t a:hover{color:#0b82c2;}
    .sy_ry .con{text-align:center;width:100%;height:185px;text-align:center;}
    .sy_ry .con table{text-align:center;width:100%;}
    .sy_ry .con img{max-width:305px;margin-top:15px;}
    
    .sy_cp{width:auto;margin:10px auto;height:auto;overflow:hidden;}
    .sy_cp .title{height:55px;position:relative;width:100%;}
    .sy_cp .title div.x{height:3px;line-height:0px;font-size:0px;background-color:#E5E5E5;position:absolute;top:26px;left:0px;width:100%;}
    .sy_cp .title div.c{height:55px;position:absolute;width:140px;top:0px;left:50%;margin-left:-70px;background-color:White;text-align:center;z-index:10;}
    .sy_cp .title div.c div{height:30px;color:#0b82c2;font-size:24px;line-height:30px;}
    .sy_cp .title div.c span{height:25px;line-height:20px;color:#a8a8a8;font-size:18px;}

    .sy_cp .sy_cp_cf{width:279px;float:left;display:none;}
    .sy_cp .sy_cp_cf a{width:220px;height:50px;display:block;background:url(../Images/sy_xxk2.png);margin-top:6px;color:#5b5a5a;font-size:18px;line-height:50px;padding-left:50px;overflow:hidden;}
    .sy_cp .sy_cp_cf a:hover{width:229px;background:url(../Images/sy_xxk1.png);color:White;}
    .sy_cp .sy_cp_cf a.hover{width:229px;background:url(../Images/sy_xxk1.png);color:White;}
    .sy_cp .con{width:auto;height:auto;border:0px;margin-top:6px;float:right;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
    .sy_cp .con li{width:50%;text-align:center;float:left;margin-left:0;margin-top:13px;height:auto;line-height:30px;}
    .sy_cp .con li a{color:#5b5a5a;font-size:14px;}
    .sy_cp .con li a:hover{color:#0B82C2;}
    .sy_cp .con li img{width:90%;height:auto;border:1px solid #E0E0E0;margin:0px 5%;}
    
    .sy_banner{height:auto;background:url(../Images/sy_banner.jpg) center top no-repeat;margin:18px 0px;}
    .sy_banner img{display:block;width:100%;}
    
    .su_news{height:auto;width:auto;margin:auto;height:auto;}
    .su_news .news1{width:auto;float:none;height:auto;border:0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0px 15px;}
    .su_news .news1 .title{height:40px;border-bottom:4px solid #DCDCDC;font-size:20px;color:#0b82c2;line-height:40px;}
    .su_news .news1 .title span{font-size:16px;font-family:Arial;color:#a8a8a8;margin-left:8px;}
    .su_news .news1 .title a{font-size:0px;color:White;float:right;font-family:Arial;width:24px;display:block;margin-top:8px;margin-right:2%;}
    .su_news .news1 .title a img{display:block;width:100%;}
    .su_news .news1 .title a:hover{color:#0b82c2;}
    .su_news .news1 ul{margin-top:10px;}
    .su_news .news1 ul li{height:30px;line-height:30px;overflow:hidden;}
    .su_news .news1 ul li a{color:#5b5a5a;font-size:14px;}
    .su_news .news1 ul li a:hover{color:#0B82C2;}
    .su_news .news2{display:none;}
    
    .main_con{width:auto;}
    .nei_zuo{float:none;width:auto;}
    .nei_zuo .t,.nei_zuo .zuo_lx,.nei_title{display:none;}
    .nei_zuo .xxk{border:1px solid #0771B8;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow:hidden;padding:0px;margin:0px 3%;}
    .nei_zuo .xxk li{height:auto;background:none;padding:0px;border:0px;}
    .nei_zuo .xxk li span{display:none;}
    .nei_zuo .xxk li a{display:block;height:35px;line-height:35px;border-top:0px;border-bottom:0px;font-size:18px;color:#656565;background-color:#F4F4F4;display:none;margin:10px 15px;padding-left:10px;}
    .nei_zuo .xxk li a:hover{background:#F4F4F4;border-top:0px;border-bottom:0px;color:#1494B9;}
    .nei_zuo .xxk li a.hover{background:#F4F4F4;border-top:0px;border-bottom:0px;color:#1494B9;}
    .nei_zuo .xxk li.tt{color:#0071ba;font-size:26px;height:35px;line-height:35px;display:inherit;cursor:pointer;padding-left:15px;background:url(../Images/m_xia.png) 95% 12px no-repeat;}
   
    .nei_you{width:auto;float:none;margin-top:15px;border:0px;}
    
    .ryzsList_ul{}
    .ryzsList_ul li{width:90%;float:none;margin-left:22px;margin-top:20px;text-align:center;line-height:30px;height:auto;overflow:hidden;margin:5%;}
    .ryzsList_ul li img{width:99%;height:auto;border:1px solid #E0E0E0;}
    .ryzsList_ul li a{color:#5b5a5a;font-size:14px;}
    .ryzsList_ul li a:hover{color:#0B82C2;}
    
    .productList li{width:220px;float:left;margin-left:22px;margin-top:20px;text-align:center;line-height:30px;height:240px;overflow:hidden;}
    .productList li img{width:218px;height:200px;border:1px solid #E0E0E0;}
    .productList li a{color:#5b5a5a;font-size:14px;}
    .productList li a:hover{color:#0B82C2;}
    
    .productList li{width:90%;float:none;margin-left:22px;margin-top:20px;text-align:center;line-height:30px;height:auto;overflow:hidden;margin:5%;}
    .productList li img{width:99%;height:auto;border:1px solid #E0E0E0;}
    .productList li a{color:#5b5a5a;font-size:14px;}
    .productList li a:hover{color:#0B82C2;}
}