@charset "utf-8";
/* CSS Document */

@media (max-width: 1220px) {
}

@media (min-width: 320px) and (max-width: 1200px){	
    /* top */
    .ph_header{ display:block;}
    .header{ display:none}
    #carousel{ margin-top:60px}

    /*index*/
    .tittle1{margin-bottom:0px;}
    .tittle1 h1{font-size:20px;margin-bottom:0px;}
    .tittle1 span{font-size:14px;}
    .tittle2{padding-top:30px}

    /*foot*/
    .rightArea{width:100%;}
    .container .rightArea .set{float:right;}
    .container .rightArea{margin-right:0px;}

    /**/
    .index_main { width:1000px;}

    .main{padding-top:30px;}

    #about_top64{display:block !important}
    #about_top65{display:block !important}


.mainDiv,.site{max-width:95%;}
.mainDiv_l{ width:20%}
/*.mainDiv_r{ width:76%}*/
.ab_main img,.case_main img,.slideBox .bd img,.new_tab .td_3 img{ max-width:100%; width:100%}
.mainDiv_l h2 {background: url(../images/nav_bak.png) repeat-x;}
.mainDiv_l dl p{ width:55%}
.news_main dd p{ font-size:13px; line-height:22px; margin:10px 0}
}

@media (min-width: 320px) and (max-width: 1100px){	
.mainDiv_l h2{ padding:0 0 0 20px; font-size:23px}
.mainDiv_l h2 span{ font-size:16px}
.mainDiv_l li a{ padding:0 20px}
/*.main_r h1, .statement_main h1{ padding-bottom:15px}*/
.news_main dt{width: 25%;}
.news_main dd{width: 72%;}
.news_main dd p{ height:auto; overflow:hidden; font-size:12px; line-height:20px}

}

@media (min-width: 320px) and (max-width: 1000px) {
.mainDiv_l dl{ display:none}
.mainDiv_l li a{ font-size:15px}
}

@media (min-width: 320px) and (max-width: 800px) {
.mainDiv_l,.mainDiv_r{ width:100%}
.mainDiv_l{ margin-bottom:3%}
.mainDiv_l h2 {background:#23518c; height:78px; margin-bottom:3%}
.mainDiv_l ul{ /*display:table;*/ margin:0 auto}
.mainDiv_l li{ width:45%; float:left; margin:0 2%}
.mainDiv_l li a{ width:90%}
}

@media (min-width: 320px) and (max-width: 750px) {
.menulist{display:none;}
.about_top h1{margin-bottom:10px;font-size:20px;}
.about_top h1 span{font-size:14px;}
}

@media (min-width: 320px) and (max-width: 640px) {
/*index*/
    #carousel .item img{min-height:300px;}

.mainDiv_l h2{ height:60px; line-height:60px}
.mainDiv {max-width: 92%;margin: 40px auto 50px;}
.mainDiv_l h2{ height:52px; line-height:52px; font-size:20px; margin-bottom:15px}
.mainDiv_l li i{ margin-top:13px}
.mainDiv_r h1 b{ display:none}
.mainDiv_r h1{ padding-bottom:14px;margin: 15px 0 25px;}
.mainDiv_r h1 span{ padding-bottom:13px}
.news_main dt,.news_main dd{ width:100%}
.news_main dt{ margin-bottom:20px}
.new_tab .td_1{ font-size:18px}
.new_tab .td_2 a{ float:left; display:block; width:100%; margin-top:10px}
.new_tab .td_3{ font-size:13px; line-height:24px; padding:25px 0}
}

@media (min-width: 320px) and (max-width: 550px) {


.mainDiv_l li{width: 44%;margin: 0 3%;}
.mainDiv_l li a{ margin-bottom:4%}
.mainDiv_l ul{ padding-left:2%}
.mainDiv_l li{ margin:0 2% 1% 0; width:48%}
.mainDiv_l li a{ font-size:13px; padding:0 10%; width:80%; height:40px; line-height:40px}

.menulist-con .menulist-ri ul{margin-left:0px;}

.Speech_main h3{width:120px;height:120px;padding-top:30px;}
}

@media (min-width: 320px) and (max-width: 440px) {
    .Speech_main h3{width:70px;height:70px;padding-top:10px;font-size:16px;}
}