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


* { margin:0px; padding:0px; list-style-type: none;}
HTML { padding: 0px; margin: 0px }
body { font-family:"微软雅黑",Tahoma,Helvetica,Arial,sans-serif; background:#e9f2f7;}

a{color: #000;}
a:hover,a:focus {color:#2587F4;text-decoration: none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-weight:normal;}
h3,h4{color:#2587F4;}
a img { border:0px; }
img:hover  { margin:0; padding:0;

  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }

border: { zoom:1;  }
ul, li,  p { margin:0; padding:0; border:none; list-style-type:none;}
.clear {clear: both; }
.hr2,.hr4,.hr5,.hr6,.hr8,.hr10,.hr15,.hr20,.hr40{margin:0 auto; padding:0px; font-size:0;line-height:0;clear:both;}
.hr2{height:2px;}.hr4{height:4px;}.hr5{height:5px;}.hr6{height:6px;}.hr8{height:8px;}.hr9{height:9px;}.hr10{height:10px;}.hr20{height:20px;}.hr15{height:15px;}.hr40{height:40px;}
.dash {border-bottom:1px dashed #ddd; text-align:center;}
.dis{ display:block;}
.undis{ display:none; }

.top-banner{background: url(../images/2022web315/bg_top.jpg) 50% 0 no-repeat; height:450px; }


.menu{background-color: #0053b4; margin-bottom:10px; height:54px;}
.menu .con{width:1200px; margin:0 auto;}
.menu .con ul li{font-size:18px; float:left;}
.menu .con ul li a{color: #fff; padding:15px 49px; line-height:55px;}
.menu .con ul li a:focus,.menu .con ul li a:hover{color: #333;background-color: #fff;   *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}

.navbar-default {background-color: #a82400;border:none;}
.navbar {border-radius: 0; margin-bottom: 10px;}
.navbar .container{ padding-left:0; padding-right:0; width:1200px;}
.navbar .container .navbar-collapse {padding-right: 0;  padding-left: 0;}
.navbar-nav>li>a {line-height: 30px;}
.navbar-default .navbar-nav>li>a {color: #fff;}
.navbar-default .navbar-brand {color: #fff;}
.nav>li>a {padding: 15px 49px; font-size:18px; }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #333;background-color: #fff;   *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {color: #333;background-color: #fff;   *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}
		  
		  
.focus{width:400px;height:330px; position:relative; }
.focus:hover{*border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;}		  

.focus #pic{width:400px;height:330px;overflow:hidden;}
.focus #pic ul{width:400px;height:330px;float:left;}
.focus #pic li{width:400px;height:330px;float:left;}
.focus #pic li img{width:400px;height:330px;float:left;}
.focus #txt{width:400px;height:38px;background:#757575;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;position:absolute;left:0;bottom:21px;z-index:100; overflow:hidden;}
.focus #txt ul{ float:left;}
.focus #txt li a{ float:left;width:400px;height:38px;line-height:38px; text-align:center;color:#fff; font-size:15px;text-decoration:none;letter-spacing:1px; }
.focus #txt li a:hover{text-decoration:none;}
.focus .tip-bg{width:400px;height:21px;background:url(../images/focus_tip_bg.png) repeat-x left top;position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:100px;height:14px;position:absolute;left:140px;bottom:3px;z-index:13;}
.focus #tip ul li{width:14px;height:14px;float:left;display:inline;margin:0 5px;cursor:pointer;background:url(../images/focus_tip.png) no-repeat;}
.focus #tip ul li.on{background:url(../images/focus_tip_current.png) no-repeat;}
.focus .btns{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}
.focus .btns ul{width:100%;float:left;}
.focus .btns li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}
.focus .btns li.prev{background:url(../images/focus_btn_left.png) no-repeat left top;}
.focus .btns li.next{background:url(../images/focus_btn_right.png) no-repeat left top;}
		  
/*投诉列表*/
.table{-webkit-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;}
		  
.table th,.table td {padding: 5px;line-height: 25px;text-align: center;vertical-align: top;border-top: 1px solid #ddd; font-size:13px;}
.table td a{  float:left;}
.table td a:hover{color: #bf1813; }
.table th{ font-size:16px; line-height:30px;}
.table { overflow-y: auto;overflow-x: hidden;}
.table th{color:#fff;background-color:#337ab7;}
.table td{ font-size:13px; text-align:left;}
.table-striped>tbody>tr:nth-of-type(even) {background-color: #d9edf7;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #fff;}


.wrap{width:1200px; margin:0 auto; overflow:hidden; height:330px; }
.wrap .left,.wrap .center,.wrap .right{float:left;}
.wrap .left{width:400px;}
.wrap .left .img{width:400px; height:330px;}
.wrap .center{width:520px; margin-left:15px; border-right:1px solid #ccc; height:330px; padding:0 10px;}
.wrap .right{width:248px;margin-left:15px;}

.wrap .center .hd,.wrap .center .bd{width:500px; overflow:hidden;}
.wrap .center .hd ul li{width:500px; float:left; border-bottom:1px dashed #ccc; padding:10px 10px 5px 10px;}
.wrap .center .hd ul li h2{ text-align:center; font-size:22px; line-height:35px; font-weight:bold; height:35px; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wrap .center .hd ul li p{font-size:14px; padding:5px 0 0 0; line-height:27px; color:#999;text-align: justify; }
.wrap .center .hd ul li p a{color:#999;}
.wrap .center .hd ul li p a:hover{color:#2587F4;}
.wrap .center .bd ul li{width:500px; float:left; border-bottom:1px dashed #ccc; font-size:20px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap; height:48px; line-height:38px; padding-top:10px; padding-left:20px; font-weight:bold;background: url(../images/list_point.gif) no-repeat 5px 28px;}


.wrap .right .hd{ padding-top:10px;border-bottom:1px solid #ccc; }
.wrap .right .hd h3{font-size:18px; font-weight:bold; text-align:center; color:#2587F4;  margin:10px 0;}
.wrap .right .bd{ width:248px; float:left;}
.wrap .right .bd ul {}
.wrap .right .bd ul li{padding:20px 8px; text-align:center;}
.wrap .right .bd ul li img{ width:180px;}
.wrap .right .bd ul li p{color:#999;}
.wrap .right .bt {font-size: 17px;height: 45px;line-height: 45px;width: 220px;font-weight: bold;}

.box{width:1200px; margin:0 auto; padding:0; background:#fff; }
.box .hd{border-bottom:3px solid #ddd; height:70px; line-height:70px; background:#fff;}
.box .hd h3,.box .hd h4{font-size:24px; font-weight:bold; border-bottom:3px solid #2587F4; text-align:center; height:70px; line-height:70px; padding:0 30px; }
.box .hd h3 a,.box .hd h4 a{color:#2587F4;}


.box .bd{background:#fff; }
.box .bd .lf{width:560px; float:left;background:#fff;}
.box .bd .rgt{width:610px; float:right; padding-right:40px;background:#fff;}
.box .bd .lf img{width:520px; height:360px; margin:30px 20px;}
.box .bd .rgt ul{padding-top:10px;}
.box .bd .rgt ul li{float: left;border-bottom: 1px dashed #ccc;padding:5px 10px; width:570px;}
.box .bd .rgt ul li h2{text-align:center;font-size: 20px;line-height: 40px;font-weight: bold;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.box .bd .rgt ul li p{font-size: 14px;text-indent: 2em;padding: 5px 0 0 0;line-height: 26px;color: #999;text-align: justify;}


.box .list{width:570px; float:left; padding:0}
.box .list .hd{ width:570px;}
.box .list .hd h3{width:160px;}
.box .list .bd{ width:570px; float:left;  }
.box .list .bd ul{float:left; padding:10px 10px 15px 10px;}
.box .list .bd ul li{font-size:18px; float:left; background:url("../images/list_point.gif") no-repeat 10px 23px; width:545px; height:50px; line-height:50px; padding:0 0 0 25px; border-bottom:1px dashed #ddd; }
.box .list .bd ul li a{width:420px; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; float:left;}
.box .list .bd ul li span{color:#999; float:right; width:100px; text-align:right; font-size:16px;}
.box .ts{height:685px; overflow-x: hidden;overflow-y: auto;}

video{ margin:20px 10px; border:1px solid #ddd; width:560px;}

.bline{border-bottom: 2px solid #bf1813; margin:0 auto; width:1200px;}
.foot{padding-top:20px; padding-bottom:40px; line-height:30px; margin:0 auto; width: 100%; text-align:center; font-size: 12px;color:#999;}
.foot a{color:#999; padding:0 8px;}
.foot a:hover{color: #bf1813;}

@media screen and (max-width:720px){
	.top-banner{background: url(http://www.315online.com/statics/images/2022web315/bg_mobile.jpg) 50% 50% no-repeat; height:300px; }
	.wrap {width:100%;display: -webkit-flex; display: flex;flex-wrap:wrap;height:auto;}
	.wrap .left{width:95%;height:auto;order:2;}
	.wrap .right{width:100%;order:0; margin-left:0;}
	.wrap .center{width:100%;order:1; margin-left:0;}
	
	.wrap .right .bd{width:100%;}
	.wrap .right .bt{width:100%;}
	.wrap .center .hd ul li{width:100%;}
	.wrap .right .bd ul li img{max-width:200px;}

	.wrap .left .focus{margin:20px 10px;}
	.wrap .center .bd,.wrap .center .hd{
		width:-moz-calc(100% - (10px) * 1 )!important;
		width:-webkit-calc(100% - (10px) * 1 )!important;
		width:calc(100% - (10px) * 1 )!important;
	}
	
	.wrap .center .hd ul li h2{font-size:18px;}
	
	.focus{width:100%; height:auto;}
	.focus .btns{display:none;}
	.focus #pic{width:100%; height:auto;}
	.focus #txt{width:100%;}
	.focus #tip{width:100%;}
	.focus .tip-bg{width:100%;}

	.box{width:100%;background:#fff;}	
	.box .hd,.box .bd,.box .list .hd,.box .list .bd{width:100%;background:#fff; }
	.box .hd{line-height:50px; height:50px;}
	.box .hd h3{font-size:20px; line-height:50px; height:50px;}
	.box .list .bd ul li span{font-size:14px;}
	.box .list ,.box .list .bd ul,.box .list .bd ul li,.box .list .bd ul li a {width:100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.box .list .bd ul li{height:auto; font-size:16px; padding-left:20px;}
	.box .list .bd ul li a{width: 90%;width:-moz-calc(100% - (60px + 5px) * 1); width:-webkit-calc(100% - (60px + 5px) * 1); width: calc(100% - (60px + 5px) * 1);}
	.box .list .bd ul li .date{width:60px; }
	.box .bd .lf{width:90%;order:1;}
	.box .bd .rgt{width:100%;order:2; float:left; padding-right:0;}
	.box .bd .lf img{width:100%; margin:20px; height:auto;}
	.box .bd .rgt{
		width:-moz-calc(100% - (10px) * 1 )!important;
		width:-webkit-calc(100% - (10px) * 1 )!important;
		width:calc(100% - (10px) * 1 )!important;
	}
	.box .bd .rgt ul li{width:100%;}
	.box .bd .rgt ul li h2{font-size:18px;}
	.box .hd h4{font-size:14px; padding:0; line-height:50px; height:50px;}
	video{width:100%;}
	.bline {width:100%;}
	
}