/*栏目切换*/
.tab_li{ width:280px; margin:0 auto;}
.tab_li li{ width:130px; float:left; margin:0 5px; background:#eee; line-height:36px; text-align:center;}
.tab_li li a{ color:#333;}
.tab_li li.current_li{ background:#45b796;}
.tab_li li.current_li a{ color:#fff;}


/*方位指南*/
.article_cont{width:1200px;height:522px; position:relative;}
.xiangqing_box .area_xq{width: 290px;background:#fff;}

.xiangqing_box .area_menzhen{ position: absolute;top: 160px;left: 360px; height: 325px;border-top: 4px solid #45b796;}
.xiangqing_box .area_menzhen h2{ color:#45b796;}

.xiangqing_box .area_lingchuang{ position: absolute;top: 100px;left: 520px; height: 285px;border-top: 4px solid #ff9446; }
.xiangqing_box .area_lingchuang h2{ color:#ff9446; }

.xiangqing_box .area_xingzheng{ position: absolute;top: 120px;right: 180px; height: 245px;border-top: 4px solid #00c112; }
.xiangqing_box .area_xingzheng h2{ color:#00c112; }

.xiangqing_box .area_xq h2{line-height: 50px;text-align: center;font-size: 18px; }
.xiangqing_box .area_xq img{position: absolute;top: 80px;left: -10px;}

.mz_list{padding: 0px 15px;}
.mz_list li{ line-height:24px; color:#666;}
.mz_list li span{ color:#45b796; margin-right:10px;float: left;display: block;}
.area_lingchuang .mz_list li span { color: #ff9446;}
.area_xingzheng .mz_list li span { color: #00c112;}

.mz_list li p{width: 230px;float: right;}
.xiangqing_box .area_xq img.dingwei_icon{left: -80px;}


@media only screen and (max-width: 768px){
.tab_box .artic_left,.tab_box .artic_right,.tab_li{width: 100%; }
.column_lists li { margin: 0 30px 14px;float: left;}
.artic_list li { margin-bottom: 20px;height: auto;}
.tab_li li {margin: 0 26px; }
.tab_box .artic_right { padding: 0 10px;}
.Con_P { width: 100%; height: auto; position: inherit; padding: 10px; box-sizing: border-box;}


.article_cont{ display:none;}
.artic_phone{ display:block !important;}
.artic_phone .louceng_fb li{width: 130px;float: left;background:#66a1d2;line-height: 36px;text-align: center;margin-right: 6px;color:#fff;cursor: pointer;}
.artic_phone .louceng_fb li.cuttent_lc{background:#45b796; }
.artic_phone .lc_box{border: 1px solid #45b796;padding: 10px;line-height: 26px;}
.artic_phone .lc_box .lc_tab li span{ color:#45b796;float: left;margin-right: 15px;}

}

@media only screen and (max-width: 700px){
.column_lists li { margin: 0 6px 14px;}
.tab_li li {margin: 0;}
}

@media only screen and (max-width: 550px){
.tab_li li { margin: 0 20px 10px;}
.column_lists li{ margin: 0 18px 14px;}
.artic_phone .louceng_fb li { width: 94px;}
}
@media only screen and (max-width: 360px){
.tab_li li { margin: 0 8px 10px;}
.column_lists li{ margin: 0 10px 14px;}

}