@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; margin:0px auto; font-size:12px;  background-color: #e9f2f7; }
a{color: #333;}
a:hover,a:focus {color:#0088cc;text-decoration: none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;   font-size:14px;font-weight:normal;}
a img { border:0px; }
img { margin:0; padding:0;
  *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; }

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{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;}
.dash {border-bottom:1px dashed #999;padding-top: 4px;  text-align:center;}
.dis{ display:block;}
.undis{ display:none; }


.header{ margin:0 auto; padding:0px;overflow:visible;width:100%;}
.header .top{ margin:0 auto;height:40px; width:1000px; line-height:40px; clear: both; font-size:14px;}
.header .top .left{ width:300px; float:left; line-height:40px; padding-left:10px;}
.header .top a{ padding:0 5px;}
.header .top a:hover{ text-decoration:none;}
.header .top .right{ width:300px; float:right; line-height:40px; text-align:right; padding-right:10px;}
.header .banner{ margin:0 auto; width:100%;}
.header .banner img{ width:100%;}


.navbar-default {background-color: #52a0eb;border: none;}
.navbar {border-radius: 0; }
.navbar-default .navbar-nav>li>a {color: #fff;}
.navbar-default .navbar-brand {color: #fff;}
.nav>li>a {padding: 15px 90px; 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;}
		  

.logo { width:350px; float: left; height:55px;  }
.logo img{ width:350px; height:55px; box-shadow:none;}
.txtMarquee-left{width:600px; position:relative; height:55px;padding: 0px; color:#333; font-size:14px; line-height:55px;  margin:0 10px; float:left;overflow:hidden;}
.txtMarquee-left .bd{ padding:0 10px; height:55px; }
.txtMarquee-left .bd .tempWrap{ width:620px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin:0 10px;  float:left; height:55px; line-height:55px;  text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }



.wrap{width:1000px; margin:0 auto; padding-bottom:10px;}
.souping .left{ width:580px; background:#fff; border:1px solid #ddd; padding-bottom:10px;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -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;}
.souping .right{ width:400px;}
.left{display:inline;float:left;}
.right{float:right;}


.left .hd{ width:580px;}
.left .hd ul li{ width:560px; float:left; border-bottom:1px dashed #ccc; padding:10px;}
.left .hd ul li h2{ text-align:center; font-size:22px; line-height:45px;overflow:hidden;font-weight:normal; height:45px; color: #333; font-weight:bold;}

.left .hd ul li h2 a:hover,.center .hd ul li h2 a:focus {}
.left .hd ul li h3{ text-align:center; font-size:18px; line-height:30px;overflow:hidden;font-weight:bold; height:30px;}
.left .hd ul li h3 a:hover{ text-decoration:underline;}
.left .hd ul li p{font-size:14px; text-indent:2em;  padding: 0 10px; line-height:28px; color:#999;text-align: justify; }
.left .hd ul li p a{color:#999;}
.left .hd ul li p a:hover{color:#0088cc;}
.left .bd{ width:580px;  float:left; padding:10px 0;}
.left .bd ul{ width:580px; float:left;}
.left .bd ul li{background:url("../images/2015web315/list_point.gif") no-repeat 30px 14px; float:left;width:540px; height:35px; line-height:35px; padding-left:40px; font-size:16px;}
.left .bd h2{ text-align:center; font-size:20px; line-height:35px;overflow:hidden;font-weight:normal; height:35px; font-weight:bold;}

.focus{width:400px;height:350px; margin-top:2px;position:relative;  
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -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:350px;overflow:hidden;}
.focus #pic ul{width:400px;height:350px;float:left;}
.focus #pic li{width:400px;height:350px;float:left;}
.focus #pic li img{width:400px;height:350px;float:left;}

.focus #txt{width:400px;height:35px;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:35px; line-height:35px; 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/2015web315/focus_tip_bg.png) repeat-x left top;position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:96px;height:14px;position:absolute;left:150px;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/2015web315/focus_tip.png) no-repeat;}
.focus #tip ul li.on{background:url(../images/2015web315/focus_tip_current.png) no-repeat;}
.focus .button1{width:42px;height:9px;position:absolute;right:0;bottom:5px;z-index:14;overflow:hidden;}
.focus .button1 ul{width:100%;float:left;}
.focus .button1 li{width:7px;height:9px;float:left;display:inline;margin:0 7px;cursor:pointer;overflow:hidden;}
.focus .button1 li.prev{background:url(../images/2015web315/focus_btn_left.png) no-repeat left top;}
.focus .button1 li.next{background:url(../images/2015web315/focus_btn_right.png) no-repeat left top;}

.right_box {width:400px; list-style: none; overflow:hidden;
  background-color: #ffffff;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -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;}
.right_box h2 { font-size:16px;  font-weight:bold; height:40px; line-height:40px;}
.right_box h3 { font-size:14px; font-weight:bold; color:#333;}
.right_box .hd {  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}


.right_box .txtScroll-top{ width:400px;  overflow:hidden; float:right; height:495px; padding:10px 0;}
.right_box .txtScroll-top .bd{ width:400px; padding:10px 0; }
.right_box .txtScroll-top .infoList li{height:120px; line-height:30px;  border-bottom:1px dashed #ccc; width:400px; float:left; overflow:hidden;}
.right_box .txtScroll-top .infoList li:hover{background-color:#edf6ff;}
.right_box .txtScroll-top .infoList li p{ float:left; line-height:30px;text-indent:2em; width:390px; font-size:15px; padding:10px;}
.right_box .txtScroll-top .infoList li h4{ font-weight:bold; float:left; font-size:16px;}



/*投诉列表*/
.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 #dddddd;font-size:15px;}
.table td a{ padding:0 5px 0 20px;  font-size:13px; float:left;}
.table td a:hover{color: #0088cc; }
.table th{ font-size:16px; line-height:30px;}
.table {height:600px; overflow-y: auto;overflow-x: hidden;}
.table th{color:#fff;background-color:#0088cc;}
.table td{ font-size:13px; text-align:left;}



.box{ width:1000px; margin:0 auto; padding:0px; }
.box h2 { font-size:16px;  font-weight:bold; line-height:40px; height:40px;}
.box .hd { min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

.box .bd{ width:1000px;
	float:left;
	list-style: none;
  background-color: #ffffff;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -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;}
.pic{ position:relative; overflow:hidden; padding:20px;}
.pic ul{ overflow:hidden; zoom:1; }
.pic ul li{ width:150px; float:left; overflow:hidden; padding:20px; }
.pic ul li img{ width:150px; height:120px; display:block;  }
.pic ul li p{width:150px; text-align:center; padding-top:5px;}



.box h4 { font-size:15px; font-weight:bold; margin: 0 0 5px 15px; line-height:30px;}
.box .bd .left{width:320px; box-shadow:none; border:none; float:left; margin:30px 30px 0 20px;}
.box .bd .left img{width:320px;  float:left;}
.box .bd .left h3{font-size:16px; font-weight:bold; text-align:center; line-height:30px; height:30px; width:320px;  float:left; margin:10px 0 0 0;}
.box .bd .left p{float:left; font-size:14px; width:320px;}
.box .bd .right{width:610px;box-shadow:none; border:none;  float:right;}
.box .bd .right ul{float:left; width:610px; padding:10px 0;}
.box .bd .right ul li {text-align:justify;text-justify:inter-ideograph; float:left; width:580px; margin:10px 15px; overflow:hidden;}
.box .bd .right ul li img{ width:120px; height:90px; float:left; margin:10px 0; }
.box .bd .right ul li p{ float:left; font-size:14px; line-height:30px; padding: 0 15px;}

.box .bd .center{width:1000px;box-shadow:none; border:none; float:left;}
.box .bd .center ul{width:1000px;}
.box .bd .center ul li{ width:470px; float:left; margin:10px 15px; overflow:hidden;}
.box .bd .center ul li img{width:120px; height:90px; float:left; margin:10px 0; }
.box .bd .center ul li p{ float:left; font-size:14px; line-height:30px; padding: 0 15px;}

.bline { border-bottom: 4px solid #0088cc; margin:0 auto; width:1000px; margin-top:20px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
     -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8);
}


.box .item{ width:1000px; float:left; list-style:none; padding:0}
.box .item .bd{  float:left; width:1000px; padding:20px 0;}
.box .item .bd ul li {text-align:justify; float:left; padding:15px; width:470px; margin:15px; overflow:hidden; height:155px;}
.box .item .bd ul li img{ width:120px; height:90px; float:left; margin:15px 0; }
.box .item .bd ul li p{ float:left; font-size:14px; line-height:30px; padding: 0 15px;}

		  
.box .list{width:1000px; float:left; list-style:none; padding:0}		
.box .list .bd{ width:1000px; padding:15px 0; float:left;}
.box .list .bd ul{float:left; padding:15px 0; }
.box .list .bd ul li{ font-size:15px;  float:left; background:url("../images/tousu/list_point.gif") no-repeat 30px 14px; float:left;width:500px; height:30px; line-height:30px; overflow:hidden; padding:0 0 0 40px; }	



.foot { padding-top:15px; padding-bottom:10px; line-height:30px; margin:0 auto; height:100px;
width: 100%; text-align:center; font-size: 12px;color:#999; }
.foot a{color:#999; padding:0 6px;}
.foot a:hover,a:focus {color:#0088cc;text-decoration: none;}