@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:#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;
  -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,.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:1200px; overflow:hidden; margin:0 auto; padding:0px;}
.header_top{ width:100%; height:30px; background-image: url(../images/bg_top.gif);background-repeat: repeat-x; line-height: 30px; overflow:hidden;}
.header_top .left,.header_top .right{padding:0 20px; float:left;line-height:30px;color:#fff; }
.header_top .left a,.header_top .right a{ color:#fff;}
.header_top .left a:hover,.header_top .right a:hover{text-decoration: underline;}
.header_top .right{ float:right; }

.nav_top { width:1200px; height:100px; }
.logo { width:220px; margin:10px 10px 10px 0px; float: left; height:80px; }
.logo img{ width:220px; height:80px; box-shadow:none;}
.menu { width:950px; height:90px; float: right; margin:5px 0 5px 20px;  overflow:hidden;}

.menu ul{ float:left; font-size:14px; line-height:30px; height:30px; }
.menu ul li {float:left; font-family:"微软雅黑",Tahoma,Helvetica,Arial,sans-serif; text-justify:distribute-all-lines;/*ie6-8*/
                text-align-last:justify;/* ie9*/
                -moz-text-align-last:justify;/*ff*/
                -webkit-text-align-last:justify;/*chrome 20+*/ width:135px;line-height:30px; text-align:center; font-size:15px; }
.menu a{margin:6px 10px; padding:6px 12px;}
.menu .b{font-weight:bold; }
.menu a:hover{background-color:#bb0009; color:#fff; text-decoration:none;}
.banner {width:1200px; height:120px; margin:0 auto;}
.banner img{width:1200px; height:120px;}


.txtMarquee-left{ width:1200px;  position:relative; height:43px;background-image: url(../images/menu_bg.jpg); background-repeat: repeat-x;padding: 0px; margin:0 auto; color:#ffeabd; font-size:14px; line-height:43px; overflow:hidden;}
.txtMarquee-left a{color:#ffeabd;}
.txtMarquee-left a:hover{color:#fff; text-decoration:underline;}
.txtMarquee-left .hd{float:left;font-weight:bold;line-height:43px;padding:0 20px 0 10px; height:43px; }
.txtMarquee-left .bd{ padding:0 10px; height:43px; }
.txtMarquee-left .bd .tempWrap{ width:1050px !important; }/* 用 !important覆盖SuperSlide自动生成的宽度，这样就可以手动控制可视宽度。 */
.txtMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.txtMarquee-left .bd ul li{ margin:0 10px;  float:left; height:43px; line-height:43px;  text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生成的宽度，解决文字不衔接问题 */
.txtMarquee-left .bd ul li span{ color:#999;  }

	  
.box{width:1200px; margin:0 auto; padding:0;}
.box .hd{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 .hd a{color:#999;}
.box .hd a:hover{color:#c3220c;}
.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; margin-bottom:10px;}
.box .bd .content p{font-size:17px; line-height:32px; padding:8px 0;text-align: justify;}
.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; }
.box .bd .relate .bd ul li {background:url('../images/fangkuai.jpg') no-repeat 5px 16px; padding:0 0 0 20px; line-height:36px;font-size:17px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.box .box-left{width:820px; margin-right:20px; background:#fff;float:left;
-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-left .list ul{float:left; padding:15px 0;}
.box .box-left .list ul li{font-size:17px; background:url('../images/fangkuai.jpg') no-repeat 5px 27px; float:left; width:780px; height:48px; line-height:40px; padding:8px 0 0 20px; margin:0 20px; border-bottom:1px dashed #ddd;}	
.box .box-left .list ul li a{width:640px;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:360px;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:360px;}
.box .box-right .bd ul{padding:12px 10px;}

/*paihang*/
.box .box-right .box1 .bd{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 .box1 .bd ul li{line-height:38px;width:340px; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.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: 0; 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 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 .box2 .bd ul li {background:url('../images/fangkuai.jpg') no-repeat 5px 17px; padding:0 0 0 20px; line-height:38px;width:340px;font-size:15px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.box .box-right .box3{background:#fff;}
.box .box-right .box3 .bd{width:360px;  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:10px 25px 10px 35px;}
.box .box-right .box3 .bd h4{ font-size:18px; line-height:30px; padding-top:30px; letter-spacing:2px; color:#333;}

.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: 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 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;}
.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: 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;}


.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 screen and (min-width:720px){
	.navbar{display:none;}
	.box .bd .content .code{display:none;}
}
@media screen and (max-width:720px){
	.header{width:100%;}
	.header_top{display:none;}
	.nav_top{display:none;}
	.logo{text-align:center; margin:0 10px 0 20px;}
	.menu{display:none;}
	.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:22%; font-size:13px;}
	.box .bd .content{padding:20px 20px 40px 20px;}
	.box .bd .content{text-align: justify;}
	.box .bd .content h3{line-height:40px; font-size:22px;}
	.box .bd .content h5{line-height:25px;margin:5px 0; padding-bottom:5px; color:#999;}
	.box .bd .content img{max-width:100%; margin:0;}
	
	.box .bd .relate{display:none;}
	
	.pages{font-size:13px; margin:0 20px;}
	.pages .pageinfo{padding:2px 8px; display:none;}
	.pages ul >.thisclass{padding:2px 8px;}
	.pages ul > li a{padding:2px 8px;}
	
	.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;}
	.navbar{margin-bottom:0;}
	.navbar-toggle{background:#ccc;margin-top:20px;}
	.navbar-toggle:hover, .navbar-toggle:focus{background:#bf1813;}
	.navbar-toggle .icon-bar{background:#fff;}
	.nav>li{float:left;}
	.navbar-nav>li>a{border-radius:4px; margin:0 5px; font-size:14px; text-align: justify}
	.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color:#bf1813; color:#fff;}	
	.bline {width:100%;}
	.foot{padding-bottom:60px; line-height:25px;}
}