@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
    margin: 0;
    padding: 0;
    border: 0px;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	list-style: none;
}
/* HTML5 display-role reset for older browsers */

body{ font-family:"微软雅黑,宋体"; font-size:16px; }
a{ color: inherit; text-decoration: none;}

#page{ }
.logo{ position:relative;}
.logo img {width:100%;}
.toutiao{background:url("../img/bgc.png") repeat-x ; height: 128px; text-align: center; }
.toutiao>a{display: inline-block;  text-align: center; width: 100%; font-size: 32px;font-family: Microsoft YaHei; font-weight: bold; color: #D90009; line-height: 90px;}

.linkpic img{margin:0 10px;}

.boxlist{ width:1200px; margin:0 auto;padding: 0 10px;   }
.banner{ width:1200px; margin-bottom:20px;  padding: 0 47px; margin: 0 auto;}
.banner dt{ text-align: center;  padding: 20px 0; position: relative;  height: 80px; padding:30px 0;  position: relative;}
.banner dt a{ color:#999; font-size: 18px; right:40px; bottom: 30px; position: absolute;}
#qdswzxd ul li,#jdpl ul li{ line-height: 35px; list-style: none; padding-left:30px;background: url("../img/dian.png") 9px 12px no-repeat; border-bottom: 1px solid #C1C1C1;margin-bottom: 10px;padding-bottom: 10px;}
#qdswzxd ul li span,#jdpl ul li span{ float:right; color:#cdcdcd;}

.jdpl{ background:url("../img/jdpl.png") no-repeat center center; }
.qdswzxd{ background:url("../img/qdswzxd.png") no-repeat center center;}
.sptj{ background:url("../img/sptj.png") no-repeat center center;}




/*图片新闻*/
.lunbo{float:left; margin-right: 26px;}


#boxhdp{ width: 700px; height: 415px;margin: 0 auto;  overflow: hidden; position: relative;}
#img>li{ width: 100%;  float: left; text-align: center; display: none;}
#img>.current{display: block;}
#li{position: absolute; bottom: 15px; right:0; z-index: 1000;}
#li>li{ width: 10px;height: 10px; background-color: #ccc; border-radius: 50%; margin-right: 5px; float: left; cursor: pointer;}
#li>.on{ background-color: #f50;}
#an{ display: none;}
#an a{position: absolute;top: 50%;margin-top: -20px;width: 40px;height: 40px;background-color: rgba(0,0,0,.3);text-align: center;line-height: 40px;color: #fff;font-family: "宋体";font-weight: 600;font-size: 1.2em;
}
#an a:hover{
	background-color: rgba(0,0,0,.8);
}
#an .an-a2{ right: 0;}
.shadow{width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:32px; line-height: 32px;background-color: #c19544; /* background:rgba(0,0,0,0.7);   
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; */ display:block;  text-align:left;}
.shadow a{color:#fff;}

.tpxw{ width: 1180px;  display: inline-block; margin: 0 10px; margin-bottom: 20px;}
.wen{float:right; width: 450px;}
.wen ul li{ list-style: none;  width: 100%; border-bottom: 1px dashed  #C1C1C1;  padding: 10px; }
.wen ul li a{  color:#000;height: 71px;line-height:35px; margin-bottom: 10px; }
.wen ul li a:hover{ color:#3982F5;}
.wen dd{  float:right; color:#cdcdcd;}

/* 视频图解 */
#sptj{ position:relative;}

/* 必要布局样式css */
.ato-content {
    width: 100%;
    margin: 0 auto;

}
.tempWrap { margin:0 auto;}
.ato-list ul {
    height: 470px;
}

.ato-list ul li {
	margin-top:30px;
    width: 270px;
    height: 350px;
    float: left;
    margin-left: 26px;
    margin-right: 0;
    text-align: center;
    background-color: #fff;
    -webkit-transition: height 300ms;
    -moz-transition: height 300ms;
    -ms-transition: height 300ms;
    -o-transition: height 300ms;
    transition: height 300ms;
    position: relative;
    box-shadow: 1px 0px 8px rgba(0,0,0,0.12);
    top: 10px;
    left: -10px;
}

.ato-list ul li:before {

    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0px 2px rgba(0,0,0,0.24);
}

.ato-list ul li div {
    width: 240px;
    margin: 20px 0 20px 0;
    text-align: center;
}

.ato-list ul li div img {
    width: 100%;
    height: auto;
    border: none;
    display: block;
    margin: 0 auto;
}


.ato-list ul li p {
    margin: 0;
    text-align: left;
    font-size: 13px;
    color: #8e8e8e;
    line-height: 25px;
}

.ato-more {

    text-align: center;
    display: none;
    display: inline-block;
    line-height: 34px;
    color: #666;
    font-size: 13px;
    text-decoration: none;

}

.ato-more:hover {

    border-color: #108CEE;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #FFF;
}

.ato-list-fl {
    float: left;
}

.ato-title {
    width: 266px;
    margin-top: 130px;
    padding-right: 20px;
}

.ato-title h2 {
    font-size: 24px;
    line-height: 33px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: inherit;
}

.ato-title p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.ato-list-fl a {
    width: 50px;
    height: 50px;
    position: relative;
    margin-top: 54px;
    margin-right: 10px;
    float: left;
    border: 1px solid #ABABAB;
    display: block;
    background: #f2f2f2;
    overflow: hidden;
}

.ato-list-fl a img {
    width: 22px;
    height: 22px;
    display: block;
    border: none;
    margin: 0 auto;
    margin-top: 12px;
}

.ato-list {
    margin: 0 auto;
    width: 910px;
    height: 500px;
}

.ato-list ul li:hover {
    top: -5px;
    box-shadow: 0 10px 12px rgba(0,0,0,0.12);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}


.prev{position: absolute;top: 50%; left: 11px;}
.next{position: absolute;top: 50%; right: 11px;}

.prev:hover .ato-ope {opacity: 1; }

.next:hover .ato-ope {opacity: 1;}



.ato-list-fl a:hover {  border: 1px solid #108cee;}






/*二级页面*/
.list{width:1140px;  margin: 0 30px; margin-bottom: 20px;}
.list dt{ border-bottom: #8f8f8f dotted 1px;line-height: 36px; padding: 10px; margin-bottom: 20px;}
.list dt a{ }
.list ul{ }
.list ul li{ line-height: 35px; list-style: none; padding-left:30px;background: url("../img/dian.png") 9px 12px no-repeat; border-bottom: 1px dashed  #C1C1C1;margin-bottom: 10px;padding-bottom: 10px;}
.list ul li a{ color:#000; overflow: visible; white-space: normal;text-overflow: ellipsis; display: inline-block;}
.list ul li span{ float:right; color:#cdcdcd;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden; }

/*页脚*/
.pager { overflow: hidden; clear: both; padding: .05rem; text-align: center; font-size:14px; }
.pager a { display: inline-block; padding: 3px; font-size:14px;; text-align: center; text-decoration:none; color:#000; height:18px;  line-height:18px; border: 1px solid #ffffff; }
.pager a:hover { background: #EDFBFE; color: #3076C4; text-decoration: none; border: 1px solid #dedede; }
.currentIndex{ background-color: #EDFBFE; font-size:16px;}

.foot{  padding:20px 0; font-family:"微软雅黑"; clear:both; border-top:3px solid #1A56A8;}
.foot p{ text-align:center; line-height:30px; color:#FFFFFF; font-size:14px; }
.foot p span{ padding: 0 16px;}
.pc_footer_border{clear:both; width:900px; margin: 0 auto; line-height:23px; }
.pc_footer_img{float:left;margin-right:60px; height:70px;}
.pc_footer_text{text-align:left;}



@media (max-width: 1220px){
	 #page { margin: 0 auto; width: 100%;  }

	.boxlist{ width:94%; }
    .linkpic img{ width: 48%; margin:  0 1%;} 
	.banner{ padding:0 2%; width: 96%;}
    
    .tpxw{ width:100%; margin: 0; margin-bottom: 20px;}
    #boxhdp{width:100%;}
    .lunbo{width:55%;margin: 0; margin-bottom: 20px;}
    
    .wen{ float:left; width: 43%; margin-left: 2%;}
    
    
	
	.list{ width:100%; margin: 0;}
	.list ul li{ margin-left: 15px; margin-right: 15px; padding-bottom: 35px;}
}

@media (max-width: 990px) {
	 #page { margin: 0 auto; width: 100%;  }
    
    .toutiao{hei}
    .toutiao>a{ padding-top: 20px; display: inline-block;  text-align: center; width: 100%; font-size: 26px;font-family: Microsoft YaHei; font-weight: bold; color: #D90009; line-height: 35px; } 
    
    
    .linkpic img{ width: 100%; margin: 10px 0;} 
	.boxlist{ width:94%; }

	.banner{ padding:0 2%; width: 96%;}
	.banner dt{  width: 100%;   }
    .banner dt a{right:20px; bottom: 30px;}
    
    
    .tpxw{ width:100%; margin: 0; margin-bottom: 20px;}
    #boxhdp{width:100%; height: auto;}
    .lunbo{width:100%;margin: 0; margin-bottom: 20px;}
    #img img {width:100%;}
    .wen{ float:left; width: calc(100% - 50px);}
    
	#jdpl ul li{ width:calc(100% - 47px); height: auto;}
	#qdswzxd ul li{width:calc(100% - 47px);}
    
    
    
    .ato-list{ width: calc(100% - 40px);}
    
	
	.list{ width:100%; margin: 0;}
	.list ul li{ margin-left: 15px; margin-right: 15px; padding-bottom: 35px;}
	
	
	.pc_footer_border{clear:both;  margin: 0 auto; line-height:23px; width:100%;}
    .pc_footer_img{float:left;margin-right:0; width:100%;}
    .pc_footer_img img { margin:0 30px}
    .pc_footer_text{text-align:left; margin: 0 28px;}
}

@media (max-width: 480px) {
 .ato-list{ width: calc(100% - 40px);}
    
    #boxhdp{width:100%;height: auto;}
    .lunbo{width:100%;margin: 0; margin-bottom: 20px;}
    #img img {width:100%;}
	.wen{ float:left; width: calc(100% - 50px);}
	
 	.pc_footer_border{clear:both;  margin: 0 auto; line-height:23px; width:100%;}
    .pc_footer_img{float:left;margin-right:0; width:100%;}
    .pc_footer_img img { margin:0 30px}
    .pc_footer_text{text-align:left; margin: 0 28px;}
}