@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; font-weight:300;}

a{color: #000;}
a:hover,a:focus {color:#bf1813;text-decoration: none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;font-weight:normal;}
h3{color:#333;}
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;}
 img{
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}

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,.hr30,.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;}.hr30{height:30px;}.hr40{height:40px;}
.dash {border-bottom:1px dashed #999;padding-bottom: 2px;}


/*头部*/
.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);
}

/*滚动新闻*/
.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;}

	  
.box{width:1280px; margin:0 auto; padding:0;}
.box .hd1{padding:8px 20px; line-height:20px; color:#999;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  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;
  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 .hd1 a{color:#999;}
.box .hd1 a:hover{color:#c3220c;}


.box .hd{height:50px; line-height:50px; border-bottom:2px solid #ededed; background:#fff;}
.box .hd .title{background:#c50009; font-size:18px; float:left; font-weight:300; }
.box .hd .title a{color:#fff;padding:13px 45px;}
.box .hd .title a:hover{background:#f00;}

.box .bd{}
.box .bd .list ul{float:left; padding:15px 0; }
.box .bd .list ul li{font-size:17px; background:url('../images/fangkuai.jpg') no-repeat 5px 20px; float:left; width:1150px; line-height:42px; padding:0 20px; margin-left:20px; border-bottom:1px dashed #ddd;}	
.box .bd .list ul li span{color:#AAA; font-size:14px; float:right;}
.box .bd .content{padding:30px 50px 50px 50px;}
.box .bd .content h3{line-height:60px; text-align:center; font-size:24px; font-weight:bold;}
.box .bd .content h5{line-height:50px; text-align:center; border-bottom:1px dashed #999; color:#999; margin-bottom:20px;}
.box .bd .content p{font-size:18px; line-height:33px; padding:8px 0;text-align: justify; letter-spacing:1px;}
.box .bd .content img{max-width:700px;height:auto; margin:10px 0 3px 0;}
.box .bd .content .code{text-align:center; padding-top:40px;}

.box .bd .relate{padding:30px 50px 50px 50px;}
.box .bd .relate .hd{background:none; box-shadow:none; border:none; padding:8px 0;}
.box .bd .relate .hd h4{font-size:15px; color:#999; }
.box .bd .relate .bd ul li {background:url('../images/dot.png') no-repeat 5px 16px; padding:0 0 0 20px; line-height:36px;font-size:17px;letter-spacing:1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.box .box-left{width:860px; margin-right:20px; background:#fff;float:left;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);
   -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);	
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);
		}
.box .box-left .list ul{float:left; padding:15px 0;}
.box .box-left .list ul li{font-size:18px; background:url('../images/dot.png') no-repeat 5px 29px; float:left; width:820px;line-height:45px; padding:8px 0 0 20px; margin:0 20px; font-weight:300; letter-spacing: 1px; border-bottom:1px dashed #ddd;}	
.box .box-left .list ul li a{width:680px;float:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.box .box-left .list ul li span{color:#aaa; font-size:14px; float:right; width:100px;text-align: right;}

.box .box-right{width:400px;float:right;}
.box .box-right .hd h4 a{color:#333; font-size:16px; font-weight:550; letter-spacing:1px; line-height:25px;}	  
.box .box-right .bd{width:400px;}
.box .box-right .bd ul{padding:22px 10px;}

/*paihang*/
.box .box-right .box1 .bd{background:#fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);
   -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);	
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);}
.box .box-right .box1 .bd ul li{line-height:40px;width:380px; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:1px; font-weight:300; }
.box .box-right .box1 .bd ul li i { display: block; width: 18px; height: 18px; background: #97accc; float: left; margin-top: 11px; margin-right: 10px; position: relative; border-radius: 3px; }
.box .box-right .box1 .bd ul li i::before { position: absolute; left: 0; top: 2; font-size: 9px; color: #fff; line-height: 16px; width: 16px; text-align: center }
.box .box-right .box1 .bd ul li:first-child i, .box .box-right .box1 .bd ul li:nth-child(2) i, .box .box-right .box1 .bd ul li:nth-child(3) i { background: #ca1010; }
.box .box-right .box1 .bd ul li:first-child i::before { content: "1"; }
.box .box-right .box1 .bd ul li:nth-child(2) i::before { content: "2"; }
.box .box-right .box1 .bd ul li:nth-child(3) i::before { content: "3"; }
.box .box-right .box1 .bd ul li:nth-child(4) i::before { content: "4"; }
.box .box-right .box1 .bd ul li:nth-child(5) i::before { content: "5"; }
.box .box-right .box1 .bd ul li:nth-child(6) i::before { content: "6"; }
.box .box-right .box1 .bd ul li:nth-child(7) i::before { content: "7"; }
.box .box-right .box1 .bd ul li:nth-child(8) i::before { content: "8"; }
.box .box-right .box1 .bd ul li:nth-child(9) i::before { content: "9"; }
.box .box-right .box1 .bd ul li:nth-child(10) i::before { content: "10"; }
.box .box-right .box1 .bd ul li:hover { -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }

.box .box-right .box2 .bd{background:#fff;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);
   -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);	
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.03);}
.box .box-right .box2 .bd ul li {background:url('../images/dot.png') no-repeat 5px 18px; padding:0 0 0 20px; line-height:40px;width:380px;font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing:1px; font-weight:300; }

.box .box-right .box3{background:#fff;}
.box .box-right .box3 .bd{width:400px;  float:left; padding:20px 0; background:#fff;
-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 .box-right .box3 .bd img { float:left; width:150px; height:150px; margin:0 35px 20px 55px;}
.box .box-right .box3 .bd h4{ font-size:18px; line-height:30px; padding-top:30px; letter-spacing:2px; color:#333;}

.btns{padding:35px 45px 20px 45px;}
.button {font-size: 20px;margin:0 auto;height: 50px;line-height: 50px;width: 100%;font-weight: 600;text-decoration: none;text-align: center;display: inline-block;appearance: none;cursor: pointer;border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
.button-3d {position: relative;top: 0;
	-webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
	box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
}
.button-caution{background-color: #FF4351;border-color: #FF4351;color: #FFF;}
.button:hover, .button:focus {
    background-color: #f6f6f6;
    text-decoration: none;
    outline: none;
}
.button-caution:hover, .button-caution:focus{
    background-color: #ff7680;
    border-color: #ff7680;
    color: #FFF;
}
.button-3d:hover, .button-3d:focus {
    -webkit-box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
    box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgb(0 0 0 / 20%);
}
.button-3d.button-caution {
    -webkit-box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgb(0 0 0 / 30%);
}
.button-3d.button-caution:hover, .button-3d.button-caution:focus {
    -webkit-box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgb(0 0 0 / 30%);
    box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgb(0 0 0 / 30%);
}

.pages-centered {text-align: center;}
.pages {padding: 12px 0 40px 0; margin:0 15px;}
.pages .pageinfo{float:left;padding: 4px 12px;line-height: 20px;text-decoration: none;background-color: #ffffff; border: 1px solid #dddddd; margin:10px 10px 10px 0;}
.pages .pageinfo strong{font-weight:300; letter-spacing:0.5px;}
.pages ul {display: inline-block;}
.pages ul > li{float: left;line-height: 28px;text-decoration: none;background-color: #ffffff;text-align:center; margin:10px 0;}
.pages ul > li a{float: left;padding: 4px 12px;line-height: 20px;text-decoration: none;background-color: #fff;border: 1px solid #ddd; border-right:none;}
.pages ul > li .a1{border-right:1px solid #ddd;}
.pages ul > li > a:hover{background-color: #c50009;color:#fff;}
.pages ul >.thisclass{ float: left;padding: 4px 12px;line-height: 20px;background-color: #c50009;border: 1px solid #dddddd; 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;}


.table{margin:20px 0;}
.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:6px; font-size:14px; line-height:25px;}
.table>tbody>tr>th{text-align:center; padding:12px 0; background:#d9edf7; font-size:16px;}

.table-striped>tbody>tr:nth-of-type(odd) {background-color: #f5f8ff;}
.table-hover>tbody>tr:hover {background-color: #d9edf7;}

@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;}

	
	.banner{display:none;}
	.txtMarquee-left{display:none;}
	.hr10{height:0;}

	.box{width:100%;}
	.box .box-left{width:100%;margin:0; margin-bottom:20px;}
	.box .box-left .list ul{width:100%; padding:15px 10px; }
	.box .box-left .list ul li{width:100%;overflow:hidden; padding-left:15px; margin:0px; }
	.box .box-left .list ul li a{width:76%;font-size:16px;}
	.box .box-left .list ul li span{width:24%; font-size:13px;}
	.box .bd .content{padding:20px 20px 40px 20px;}
	.box .bd .content{text-align: justify;}
	.box .bd .content h3{line-height:45px; font-size:22px;}
	.box .bd .content h5{line-height:30px;margin:10px 0; padding-bottom:10px; color:#ccc;}
	.box .bd .content p{font-size: 16px; line-height: 30px; padding: 6px 0;letter-spacing: 0.5px;}
	.box .bd .content img{max-width:100%; margin:0;}
	
	.box .bd .relate{display:none;}
	
	.pages{font-size:13px; margin:0 10px;}
	.pages .pageinfo{padding:2px 6px; display:none;}
	.pages ul >.thisclass{padding:2px 6px;}
	.pages ul > li a{padding:2px 6px;}
	
	.box .box-right{width:100%; display:none;}
	.box .box-right .bd{width:100%;}
	.box .box-right .box1 .bd ul li{width:100%;}
	.table>tbody>tr>th{width:100%;}
	.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:2px;font-size:12px;}

	.bline {width:100%;}
	.foot{padding-bottom:60px; line-height:25px;}
}