@charset "utf-8";
/* CSS Document */
/*****首佳美工 孙洋洋  2020年6月10日 制作*********/
*{ margin:0; padding:0; font-family:"微软雅黑"; }

ol li, ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
u,b,i{ font-style:normal;}
a{text-decoration: none; color:#000;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{
	/* [disabled]margin:0; */
	padding: 0;
	font-family: "微软雅黑";
	margin:0;
	font-size:62.5%;    /*====设置字体为10px===*/
	color:#333; /*===浏览器不设置成纯黑色，保护视力，这是种深灰色接近黑色===*/
}
body{background:#fff; overflow-x: hidden; z-index:-999999999;/*background:#f4f4f4 url(bg_1.jpg) no-repeat fixed center 100%;*/ background-size: cover; -moz-background-size: cover;-webkit-background-size: cover; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%; font-weight:normal}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
a{
/*text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;*/

}

img {	display: block;	max-width: 100%;	border:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix:after {       
    content: ".";     /*内容为“.”就是一个英文的句号而已。也可以不写。*/
   display: block;   /*加入的这个元素转换为块级元素。*/
    clear: both;     /*清除左右两边浮动。*/
    visibility: hidden;      /*可见度设为隐藏。注意它和display:none;是有区别的。visibility:hidden;仍然占据空间，只是看不到而已；*/
   line-height: 0;    /*行高为0；*/
    height: 0;     /*高度为0；*/
   font-size:0;    /*字体大小为0；*/
  }
.clearfix { *zoom:1;}   /*这是针对于IE6的，因为IE6不支持:after伪类，这个神奇的zoom:1让IE6的元素可以清除浮动来包裹内部元素。*/

.header{
	width:100%;
	background: url(yysd_topbg.png) no-repeat center;
	height: 390px;
}
.header span{
	display: block;
	width: 1200px;
	text-align: left;
	margin: 0px auto;
	padding-top: 103px;
}
.content{
	margin:3% auto 3% auto;
	
}
.con_tit {
	background:url(yysd_tit.png) no-repeat center;
	height: 60px;
	line-height: 55px;
	width: 1200px;
	margin: 0px auto 3% auto;
	
}
.con_tit a{
	font-size: 5.5rem;
	font-weight: 900;
	padding-left: 683px;
	display: block;
	color: #333;
	
}
.con_tit2 a {
    padding-left: 657px;
}

/*我说明 */
.con_div{
	width:1200px;
	margin: 0px auto 3% auto;
}
.tu{
	background: url(yysd_divbg.png) no-repeat center bottom;
	height: 385px;
	width: 600px;
	position:relative;
}
.tu a{
	display: block;
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	line-height: 48px;
}
.img_div img{
	margin:0px auto;
}
.txt_div{
	background: #f6f6f6;
	padding: 2% 1%;
	width: 550px;
	height: 336px;
}
.txt_div h2{
	font-size: 1.8rem;
	text-align: center;
	color: #333;
	height: 45px;
	line-height: 45px;
	font-weight: 900;
}
.txt_div p{
	font-size: 1.5rem;
	text-align: left;
	color: #666;
	line-height: 35px;
}
.txt_div p a{
	font-size: 1.5rem;
	color: #B10608;
}
/*我承诺*/
.con_div2{
	width:100%;
	background: url(yysd_conbg.png) no-repeat bottom;
	height: 683px;
	margin: 0px auto 3% auto;
}
.wcn_div{
	width:1200px;
	background: #fff;
	margin: 0px auto;
	    box-shadow: 5px 5px 21px 4px #630709;
}
.wcn_div .wcn_txt{
	float:left;
	width: 27.3%;
	margin-top: 1%;
	margin-bottom: 1%;
	height: 450px;
	padding: 2%;
	position: relative;
}
.wcn_div .wcn_txt h2{
	font-size: 1.8rem;
	text-align: center;
	color: #333;
	line-height: 33px;
	font-weight: 900;
}
.wcn_div .wcn_txt p{
	font-size: 1.6rem;
	text-align: left;
	color: #333;
	line-height: 35px;
}
.wcn_div .wcn_txt a{
	display: block;
	width: 80%;
	height: 45px;
	line-height: 45px;
	position: absolute;
	bottom:4%;
	left: 50%;
	margin-left: -40%;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	border-radius: 3px;
}
.wcn_div .wcn_txt1{
	background: #fceecb;
	margin-left:1.5%;
}
.wcn_div .wcn_txt1 a{
	background: #f7bd31;
}
.wcn_div .wcn_txt2{
	background: #e2e2ea;
	margin-left:1.5%;
	margin-right:1.5%;
}
.wcn_div .wcn_txt2 a{
	background: #231d9b;
}
.wcn_div .wcn_txt3{
	background: #e6f1fd;
	margin-right:1.5%;
}
.wcn_div .wcn_txt3 a{
	background: #2d83e1;
}

/*我实施*/
.con_div3{
	width: 1200px;
	padding: 2%;
	margin: 0px auto 3% auto;
}
.con_div3 .list_bg{
	background: #f8f8f8;
	padding: 2%;
}
.con_div3 .list_div{
	width: 48%;
}
 .ul_list li{
	padding-left: 3%;
	background: url(yysd_dian.png) no-repeat left center;
	height: 35px;
	line-height: 35px;
}
 .ul_list2 li{
	padding-left: 1%;
	background: url(yysd_dian.png) no-repeat left center;
	height: 35px;
	line-height: 35px;
}
.ul_list li:hover a{
	color: #000;
}
.ul_list li a{
	display: block;
	float:left;
	width: 80%;
	text-align: left;
	color: #333;
	font-size: 1.6rem;
}
.ul_list li span{
	display: block;
	float:right;
	width: 20%;
	text-align: right;
	color: #666;
	font-size: 1.6rem;
}
.footer{
	background:url(yysd_footbg.png) no-repeat center;
	padding-top: 60px;
	height: 270px;
}
.clear{clear: both;}
.dz{ float: left; padding-top:60px;}
.dz a{ display:block; float: left;color: #fff;font-size:1.4rem;}
.dz .baa{ margin-top: 14px; margin-left: 10px;color: #fff;}
.dz .dza{ margin-left: 20px;}
.copyright{
    width: 1200px;
    margin: 0px auto 0px auto;
    position: relative;
    overflow: hidden;
    }
.copyright .ms{padding-left:125px;/*height:155px;*/font-size:1.4rem;float:left;display: block;/* margin-top: 20px; */}
.copyright .ms p{line-height: 2;font-size:1.4rem;text-align:center;color: #fff;/* height: 22px; */margin: 0 auto;}
.copyright p a{ color: #fff;font-size:1.4rem;}
.copyright p img{ margin: 0px auto;}
.copyright .jc{float: right;width: 365px;padding-top:60px;}
.copyright span{ padding-left:10px}
.copyright_a {margin-left:10px;display: block;width: 102px;height: 51px;margin-left: 0px;float: left;padding-bottom:14px; color: #fff;}

.copyright ul{ /*float:right*/margin-left:46px;color: #fff;}
.copyright ul li{ float:left; line-height:50px;color: #fff;}
.copyright ul li a{ padding-right:10px; margin-left:10px;color: #fff;font-size:1.4rem;}

/*****当前位置 开始******/
.bs_dqwz{
	height:40px;
	line-height:40px;	
	margin-top:20px;
	border-bottom:1px solid #8b1316;
	font-size:2rem;
	font-family:"微软雅黑";
	margin-bottom:15px;
	}
/*****当前位置 结束******/

/**********************内容页 开始***************************/
.nr_con{
	width:1200px;
	margin: 2% auto;
}
.news_tit{
	text-align:center;

	font-size:3.2rem;	
	font-family:"微软雅黑";
	width:70%;
	margin:0 auto 20px auto;
	font-weight:bolder;
	}
.bs_ly{
	font-weight:normal;
	text-align:left;
	font-size:1.8rem;
	height:40px;
	line-height:40px;
	font-family:"微软雅黑";
	color:#666;
	border-bottom:1px dashed #ccc;	
	}
.div_p{
	margin-top:30px;	
	}
.div_p p{
	/*text-indent:2em;*/
	line-height:35px;
	font-size:1.8rem;
	font-family:"微软雅黑";
	}
.zrbj a{
	width:100%;
	display:block;
	font-size:1.8rem;
	color:#232323;
	font-weight:bolder;
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	text-align:right;	
	}
.jiucuo a{
	width:100%;
	display:block;
	font-size:1.8rem;
	color:#c00207;
	font-weight:bolder;
	height:40px;
	line-height:40px;
	margin-bottom:20px;
	text-align:right;
	margin-right:30px;		
	}
	
/*图片列表*/
.img_list li{
	width:23%;
	float: left;
	margin: 1%;
}
.img_list li a{
	display: block;
	width: 100%;
	min-height: 153px;
}
.img_list li a img{
	display: block;
	width: 100%;
	height: 100%;
}
.img_list li p{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	color:#333;
	line-height: 35px;
}

/** iPad **/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.header {
    background: url(yysd_topbg.png) no-repeat center;
    height: 150px;
    background-size: 100%;
}
	.header span {
    width: 70%;
    padding-top: 24px;
}
	.con_div {
    width: 100%;
}
	.con_tit {
    width: 100%;
}
	.con_tit a {
    padding-left: 58%;
}
	.con_tit2 a {
    padding-left: 56%;
}
	
	.tu {
    height: 247px;
    width: 47%;
    background-size: 100%;
    margin: 0px 2%;
}
	.img_div img {
    margin: 0px auto;
    width: 93%;
}
	.txt_div {
    width: 45%;
    height: 215px;
    margin-right: 2%;
		overflow: hidden;
}
	.wcn_div {
    width: 96%;
}
	.wcn_div .wcn_txt h2 {
    height: auto;
    line-height: 35px;
}
.con_div3 {
    width: 96%;
}
	.con_div3 .list_div {
    width: 48%;
}
	.ul_list li {
    padding-left: 4%;
}
	.ul_list li a {
    width: 70%;
}
	.ul_list li span {
    width: 30%;
}
	
	.footer{
	padding-top: 148px;
	height: 186px;
}
.copyright{
    width: 95%;
    }
.copyright .ms{
	padding-left: 10%;
	/*height:155px;*/
	font-size:1.2rem;
	/* margin-top: 20px; */
	}
.copyright .jc{float: right;
	
	width: 23%;}
	.copyright .jc a{width: auto!important;}
.copyright span{ padding-left:10px}
.copyright_a {margin-left:10px;display: none;width: 102px;height: 51px;margin-left: 0px;float: left;padding-bottom:14px;color: #fff;}

.copyright ul{/*float:right*//* margin-left:46px; */color: #fff;}
.copyright ul li{float:left;line-height: 25px;color: #fff;}
.copyright ul li a{padding-right: 10px;margin-left: 10px;color: #fff;}
	
.nr_con {
    width: 94%;
}	
	
	.img_list li{
	width:48%;
	float: left;
	margin: 1%;
}
	
	
}
/** iPhone **/
@media only screen and (min-width: 320px) and (max-width: 767px) {
.copyright span{
padding-left:10px;
display:none;
}
      
     .header {	
    height: 83px;
    background-size: 100%;
}
	.header span {
    width: 80%;
    padding-top: 13px;
}
	.con_div {
    width: 100%;
}
	.con_tit {
    width: 100%;
    background-size: 90%;
}
	.con_tit a {
    padding-left: 60%;
		font-size: 3rem;
}
	.con_tit2 a {
    padding-left: 56%;
		font-size: 3rem;
}
	
	.tu {
    height: 266px;
    width: 96%;
    background-size: 100%;
    margin: 0px 2%;
		float:none;
}
	.tu a {
    font-size: 1.4rem;
    line-height: 41px;
	text-align:left;
	display:block;  
	float:left;
}
	.img_div img {
    margin: 0px auto;
    width: 93%;
}
	.txt_div {
    width: 94%;
    height: auto;
    margin: 2% auto;
    overflow: hidden;
    float: none;
}
	.con_div2 {
     height: auto; 
}
	.wcn_div {
    width: 93%;
    padding: 1%;
}
	.wcn_div .wcn_txt {
    float: none;
    width: 93%;
    margin-bottom: 4%;
    height: auto;
    padding: 2%;
    padding-bottom: 16%;
}
	.wcn_div .wcn_txt h2 {
    height: auto;
    line-height: 35px;
}
.con_div3 {
    width: 96%;
}
.con_div3 .list_div {
    width: 100%;
    float: none;
}
	.ul_list li {
    padding-left: 4%;
    height: 70px;
    background: url(yysd_dian.png) no-repeat 1px 12px;
    background-color: white;
	margin-top:25px;
}
	.ul_list li a {
    width: 70%;
    float: left;
	line-height:1.7em;
}
	.ul_list li span {
    width: auto;
    float: right;
    display: inline-block;
}

	
	.footer {
    padding-top: 70px;
    height: 259px;
    font-size: 0.8rem;
}
.copyright{
    width: 95%;
    }
.copyright .dz{
	display: none;
    }
.copyright .jc{
	display: none;
    }
	.copyright .ms {
    padding: 0px;
    /* height: 155px; */
    font-size: 1.2rem;
    float: none;
    display: block;
    /* margin-top: 20px; */
}
.nr_con {
    width: 94%;
}	
	.news_tit {
    font-size: 2.2rem;
    width: 92%;
}
		.img_list li{
	width:98%;
	float: none;
	margin: 1%;
}
	
}

/*.wqsp{
    position: absolute;
    right: 1%;
    bottom: 3%;
    background: #ffffffcc;
    color: #b31d20!important;
    height: 28px;
    line-height: 28px!important;
    border-radius: 3px;
	z-index:9;
}*/
.wqsp {
    background: #ffffffcc;
    color: #b31d20!important;
    height: 28px;
    line-height: 28px!important;
    border-radius: 3px;
    z-index: 9;
    display: block;
    float: right!important;
    margin-top: 2%;
    margin-right: 1%;
}

