body,div,ul,li,p,h1,h2,h3,h4,a,select,img{
    padding:0;
    margin:0;
    font-family:"微软雅黑";
	border:0;
}
body {
    width: 100%;
    max-width: 640px;
    min-width: 300px;
    font-size: 14px;
    margin: auto;
}
*{
    margin:0; padding:0; border:0;
}
ul,li {
    list-style:none;
}
a{
    text-decoration:none;
}
.clear{
    clear:both;
}
img{
    border:0; margin:0; padding:0;
}
.fl{
    float: left;
}
.fr{
    float: right;
}

.swiper {
width: 100%;
margin:auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev, .swiper-button-next{--swiper-navigation-size:20px;}

.swiper-slide img {
    display: block;
    width: 100%;
	object-fit:cover;
	border-radius:5px;
}
.header{
    width: 100%;
    max-width: 640px;
    min-width: 300px;
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center;
    display: flex;
    align-items: center;
    overflow: hidden;
    opacity: 0.8;
    font-weight: 300;

}
.header .logo{
    width: 40%;
	padding-left:6%
}
.header .logo img{
    width:100%;
}
.header .tell_text{
    width: 60%;
    display: block;
    right: 0;
    text-align: right;
	padding-right:2%;
	vertical-align: center;
}
.header .tell_text img{
    vertical-align:middle; width:25px;
}
.header .tell_text b{
    font-size: 1.1rem;
    vertical-align:middle;
    color:#07569f;
    font-weight:normal;
    font-family: 黑体;
    
}
.pf{ position:relative;}

.index_nav{width:95%; overflow:hidden; margin:auto;}
.index_nav li{float:left; width:19%; margin:.1em 3%; padding:1em 0; text-align:center; box-sizing: border-box; position:relative;}
.index_nav li img{ width:80%;}
.index_nav a{ color:#7e898f; font-size:0.9em;}
.index_nav span{position:absolute; padding-left:70%;}
.index_nav span img{ width:25px;}

.zyxcx{ width:100%; background:#f5f5f5; padding:2rem 0; overflow:hidden; border-radius:10px; margin-top:1rem;}
.zyxcx ul{ width:90%; margin:auto; padding-bottom:1.5rem;}
.zyxcx li{ float:left;}

.bk-tit{ font-size:1.2rem; font-weight:400; color:#0000FF; width:50%;}
.bk-tit span{border-bottom:2px solid #FF0000; padding-bottom:5px;}

.bk-tit2 {width:50%;text-align:right;}
.bk-tit2 a{ font-size:1.2rem; color:#000000;}
.bk-tit2 img{vertical-align:middle; width:10px;}

.zyxcx-tp{ width:90%; margin:auto; padding-top:2rem;}
.zyxcx-tp img{ width:100%;}

.index_about{width:100%; overflow:hidden; margin-top:2rem;}
.index_about ul{ width:90%; margin:auto; padding-bottom:1.5rem;}
.index_about li{ float:left;}

.in_sp{ width:100%; margin-top:1.5rem;}

.about-a{width:90%; margin:2rem auto; overflow:hidden;}
.about-a li{ width:47%; float:left;}
.about-a li:nth-child(2){ margin-left:6%;}
.about-a a img{ width:100%;}

.xq-cx{margin-top:1rem; padding-top:3rem;}
.xq-cx ul{width:100%; margin:1rem auto 0;}
.xq-cx li{padding:15px 0 5px; border-bottom:1px #666 solid;}
.xq-cx li a{ color:#0033CC; font-size:1.2rem; font-weight:500;}
.xq-cx li p{ margin-top:1rem; color:#000033; font-size:1rem;}
.xq-list{padding-top:3rem;}
.xq-list h4{font-size:1.2rem; color:#0033CC;}
.xq-list h4 span{border-bottom:2px #ff0000 solid; padding-bottom:5px;}
.xq-list ul{width:100%; margin:auto; margin-top:2rem;}
.xq-list li{padding:15px 0 5px; border-bottom:1px #666 solid; margin:1rem auto;}
.xq-list li a{ color:#0033CC; font-size:1.1rem; font-weight:500;}
.xq-list li p{ margin-top:1rem; color:#000033; font-size:1rem;}

.index_ry{width:100%; background:#f5f5f5; padding:2rem 0 1rem; overflow:hidden; margin-top:2rem; border-radius:10px;}
.index_ry ul{width:90%; margin:auto; padding-bottom:1.5rem;}
.index_ry li{ float:left;}
.ry-1 { width:50%;}
.ry-1 img{ width:100%;}
.ry-2 {width:50%;text-align:right;}
.ry-2 img{vertical-align:middle}

.index_ry .swiper { margin-top:2rem; width:80%;}
.index_ry .swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction:column;
}
.index_ry .swiper-slide img {
    display: block;
    width: 100%;
	object-fit:cover;
	border-radius:5px;
}
.index_ry .swiper-slide h3{ padding-top:1rem; width:100%; font-weight:300;}



.index_zx{ width:90%; margin:auto; overflow:hidden; padding-top:2rem; padding-bottom:1rem;}
.index_zx li{ float:left;}


.new-list{ width:90%; margin:auto; overflow:hidden;}
.new-list li{ width:100%; border-bottom:1px #333333 solid; padding:1.5rem 0;}
.new-list li a{ color: #333333; font-size:1rem;}

.foot-hei{ height:6.5rem;}

.index_foot{ width:100%; margin-top:2rem;}
.index_foot img{ width:100%;}

.index_xq{width:100%; margin-top:2.5em;}
.index_xq h2{ width:50%; border-left:#0856a0 5px solid; padding-left:.4em; margin-bottom:1em;}
.select-tabs {
            max-width: 800px;
            margin: 20px auto;
			width:90%;
        }

        /* 下拉菜单样式 */
        .tab-selector {
            width: 100%;
			margin:auto;
			float:left;
            padding: 12px 0px 12px 8%;
            border: 2px solid #007bff;
            border-radius: 20px;
            background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23007bff"><path d="M7 10l5 5 5-5z"/></svg>') 
                        no-repeat right 1rem center/15px;
            appearance: none;
			box-sizing: border-box;   /* 全局生效 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  color:#0033CC;
  font-size:1rem; font-weight:400;
        }
		.tab-selector option{background:url(xq_cx.png);}
		
		.tab-selector-2 {
            width: 50%;
			float:left;
            padding: 11px 0px;
            border: 2px solid #007bff;
            border-radius: 4px;
            background: #fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23007bff"><path d="M7 10l5 5 5-5z"/></svg>') 
                        no-repeat right 1rem center/15px;
            appearance: none;
			box-sizing: border-box;   /* 全局生效 */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
        }
		
	

        /* 内容区域样式 */
        .tab-content {
            margin-top: 15px;
			width:100%;
            
            min-height: 200px; /* 保证内容区域高度 */
        }
        
        /* 默认内容提示 */
        .default-content {
        }
		.index_dt{ width:100%; height:auto;}

        .tab-pane {
            display: none;
            animation: fadeIn 0.3s ease;
        }

        .tab-pane.active {
            display: block;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }
		
.index_sm{width:100%; margin-top:3em;overflow:hidden;}
.index_sm h2{ width:50%; border-left:#0856a0 5px solid; padding-left:.4em; margin-bottom:1em;}
.index_sm ul{ margin-bottom:30px; overflow:hidden; border-bottom:#CCCCCC 1px dashed; padding-bottom:1.2em;}
.index_sm li{ float:left;}
.index_sm1 { width:25%;}
.index_sm1 img{ width:100%;}
.index_sm2 { width:70%; margin-left:5%;}
.index_sm2 h3 a{ color:#646464; font-weight:normal; font-size:1rem;}
.index_sm2 h4{width:3%; border-bottom:3px solid #24458a; margin-top:
10px;}
.index_sm2 p{ color:#828282;}
.xw_dj{ width:100%; text-align:center;}
.xw_dj a{ color:#333333; font-size:1.2em;}

.foot_r { width:100%; margin-top:2.5em; background:#D7D7D7; height:5em; position:fixed; bottom:0; z-index:200;  max-width: 640px; min-width:300px; overflow:hidden;}
.foot_r li{ float:left; width:25%; margin:auto; text-align:center; padding:0.5em 0;}
.foot_r li a img { width:30%;}
.foot_r li a {font-size:0.6rem; color:#000000;}
.foot_r li h3 { font-weight:300;}

.gy_banner{ width:100%;}
.gy_banner img{ width:100%;}

.gy_pp{width:100%; overflow:hidden;}
.gy_pp ul{ width:90%; margin:auto; padding-bottom:1.5rem;}
.gy-1 { width:40%;}
.gy-1 img{ width:100%;}
.gy-2 { width:88%; margin:auto; font-size:1.1rem; line-height:2rem;}

.gy_gy{width:100%; overflow:hidden; margin-top:1rem;}
.gy_gy ul{ width:90%; margin:auto; padding-bottom:1.5rem;}
.gy_gy li{ float:left;}
.gyy-1{ width:55%;}
.gyy-1 img{ width:100%;}
.gyy-2 {width:45%;text-align:right;}
.gyy-2 img{vertical-align:middle}

.nav_tit{width:90%; margin:2.5rem 0 2rem 5%; font-size:1.2rem; font-weight:400; color:#0000FF;}
.nav_tit span{border-bottom:#FF0000 2px solid;}


.zx{width:90%; margin:auto; overflow:hidden; margin-top:1rem;}
.zx2 { width:50%;}
.zx2 img{width:100%;}

.gy_list{width:90%; margin:2rem auto 0; background:#fff; padding-bottom:2rem;}
.gy_list ul{margin-top:2rem;}
.gy_list li{width:100%; margin-top:2rem;}
.gy_list li h2 img{ width:100%;}
.gy_list li p{ width:95%; margin:1.5rem auto 0; font-size:1rem; border-bottom: #333333 1px solid; padding-bottom:1rem;}
.gy_list li p a{color:#000000;}

.gg_list{width:90%; margin:auto ; background:#fff; padding-bottom:2rem;}
.gg_list li { width:95%; font-size:1rem; border-bottom: #333333 1px solid; padding:1rem 0 1rem 5%;}
.gg_list li a{color:#000000;}

.zx_list{width:90%; margin:2rem auto 0; background:#fff; padding-bottom:2rem; padding-top:0.5rem;}
.zx_list ul{}
.zx_list li{width:100%; margin-top:2rem;}
.zx_list li h2 img{ width:100%;}
.zx_list li p{ width:95%; margin:1.5rem auto 0; font-size:1rem; border-bottom: #333333 1px solid; padding-bottom:1rem;}
.zx_list li p a{color:#000000;}

.gy_dsj{width:100%; overflow:hidden; margin-top:3rem;}
.gy_dsj ul{ width:90%; margin:auto; padding-bottom:1.5rem;}
.gy_dsj li{ float:left;}
.dsj-1{ width:70%;}
.dsj-1 img{ width:100%;}

.dsj_list{ width:90%; margin:auto;}
.dsj_list ul{ margin-top:1rem;}
.dsj_list li{ width:100%; margin:1rem 0;}
.dsj_list li img{ width:100%;}

.gyy_banner{ width:100%;}
.gyy_banner img{ width:100%;}

.gyy_news { width:90%; margin:1rem auto 0; background:#fff;}
.gyy_news h2{ width:100%;}
.gyy_news h2 img{ width:100%;}
.gyy_news h3 { width:90%; margin:auto; padding-top:2rem; border-bottom:1px solid #322d2a; padding-bottom:1rem; color:#322d2a; font-size:1.1rem; text-align:center;}
.gyy_news p{ width:90%; margin:2rem auto 0; color:#322d2a; font-size:1rem; line-height:1.8rem;}
.gyy_news p img{ width:100%}

.xq_banner{ width:100%;}
.xq_banner img{ width:100%;}

.xq_tb{position:absolute; padding:10px 0 10px 15px;}
.new_xq1 { width:90%; margin:auto;color:#0033CC; font-size:1.2rem; font-weight:500; padding-top:2rem;}
.new_xq2 { width:90%; margin:auto; color:#000033; font-size:1rem; border-bottom:1px #999999 solid; padding-bottom:0.8rem; padding-top:1rem;}
#mapContainer{height:300px; width:90%; margin:2rem auto;}

.lx{ width:100%;}
.lx img{ width:100%;}
.lx_news .swiper {width:100%; background:#f5f5f5; padding-top:1rem;}
.lx_news .swiper-slide {display:flex;flex-direction:column;}
.lx_news .swiper-slide h3{ padding-top:1rem; padding-bottom:.4em; width:100%; font-weight:500; margin:auto; font-size:1rem;}
.lx_news .swiper-slide img {width:80%; margin:auto;}
.lx_news .swiper-slide a{ color:#000000;}

.lx_mx .swiper {width:100%; background:#f5f5f5; padding-top:1rem;}
.lx_mx .swiper-slide{display:flex;
flex-direction:column; width:30%;}

.djk{ width:100%;}
.djk img{ width:100%; display:block;}
.djk_x .swiper {width:90%; background:#f5f5f5; padding-top:1rem; margin:auto;}
.djk_x .swiper-slide {display:flex;flex-direction:column;}
.djk_2 { margin-top:2rem;}
.djk_4 .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.djk_4 .swiper-slide {display:flex;flex-direction:column;}
.djk_4 .swiper-slide img{ width:80%; margin:auto;}

.gk{ width:100%;}
.gk img{ width:100%; display:block;}
.gk_x .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.gk_x .swiper-slide{display:flex;
flex-direction:column; width:33%;}
.gk_2{ margin-top:2rem;}

.gk_p .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.gk_p .swiper-slide{display:flex;
flex-direction:column; width:50%;}
.gk_5{ margin-top:2rem;}
.gk_m .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.gk_m .swiper-slide{display:flex;
flex-direction:column; width:100%;}
.gk_m .swiper-slide img{ width:80%; margin:auto;}
.gk_7{ margin-top:1rem;}
.gk_8{ margin-top:1rem;}
.gk_9{ margin-top:1rem;}
.gk_h .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.gk_h .swiper-slide{display:flex;
flex-direction:column; width:100%;}

.yspx{ width:100%;}
.yspx img{ width:100%; display:block;}
.yspx_p .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.yspx_p .swiper-slide{display:flex;
flex-direction:column; width:100%;}
.yspx_p .swiper-slide img{ width:80%; margin:auto;}

.sx{ width:100%;}
.sx img{ width:100%; display:block;}
.sx_p .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.sx_p .swiper-slide{display:flex;
flex-direction:column; width:50%;}
.sx_p .swiper-slide img{ width:100%; margin:auto;}
.sx_3{ margin-top:2rem;}
.sx_m .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.sx_m .swiper-slide{display:flex;
flex-direction:column; width:100%;}
.sx_m .swiper-slide img{ width:80%; margin:auto;}
.sx-list{ width:90%; margin:auto;}
.sx-list li{ width:100%; border-bottom:1px #333333 solid; padding:1.5rem 0;}
.sx-list li p{ margin-top:1rem;}
.sx-list li a{ color: #333333; font-size:1rem;}

.zxs{ width:100%;}
.zxs img{ width:100%; display:block;}
.zxs_p .swiper {width:90%; margin:auto; background:#f5f5f5; padding-top:1rem;}
.zxs_p .swiper-slide{display:flex;
flex-direction:column; width:100%;}
.zxs_p .swiper-slide img{ width:80%; margin:auto;}

.gy_12 { width:100%;}
.gy_12 img{ width:100%;}

.xzsp_1{ width:100%; margin:auto;}
.xzsp_1 img{ width:100%; margin:auto;}
.xzsp_2{width:100%; margin:auto; margin-top:30px;}
.xzsp_2 img{ width:100%; margin:auto;}
.xzsp_13{width:100%; margin:auto; margin-top:30px;}
.xzsp_13 img{ width:100%; margin:auto;}
.xzsp_31 { width:100%; margin:auto; margin-top:10px;}
.xzsp_31 img{ width:100%; margin:auto;}
.xzsp_32 { width:100%; margin:auto; margin-top:10px;}
.xzsp_32 img{ width:100%; margin:auto;}
.xzsp_33 { width:100%; margin:auto; margin-top:10px;}
.xzsp_33 img{ width:100%; margin:auto;}

.xzsp_4{width:100%; margin:auto; padding-top:40px; background:#fff; padding-bottom:30px;}
.xzsp_4 img{ width:100%; margin:auto;}


.xzsp_5{width:100%; margin:auto; padding-top:30px;}
.xzsp_5 img{ width:100%; margin:auto;}
.xzsp_6{width:100%; margin:auto; margin-top:10px;}
.xzsp_6 img{ width:100%; margin:auto;}
.xzsp_7{width:100%; margin:auto; margin-top:10px;}
.xzsp_7 img{ width:100%; margin:auto;}
.xzsp_8{width:100%; margin:auto; margin-top:10px;}
.xzsp_8 img{ width:100%; margin:auto;}
.xzsp_9{width:100%; margin:auto; margin-top:10px;}
.xzsp_9 img{ width:100%; margin:auto;}
.xzsp_11{width:100%; margin:auto; margin-top:10px;}
.xzsp_11 img{ width:100%; margin:auto; margin-bottom:11em;}

.foot_2 { width:100%; margin-top:2.5em; background:#284b13; height:10em; position:fixed; bottom:0; z-index:200;  max-width: 640px; min-width:300px; overflow:hidden; border-radius:10px 10px 0 0;}
.foot_2 li{ float:left; color:#fff;}
.foot_2 li:nth-child(1){ width:50%; padding-left:5%; margin-top:1em;}
.foot_2 li:nth-child(1) h2{ padding-bottom:0.2em; border-bottom:1px #fff solid;}
.foot_2 li:nth-child(1) h3{ margin-top:0.6em; font-weight:300; font-size:10px;}
.foot_2 li:nth-child(1) h3 img{vertical-align:middle}
.foot_2 li:nth-child(1) h4{margin-top:0.5em; font-weight:300; font-size:12px;}
.foot_2 li:nth-child(1) h4 a{font-weight:300;  font-size:12px; color:#fff;}
.foot_2 li:nth-child(1) h4 img{vertical-align:middle}
.foot_2 li:nth-child(2) {width:30%; margin-left:10%; margin-top:1em; text-align:center;}
.foot_2 li:nth-child(2) img{ width:6em;}
