bcrc_siping/target/classes/static/www/bcrc-mobile/css/bcrc-phone-index.css

@media screen and (max-width: 768px){
	
.show_nav {
	position: absolute;
	right: 10px;
	top:5px;
	padding-left: 20px;
	display: block;
	z-index:9999;
}

.notice{ width:97%; border:solid 1px #ccc; overflow:hidden; margin:0 auto;}
.notice span{ width:40%; position:relative; float:left;}
.notice span > img{ width:100%; height:auto;}
.notice span a{ position:absolute; right:-18px; top:20px;}
.notice h1{ width:100%; float:right; font-size: 1.1em;line-height: 2em; text-align:center; font-weight:bold;}
.notice h1 a{ color:#333;}

.news_left{ width:97%; margin:3% auto;}


.news_login{}
.loginbox{}
/********************图片轮播************************/
.ly_01_01{ width:100%;height:18em;float:left;}
.ly_01_01_box{ width:100%;height:18em;position: relative;}
.ly_01_01_box ul{width:100%;height: 15em;}
.ly_01_01_box ul li{width:100%;height:100%;position: relative;float:left;}
.ly_01_01_box ul li p{width:100%;height:100%;background: #ffffff center center no-repeat;}
.ly_01_01_box ul li p img{width: 100%;height: 100%;}
.ly_01_01_box ul li h3{width:100%;position: absolute;left:0px;bottom:-40px;overflow: hidden;}
.ly_01_01_box ul li h3 a{color:#333; font-size:1em;}
.ly_01_01_box h6{width: 100%;height: 36px;position: absolute;left: 0px;bottom:0px;z-index: 1;overflow: hidden;}
.ly_01_01_box ol{position: absolute;bottom:36px;right:0px;z-index:3;}
.ly_01_01_box ol li {width:25px;height:4px;margin-right:8px;text-align: center;cursor: pointer;position: relative;overflow: hidden;float: left;}
.ly_01_01_box ol li a {width: 100%;height: 100%;font-size:.8em;color: #ccc;background:#ccc;float:left;}
.ly_01_01_box ol a:hover,.ly_01_01_box ol li.df_on a {color: #0681de;background: #0681de;}
.ly_01_01_box .df_next,.ly_01_01_box .df_prev {width: 20px;height: 40px;margin-top:-20px;position: absolute;top: 50%;filter: alpha(opacity=50);opacity: 50;z-index:2;}
.ly_01_01_box .df_prev {background: url(df_prev.png) no-repeat;left: 15px;}
.ly_01_01_box .df_next {background: url(df_next.png) no-repeat;right: 15px;}


.jy_news{ width:100%; float:right;margin: 0 auto;}
.loginbox{ background:#f4f4f4; width:24%; border-radius:5px; padding:30px;}

.jy_news .all_title a {
    display: block;
    font-size: 1.1em;
    color: #00aaff;
    background: url(../images/bcrc-index_41.png) repeat-x left bottom;
    line-height: 45px;
    width:33%;
    text-align: center;
    font-weight: bold;
}

/***********************通知公告tab*******************************/
.login_in{ width:76%; float:right;height: 270px;}
.login_in .login_title{ width:100%;height:33px;}
.login_in .login_title span{display:block;float: left;font-size:1.1em;color:#333;padding:0 20px; text-align:center; line-height:46px; border-top-left-radius:5px; border-top-right-radius:5px;}
.login_in .login_title span.df_on{ color:#00aaff; font-weight:bold;}
.login_in .login_cont{ width:100%;}
.name{ width:96%; border-bottom:solid 2px #ccc; height:33px; padding:0 5px; margin:20px 0 0 0;}
.name img{ display:block; width:33px; height:33px; float:left;}
.name input{ width:84%; float:right; height:33px; line-height:33px; border:none; background:transparent;}
.wjmm{ font-size:.9em; float:right; color:#666; margin:10px 0; }
.login_but{ margin:20px 0 0 0;}
.login_but input{ width:45%; height:40px; background:#00aaff; text-align:center; line-height:40px; border:none; border-radius:5px; font-size:1em; color:#fff; float:left;}
.login_but a{ display:block; width:45%; height:40px; background:#ff9900; text-align:center; line-height:40px; border:none; border-radius:5px; font-size:1em; color:#fff; float:right;}


.login_after{width:80%; float:right;}
.login_after em{ font-size:.9em; color:#666666; line-height:30px;display: block; margin:0 0 10px 0;}
.login_after .GR_pic{ width:68px; height:68px; float:left; border-radius:5px;margin: 0 5% 0 0;}
.login_after .GR_pic img{ width:100%; height:100%;}
.login_after p{ display:block; width:68%; float:left;}
.login_after p span{ font-size:1em; color:#666; display:block; line-height:36px;}
.login_after p a{ font-size:1em; color:#ff9900; display:block;}
.login_after ul{ margin:10px 0 0 0; overflow:hidden;}
.login_after ul li{ width:50%; float:left; line-height:48px;}
.login_after ul li a{ font-size:1em; color:#333;}
.login_after ul li a img{ width:24px; height:24px;margin: 12px 5px 0 0; float: left;}
.GR lable{ padding:8px 20px; background:#00aaff; font-size:1em; color:#fff; margin:60px auto 0 auto; border-radius:5px;display: block;  width: 40%; text-align: center;}
.QY lable{ padding:8px 20px; background:#00aaff; font-size:1em; color:#fff; margin:10px auto 0 auto; border-radius:5px;display: block;  width: 40%; text-align: center;}



/********************图片轮播************************/
.ztzl{ width:97%;height:4em; margin:20px auto;}
.ztzl_box{ width:100%;height:4em;position: relative;}
.ztzl_box ul{width:100%;height: 4em;}
.ztzl_box ul li{width:100%;height:100%;position: relative;float:left;}
.ztzl_box ul li p{width:100%;height:100%;background: #ffffff center center no-repeat;}
.ztzl_box ul li p img{width: 100%;height: 100%;}
.ztzl_box ol{position: absolute;bottom:10px;right:0px;z-index:3;}
.ztzl_box ol li {width:25px;height:4px;margin-right:8px;text-align: center;cursor: pointer;position: relative;overflow: hidden;float: left;}
.ztzl_box ol li a {width: 100%;height: 100%;font-size:.9em;color: #ccc;background:#ccc;float:left;}
.ztzl_box ol a:hover,.ztzl_box ol li.df_on a {color: #0681de;background: #0681de;}


.listbig{ width:97%; margin:0 auto;}
/***********************通知公告tab*******************************/
.news_tab{ width:100%; float:left;}
.news_tab .news_tab_title{ width:100%; height:45px; background:url(../images/bcrc-index_43.png) repeat-x left bottom;}
.news_tab .news_tab_title a{display:block; font-size:1.1em; color:#333;line-height:45px; width:40%; text-align:center; font-weight:bold; float:left;}
.news_tab .news_tab_title a span{ display:block; line-height:45px;}
.news_tab .news_tab_title a.df_on{ color:#00aaff; font-weight:bold; background:url(../images/bcrc-index_41.png) repeat-x left bottom; }
.news_tab .news_tab_title a.df_on span{ background:url(../images/bcrc-index_39.png) no-repeat center bottom;}
.news_tab .news_tab_cont{ width:100%;}

/***********************通知公告tab*******************************/
.news_tab_01{ width:100%; float:right;}
.news_tab_01 .news_tab_title_01{ width:100%; height:45px; background:url(../images/bcrc-index_43.png) repeat-x left bottom;}
.news_tab_01 .news_tab_title_01 a{display:block; font-size:1.1em; color:#333;line-height:45px; width:40%; text-align:center; font-weight:bold; float:left;}
.news_tab_01 .news_tab_title_01 a span{ display:block; line-height:45px;}
.news_tab_01 .news_tab_title_01 a.df_on{ color:#00aaff; font-weight:bold; background:url(../images/bcrc-index_41.png) repeat-x left bottom; }
.news_tab_01 .news_tab_title_01 a.df_on span{ background:url(../images/bcrc-index_39.png) no-repeat center bottom;}
.news_tab_01 .news_tab_cont_01{ width:100%;}



.zpxx,.xglj{ width:97%; margin:0 auto;}
.zpxx_title{ width:100%;}
.zpxx_title_in{ width:80%; float:left; background:url(../images/bcrc-index_56.png) repeat-x left bottom; height:60px; line-height:60px; padding:0 0 0 10px;}
.zpxx_title_in i{ width:6px; height:60px; display:block; float:left;background:url(../images/bcrc-index_54.png) repeat-x left bottom;}
.zpxx_title_in span{ margin:0 10px;background:url(../images/bcrc-index_54.png) repeat-x left bottom; padding:0 5px; font-size:1.1em; color:#00aaff; line-height:60px; display:block; width:100px; text-align:center; float:left;}
.zpxx_title a{float:right;margin: 43px 0 0 0;color: #333;}


.zpgw{ width:100%; margin:10px 0 0 0;}
.zpgw li{ width:97%; margin:1% 1%; border:dashed 1px #ccc; padding:8px 1%; float:left;}
.zpgw li a span{ font-size:1em; color:#00aaff; line-height:40px; float:left;}
.zpgw li a em{ font-size:1em; color:#ff9900; line-height:40px; float:right;}
.zpgw li a p,.zpgw li a i{ font-size:1em; color:#858686; line-height:30px;}
.zpgw li a p{ display:block; width:70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float:left;}
.zpgw li a i{ display:block; float:right; width:30%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align:right;}
.zpgw li:hover{ border:solid 1px #ff9900;}

.qzxx li a span{ font-size:1.1em; color:#00aaff; line-height:40px; float:left; width:33.33%; text-align:center;}
.qzxx li a em{ font-size:1em; color:#333; line-height:40px; float:right; width:33.33%; text-align:center;}
.qzxx li a p,.zpgw li a i{ font-size:1em; color:#858686; line-height:30px;}
.qzxx li a p{ display:block; width:68%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; float:left; margin:2% 0 2% 4%;}
.qzxx li a i{ display:block; float:right; width:24%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align:right; margin:2% 4% 2% 0;}
.qzxx_jbxx{ height:40px; background:#efeeee;}
.qzxx li{ padding:0; width:98%;}

.xglj{ border-bottom:solid 1px #007eac;border-top:solid 1px #007eac; padding:1% 0;}
.xglj h1{ font-size:1.1em; color:#00aaff; font-weight:bold; line-height:40px; margin:0 0 0 2%;}
.xglj div{ width:96%; margin:0 auto; overflow:hidden;}
.xglj div a{display:block;width:100%;text-align:left;font-size:1em;float:left;line-height:2em;padding:0 0 0 2%;color: #333;}


	
	
	}