@charset "utf-8";
/* CSS Document */
/*儿童身份证*/
 *{ margin: 0; padding: 0}
 body{ background: #f5f6f7;}
#header{ width: 100%; height:310px; background: url("banner.jpg") center top;}
#menu_box{ width: 1320px; height: auto; overflow: hidden; margin: auto; background: #FFFFFF; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 40px; }
.lm1{ width: 100%; height: 54px; background: url("lm_01.png") no-repeat center center; padding-top: 20px;}
.lm2{ width: 100%; height: 54px; background: url("lm_02.png") no-repeat center center; padding-top: 20px;}
.lm3{ width: 100%; height: 54px; background: url("lm_03.png") no-repeat center center; padding-top: 20px; margin-bottom: 20px;}
.menu01{ height: auto; overflow: hidden;}
.menu01 p{ font-size: 18px; color: #323d49;  line-height: 36px; margin-bottom: 20px; text-indent: 2em;}
.menu01 span{ width: 43.2%; float: left; display: block;font-size: 16px; line-height: 32px; padding: 2%; color: #1b3e66; margin: 1%; border-radius: 6px; background: #eaf7ff; border: 1px #0098f8 dashed}
.menu01 span b{ color: #0098f8;}
.menu01sn { width:92.5%; float: left; display: block;font-size: 16px; line-height: 32px; padding: 2%; color: #1b3e66; margin: 1%; border-radius: 6px; background: #eaf7ff; border: 1px #0098f8 dashed}
.menu01sn b{ color: #0098f8;}
.menu02{ padding: 30px 0 0 0; overflow: hidden; margin-bottom: 30px;}
.qudao_box{ width: 43.2%; float: left; border-radius: 6px; background: #EAF7FF; margin: 0 1%;border: 1px #0098f8 dashed; padding:2%; height: 675px;}
.qudao_box h3{ font-size: 20px; color: #0078ff; font-weight: bold;  line-height: 40px; text-indent: 10px;}
.qudao_box h3 i{ height: 12px; width: 12px; float: left; background: #0078FF; border-radius: 50%; border: 3px solid #fff; margin: 10px 0 0 0}
.qudao_box span{ margin-left: 30px; font-size: 16px; line-height: 26px; margin-bottom: 8px; display: block}
.qudao_box p{ font-size: 14px; line-height: 22px; margin-left: 30px; margin-bottom: 5px; color: #467ebe }
.qudao_box span a{ font-size: 14px; color: #FF560A; margin-left: 5px; padding: 1px 5px; text-decoration: none; background: #FBDFDF}
.qudao_box span a:hover{ background: #F44F04; color: #FFECCE}
.cl{ clear: both;}
.menu03{ overflow: hidden;margin-bottom:20px;}
.chaxun{  float: left; font-size: 18px;width:30%;margin-left: 30px;}
.chaxun a{ display: block; text-decoration: none; color: #525d65; color: #525d65;text-align: center; line-height: 56px; border-radius: 30px;  background: #f1f5f7;}
.chaxun a:hover{ background: #0076ff; color: #ebf3fb}
.ggbt-sty8 {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: url("lm_04.png") no-repeat center top;
    margin: 10px auto 20px;
}
.ggbt-sty8 a {
    display: inline-block;
    width: auto;
    height: 30px;
    background-color: #eff1f2;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    color: #5b7ce3;
    line-height: 30px;
    float: right;
    margin-top: 10px;
}
.ggbt-sty9 {
    width: 100%;
    height: 50px;
    overflow: hidden;
    background: url("lm_05.png") no-repeat center top;
    margin: 10px auto 20px;
}

.ggbt-sty9 a {
    display: inline-block;
    width: auto;
    height: 30px;
    background-color: #eff1f2;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    color: #5b7ce3;
    line-height: 30px;
    float: right;
    margin-top: 10px;
}

.news-list1 {
    width: 100%;
    overflow: hidden;
    margin-top: 15px;
}

.news-list1 ul {
    padding: 0px;
    margin: 0px;
}

.news-list1 ul li {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    line-height: 50px;
    float: left;
    margin: 0 1.5%;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 18px;
    background: url("dd2.png") no-repeat left center;
    text-indent: 25px;
    border-bottom: 1px #d3d3d3 dashed;
}

.news-list1 ul li a {
    float: left;
    width: 95%;
    height: 50px;
    overflow: hidden;
    color: #101010;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list1 ul li a:hover {
    font-weight: bold;
    color: #347cdc;
}

@media (max-width: 480px) {
	#header{ width: 100%; height:173px; background: url("web_banner.jpg") no-repeat center top;}
	#menu_box{ width: 100%; margin: 5px 0px; padding: 0; overflow: hidden; border: 0px;}
	.menu01{  width: 90%; font-size: 16px; line-height: 30px; margin:0 auto 30px;}
	.menu01 span{ width: 90%;}
    .menu01sn { width:90%;}
	.qudao_box{ width: 90%; float:none; margin: auto; height: auto}
	.qudao_box h3 i{ margin: 13px 0 0 0}
	.qudao_box:nth-child(2){ margin-top: 15px; margin-bottom: 30px;}
	.chaxun{ float:none; font-size: 16px;  margin: 15px auto ; width: 88%; text-align: center; overflow: hidden;}
	.chaxun a{ display: block; text-decoration: none; color: #525d65; color: #525d65; padding: 0; height: 50px; line-height: 50px; border-radius: 25px;  background: #f1f5f7;}
	.chaxun a:hover{ background: #0076ff; color: #ebf3fb}
}