﻿

.slider{width:100%;min-width:1220px;height:450px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.slider .bd{width:1220px;position:absolute;left:50%;margin-left:-839px}
.slider .bd li{width:1220px;overflow:hidden;}
.slider .bd li img{display:block;width:1220px;height:450px;}
.slider .tempWrap{overflow:visible !important}
.slider .tempWrap ul{margin-left:-989px !important;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:10px;bottom:20px;text-align:center;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:10px;height:10px;line-height:99px;overflow:hidden;background:url(slider-btn.png) 0 -12px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:450px;cursor:pointer;}
.slider .prev{left:-53%;margin-left:-550px;}
.slider .next{left:53%;margin-left:554px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:450px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:55px;z-index:1;width:60px;height:450px;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.slider .prev .arrow{right:0;background:url(slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(slider-arrow.png) 0 0 no-repeat;}



/* slider 判断*/
@media screen and (min-width: 1400px){
.slider{width:100%;min-width:1220px;height:450px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.slider .bd{width:1220px;position:absolute;left:50%;margin-left:-839px}.slider .bd li{width:1220px;overflow:hidden;}
.slider .bd li img{display:block;width:1220px;height:450px;}
.slider .tempWrap{overflow:visible !important}
.slider .tempWrap ul{margin-left:-989px !important;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:10px;bottom:20px;text-align:center;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:10px;height:10px;line-height:99px;overflow:hidden;background:url(slider-btn.png) 0 -12px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:450px;cursor:pointer;}
.slider .prev{left:-53%;margin-left:-550px;}
.slider .next{left:53%;margin-left:554px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:450px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:55px;z-index:1;width:60px;height:450px;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.slider .prev .arrow{right:0;background:url(slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(slider-arrow.png) 0 0 no-repeat;}
.phone_banner{ display:none; line-height:0px}
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
/****图片轮转*****/
/* slider */
.slider{width:100%;min-width:1024px;height:335px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.slider .bd{width:1024px;position:absolute;left:50%;margin-left:-555px}
.slider .bd li{width:1024px;overflow:hidden;}
.slider .bd li img{display:block;width:1024px;height:335px;}
.slider .tempWrap{overflow:visible !important}
.slider .tempWrap ul{margin-left:-989px !important;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:10px;height:10px;line-height:99px;overflow:hidden;background:url(slider-btn.png) 0 -12px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:335px;cursor:pointer;}
.slider .prev{left:-50%;margin-left:-520px;}
.slider .next{left:50%;margin-left:504px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:335px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:335px;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.slider .prev .arrow{right:0;background:url(slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(slider-arrow.png) 0 0 no-repeat;}
.phone_banner{ display:none; line-height:0px}
}

@media screen and (min-width: 730px) and (max-width: 1199px){
.phone_banner{ width:100%; height:auto; display:block !important; position:relative;}
.SliderDemo{ display:none;}
	/* main_image */
.main_visual{height:300px; overflow:hidden;position:relative;}
.main_image{height:300px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:300px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:300px;}
.main_image li span{display:block;width:100%;height:300px}
.main_image li a{display:block;width:100%;height:300px}


div.flicking_con{position:absolute;bottom:8px; left:50%;z-index:999;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
}

@media screen and (min-width: 320px) and (max-width: 729px){
.phone_banner{ width:100%; height:auto;display:block !important; position:relative;}
.SliderDemo{ display:none;}
	/* main_image */
.main_visual{height:218px; overflow:hidden;position:relative;}
.main_image{height:218px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:218px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:218px;}
.main_image li span{display:block;width:100%;height:218px}
.main_image li a{display:block;width:100%;height:218px}


div.flicking_con{position:absolute;bottom:8px; left:50%;z-index:999;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
}
@media screen and (max-width: 320px){
.phone_banner{ width:100%; height:auto; display:block !important;position:relative;}
.SliderDemo{ display:none;}
	/* main_image */
.main_visual{height:218px; overflow:hidden;position:relative;}
.main_image{height:218px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:218px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:218px;}
.main_image li span{display:block;width:100%;height:218px}
.main_image li a{display:block;width:100%;height:218px}


div.flicking_con{position:absolute;bottom:8px; left:50%;z-index:999;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
}




/*!meanmenu.main ###折叠导航样式######## */
@media screen and (min-width: 320px) and (max-width: 639px){
.zd_nav{height:auto; background:#0d5384; }

a.meanmenu-reveal{display:none}
/*菜单背景样式*/
.mean-container .mean-bar{width:100%;background:#0d5384;padding:4px 0;min-height:35px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:18px;padding:7px 13px 7px;position:absolute;top:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:24px;font-size:2px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:600;}/*叉叉样式*/
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:5px; top:0; }/*三横样式*/
.mean-container .mean-nav{float:right;width:100%;background:#2e6f9b;margin-top:40px}/*菜单栏目内容的背景*/
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:right;width:100%}
.mean-container .mean-nav ul li a{display:block;float:right;width:100%; line-height:250%;margin:0;text-align:center;color:#fff;border-bottom:1px solid #fff;border-bottom:1px solid rgba(2555,255,255,.2);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(105,105,105,.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
}
@media screen and (max-width: 320px){
.zd_nav{height:auto; background:#0d5384; }

a.meanmenu-reveal{display:none}
/*菜单背景样式*/
.mean-container .mean-bar{width:100%;background:#0d5384;padding:4px 0;min-height:35px;z-index:999999}
.mean-container a.meanmenu-reveal{width:22px;height:18px;padding:7px 13px 7px;position:absolute;top:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:24px;font-size:2px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:600;}/*叉叉样式*/
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:5px; top:0; }/*三横样式*/
.mean-container .mean-nav{float:right;width:100%;background:#2e6f9b;margin-top:40px}/*菜单栏目内容的背景*/
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li{position:relative;float:right;width:100%}
.mean-container .mean-nav ul li a{display:block;float:right;width:100%; line-height:250%;margin:0;text-align:center;color:#fff;border-bottom:1px solid #fff;border-bottom:1px solid rgba(2555,255,255,.2);text-decoration:none;text-transform:uppercase}
.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}
.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(105,105,105,.2)!important}
.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
}