@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; background-color: #eef9fe; font-weight:300;}
a{color:#333; text-decoration:none;}
a:link{ text-decoration:none;}
a:hover { color:#c50009; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-size:14px;font-weight:normal;}
a img {border:0px; box-shadow: 0 5px 20px rgb(67 86 170 / 20%);}
img:hover {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;
		  }
 img{
    -webkit-transition: all 1s; 
    -moz-transition: all 1s;
    transition: all 1s;
}
.button {text-align: center;padding: 0 40px; margin: 0; display: inline-block; appearance: none; cursor: pointer;}
.button-caution, .button-caution-flat {background-color: #FF4351;border-color: #FF4351;color: #FFF;}
.button-rounded { border-radius: 4px; } 
.button-3d {position: relative;top: 0;}
.button-3d.button-caution {-webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);}


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

/*头部*/
.header{width:100%; margin:0 auto; padding:0px; background-color:#e7f7fe;}
.header_top{width:100%; height:35px; background:#fff; line-height:35px; overflow:hidden;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.05);box-shadow: 0 6px 12px rgba(0,0,0,0.05);}
.header_top .part{width:1280px; margin:0 auto;}
.header_top .part .left{ float:left; margin-left:30px; font-weight:bold; color:#c50009; letter-spacing:2.8px;}
.header_top .part .right{ float:right; margin-right:20px;}

.header .nav_top {width:1280px; margin:0 auto;}
.header .nav_top .logo {width:280px; margin:20px 25px; float:left; }
.header .nav_top .logo img{width:280px; box-shadow:none;}
.header .nav_top .search{float:right; margin-top:45px; margin-right:20px;}
.form-control{height:38px;}
.btn{padding:8px 20px;}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

/*导航*/
.navbar{margin:0 auto; border-radius:0; }
.navbar .navbar-header .logo{width:280px; margin:25px; float:left;}
.navbar .navbar-header .logo img{width:280px; box-shadow:none;}
.caret{margin-left:5px; border-top:5px dashed; border-right:5px solid transparent; border-left:5px solid transparent;} 
.navbar-collapse{padding-left:0; padding-right:0;}
.navbar-default {background-color:#c50009; border-color:#c50009; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navbar-default .navbar-nav>li{color:#fff;}
.navbar-default .navbar-nav>li>a {color:#fff; font-size:17px; font-weight:500;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#fff; background-color:#f00; border-color:#f00; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.navbar-default .navbar-nav>li>a:hover {color:#fff; background-color:#f00; border-color:#f00; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.nav>li>a{padding:15px 66px; letter-spacing:3.5px;}
.dropdown-menu{width:100%; border:none;}
.dropdown-menu>li{border-bottom:1px dashed #ddd;}
.dropdown-menu>li>a{text-align:center; padding:10px 0; font-weight:300; letter-spacing:5px; font-size:16px;}
.dropdown-menu>li>a:hover{color:#c50009; background-color:#d9edf7;}


.banner{ margin:15px auto; width:1280px; height:120px; overflow:hidden;}
.banner img{ width:1280px; height:120px;}
.banner img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}	

/*一级容器*/
.wrap{width:1280px; margin:0 auto;}
.box{width:1280px; margin:0 auto; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.03);box-shadow: 0 6px 12px rgba(0,0,0,0.03);}
.boxOne .left{float:left; width:420px; background:#fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.03);box-shadow: 0 6px 12px rgba(0,0,0,0.03);}
.boxOne .center{float:left; width:550px; margin:0 15px; background:#fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.03);box-shadow: 0 6px 12px rgba(0,0,0,0.03);}
.boxOne .right{float:left; width:280px; background:#fff; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.03);box-shadow: 0 6px 12px rgba(0,0,0,0.03);}
.boxOne .hd{height:28px; line-height:28px; border-bottom:1px solid #ededed;}
.boxOne .hd .title{background:#d30000; font-size:14px; float:left;}
.boxOne .hd .title a{color:#fff; padding:5px 25px;}
.boxOne .hd .title a:hover{background:#f00;}

/*滚动新闻*/
.txtMarquee-left{width:1280px; position:relative; height:50px; background:#fff; background-repeat: repeat-x;padding: 0px; margin:0 auto;  line-height:50px; overflow:hidden; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.05);box-shadow: 0 6px 12px rgba(0,0,0,0.05);}
.txtMarquee-left a{}
.txtMarquee-left a:hover{color:#c50009; text-decoration:underline;}
.txtMarquee-left .hd{float:left; font-size:16px; font-weight:bold; line-height:50px; padding:0 20px 0 10px; height:50px; color:#c50009; }
.txtMarquee-left .bd{ padding:0 10px; height:50px;}
.txtMarquee-left .bd .tempWrap{ width:1100px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{font-size:15px; background:url(../images/dot.png) no-repeat 8px 24px; padding-left:18px;  margin:0 10px; float:left; height:50px; line-height:50px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li a{letter-spacing:1.1px;}
.txtMarquee-left .bd ul li span{ color:#999;}

/*幻灯片*/
.focus{width:420px;height:280px;position:relative;}
.focus #pic{width:420px;height:280px;overflow:hidden;}
.focus #pic ul{width:420px;height:280px;float:left;}
.focus #pic li{width:420px;height:280px;float:left;}
.focus #pic li img{width:420px;height:280px;float:left;}
.focus #txt{width:420px;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{ width:400px;height:35px; line-height:35px; margin:0 10px; color:#fff; font-size:15px;text-decoration:none; letter-spacing:1px; }
.focus #txt li a:hover{text-decoration:none;}		
.focus .tip-bg{width:420px;height:21px;background:#333;position:absolute;left:0;bottom:0;z-index:12;}
.focus #tip{width:96px;height:14px;position:absolute;left:160px;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;padding:0; background-color:transparent;}
.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;}

.boxOne .left .bd{}
.boxOne .left .bd ul{ width:420px; overflow:hidden; }
.boxOne .left .bd ul li{width:420px; float:left; padding:15px 0;}
.boxOne .left .bd ul li .img{width:150px; height:100px; margin:10px 20px; float:left; border:1px solid #ddd; overflow:hidden;}
.boxOne .left .bd ul li img{width:150px; height:100px; }
.boxOne .left .bd ul li img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
transform: scale(1.05);}
	
.boxOne .left .bd ul li h3{line-height:32px; font-size:18px; font-weight:300; margin:10px 30px; letter-spacing:1px; }
.boxOne .left .bd-list{}
.boxOne .left .bd-list ul{width:420px; overflow:hidden; padding:15px 0;}
.boxOne .left .bd-list ul li{width:380px; float:left; font-size:17px; line-height:35px; margin:0 20px; letter-spacing:1px; padding-left:16px; background: url(../images/dot.png) no-repeat 5px 16px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.boxOne .center .bd ul{width:550px; overflow:hidden; padding:3px 0 17px 0;}
.boxOne .center .bd ul li{width:520px; float:left; font-size:18px; line-height:40px; height:45px; margin:0 15px; padding:5px 0 0 5px; letter-spacing:1px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.boxOne .center .bd .b{ font-weight:bold; font-size:22px; letter-spacing:0; }

.boxOne .right .ts{ margin:20px;}
.boxOne .right .button-ts{ font-size:20px; height:50px; line-height:50px; width:100%; font-weight:600;}
.boxOne .right .bd-ts img{ width:120px; float:left; margin:15px 15px 15px 30px;}
.boxOne .right .bd-ts h4{ font-size:17px; line-height:40px; padding:20px 0 0 0; font-weight:500; float:left;}
.boxOne .right .bd-mag{ width:280px; text-align:center; padding:20px 0;}
.boxOne .right .bd-mag img{ width:150px; text-align:center; margin:10px auto;}
.boxOne .right .bd-mag img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
transform: scale(1.05);}
.boxOne .right .bd-mag h4{ font-size:16px; line-height:25px; color:#c50009; padding:10px 30px; font-weight:500; letter-spacing:1px;}
.boxOne .right .bd-mag h5{ float:left; margin:10px 5px 10px 20px; background:#ecf3fa; border:1px solid #ddd; text-align:center;letter-spacing:1px; font-size:15px; line-height:35px; width:110px; height:35px; display:block; font-weight:300; }
.boxOne .right .bd-mag h5 a{ color:#000;display:block;}
.boxOne .right .bd-mag h5:hover{ background-color:#c50009;}
.boxOne .right .bd-mag h5 a:hover{ color:#fff; text-decoration:none;}
.boxOne .right .bd-list { width:280px;}
.boxOne .right .bd-list ul{padding:5px 10px; width:280px; float:left;}
.boxOne .right .bd-list ul li{float:left; width:272px; line-height:37px; font-size:14px;padding-left:8px; background: url(../images/dot.png) no-repeat 5px 18px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.ts-list{height:650px; overflow-x: hidden;overflow-y: auto; background:#FFF;}
/*投诉列表*/
.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 {height:600px; overflow-y: auto;overflow-x: hidden;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px 15px;line-height: 1.8;}
.table th{ font-size:16px; color:#fff; background-color:#c50009; text-align: center; font-weight:500;}
.table td{ font-size:15px; text-align:left; font-weight:300;}
.table td a{ padding:0 5px 0 0;  font-size:15px; float:left;}
.table td a:hover{color: #0088cc; }
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #d9edf7;}

.boxTwo{width:1280px;}
.boxTwo .hd{height:50px; line-height:50px; border-bottom:2px solid #ededed; background:#fff;}
.boxTwo .hd .title{background:#c50009; font-size:18px; float:left; font-weight:300; }
.boxTwo .hd .title a{color:#fff;padding:12px 45px;}
.boxTwo .hd .title a:hover{background:#f00;}
.boxTwo .hd .subtitle{font-size:15px; margin-left:20px; float:left; font-weight:normal; letter-spacing:1px; }
.boxTwo .hd .subtitle a{color:#666; padding:0 5px;}
.boxTwo .hd .subtitle a:hover{color:#c50009;}

.boxTwo .bd{background:#fff;}
.boxTwo .bd ul{overflow:hidden; padding:25px 0;}
.boxTwo .bd ul li .img{width:180px; height:120px; float:left; margin:5px; border:1px solid #ddd; overflow:hidden;}
.boxTwo .bd ul li img{width:180px; height:120px;}
.boxTwo .bd ul li img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
transform: scale(1.05);}
.boxTwo .bd ul li h4{font-size:20px; width:400px; float:left; line-height:35px;margin: 5px 0 0 10px; font-weight:300; overflow:hidden;}
.boxTwo .bd ul li p{font-size:14px; line-height:25px; margin:5px 0 0 10px; float: left; color:#999; text-align:left; letter-spacing:1px;}
.boxTwo .bd .pic{padding:20px; float:left;width:640px; }
.boxTwo .bd .txt{width:580px; margin:0 30px; padding-left:20px;background: url(../images/dot.png) no-repeat 5px 20px; line-height:45px; font-size:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; float:left; letter-spacing:1px; }


.boxThr{width:1280px; float:left; background:#fff;}
.lists{width:600px; float:left; padding:0;}
.lists .hd{height:50px; line-height:50px; border-bottom:2px solid #ededed; background:#fff;}
.lists .hd .title{background:#c50009; font-size:18px; float:left; font-weight:300; }
.lists .hd .title a{color:#fff;padding:12px 45px;}
.lists .hd .title a:hover{background:#f00;}
.lists .bd{background:#fff; float:left;}
.lists .bd ul{overflow:hidden; padding:25px 0;}
.lists .bd ul li .img{width:180px; height:120px; float:left; margin:5px; border:1px solid #ddd; overflow:hidden;}
.lists .bd ul li img{width:180px; height:120px;}
.lists .bd ul li img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
transform: scale(1.05);}
.lists .bd ul li h4{font-size:20px; width:360px; float:left; line-height:30px;margin: 5px 0 0 10px; height:60px; font-weight:300; overflow:hidden;}
.lists .bd ul li p{font-size:14px; line-height:25px; margin:5px 0 0 10px; float: left; color:#999; text-align:left; letter-spacing:1px;}
.lists .bd .pic{padding:20px; float:left;width:600px; }
.lists .bd .txt{width:540px; margin:0 30px; padding-left:20px;background: url(../images/dot.png) no-repeat 5px 20px; line-height:45px; font-size:18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; float:left; letter-spacing:1px; }


.link{width:1280px; float:left; background:#fff;}
.link .hd{height:50px; line-height:50px; border-bottom:2px solid #ededed; background:#fff;}
.link .hd .title{background:#c50009; font-size:18px; float:left; font-weight:300;color:#fff;padding:0 45px; }
.link .bd {}
.link .bd ul{padding:20px 30px;}
.link .bd ul li {font-size:14px; line-height:25px; margin:10px 20px; float: left; letter-spacing:1px;}


.depart{width:1280px; float:left; background:#fff;}
.depart .hd{height:50px; line-height:50px; border-bottom:2px solid #ededed; background:#fff;}
.depart .hd .title{background:#c50009; font-size:18px; float:left; font-weight:300;color:#fff;padding:0 45px; }
.dropbtn{background-color:#ecf3fa; color: #c50009; padding:15px 45px; font-size:15px; border: none; cursor: pointer;}
.dropdowns{position: relative; display: inline-block; margin:30px 65px;}
.dropdown-content {display:none; position: absolute; background-color:#f9f9f9; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); overflow-y:scroll; width: 100%; height:230px; top:0px;}
.dropdown-content ul{padding:0;}
.dropdown-content ul li{font-size:14px;border-bottom:1px dashed #ddd;}
.dropdown-content a {padding:12px 25px 12px 15px; display: block; }
.dropdown-content a:hover {background-color:#d9edf7;}
.dropdowns:hover .dropdown-content {display: block;}
.dropdowns:hover .dropbtn {background-color: #c50009; color:#fff;}

.bline { border-bottom: 4px solid #c50009; margin:0 auto;}
.foot{padding:25px 0;line-height:35px; margin:0 auto; width: 100%; text-align:center; letter-spacing:0.5px; font-size:13px;}
.foot a{padding:0 5px; }
.foot a:hover{ text-decoration:underline; color:#c50009;}

@media (min-width: 1200px) {
    .container {
        width: 1280px;
		padding-left:0; padding-right:0;
    }
}
@media screen and (min-width:720px){	
	.box .bd .content .code{display:none;}	
	.navbar .navbar-header .logo{display:none;}
	.navbar-default .navbar-nav>li:hover{color:#fff; background-color:#f00; border-color:#f00;}
	.navbar-default .navbar-nav>li:hover .dropdown-menu {display: block; /* 鼠标悬停时显示下拉菜单 */  }
}
@media screen and (max-width:720px){
	.header{width:100%;}
	.header_top .part{width:100%;}
	.header_top .part .left{text-align:center; margin-left:0; float:none;}
	.header_top .part .right{display:none;}
	.navbar-default{background:#e9f2f7; border:none; box-shadow:none;}
	.nav_top {display:none;}
	.nav_top .logo{display:none;}
	.navbar .navbar-header .logo{ margin:15px 15px 5px 15px;}	
	.navbar{margin-bottom:0;}
	.navbar-nav{margin: 7.5px 0;}
	.navbar-toggle{background:#fff; margin-top:40px;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #999;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #bf1813;}
	.navbar-default .navbar-toggle .icon-bar:hover {background-color: #fff;}
	.nav>li{float:left; background:#c50009; width:100%; border-bottom:1px solid #999; line-height:45px;}
	.navbar-default .navbar-nav>li>a{font-size:15px; text-align: justify; padding:10px 50px; letter-spacing: 5px; }
    .navbar-nav .open .dropdown-menu {background-color: #fff; }	
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color: #333;}
	.dropdown-menu>li>a {text-align:center; padding:5px 0; letter-spacing: 5px; font-size: 14px;}	
	.bline {width:100%;}
	.foot{padding-bottom:60px; line-height:25px;}
}