@charset "utf-8";
/* CSS Document */
.bann{ width:100%; margin:0 auto;}
.bann img{ display:block; width:100%;} 
.about{ font-size:13px; line-height:24px; color:#484948;margin:0.10rem 0.3rem 0.5rem;}
.nav{  margin:0rem  auto 0.3rem; text-align:center;  display: table; width:100%; box-sizing:border-box; text-align:center; }
.nav a{ width:3.1rem; height:0.9rem; background:#e5e5e5;     color: #000;
    box-sizing:border-box; display: inline-block;  border-radius:5px; line-height:0.9rem; text-align:center;font-size:13px; margin:0.05rem ;}
.nav a:hover,.nav .on{ background:#006731; color:#fff;}

.fz_lc{ width:9rem; display:table; margin:0 auto; padding:0.5rem 0 0}
.fz_lc li{ width:100%; display:table; margin:0 0 0.8rem;}
.fz_lc li i{ float:left; width:1.3rem; height:1.3rem; text-align:center; font-size:0.38rem; display:table; background:#f8bd01; color:#000; border-radius:50%; line-height:1.3rem;}
.fz_lc li .fz_w{ width:7.2rem; display:table; float:right}
.fz_lc li .fz_w span{ color:#000; font-size:18px; font-weight:bolder; line-height:1; margin:0 0 0.2rem; display:table}
.fz_lc li .fz_w p{ font-size:12px; line-height:1.4; color:#999}

/**/
.bt01{ width:9.2rem; border-bottom:1px solid #CCC; display:table; margin:0 auto 0.4rem}
.bt01 h1{ font-size:16px; font-weight:100; color:#fff; background:#333; line-height:1rem; padding:0 0.6rem; display:table}

.swiper-box{margin: 0.4rem auto;width: 10rem; padding:0.4rem; box-sizing:border-box}
.pic_page{position: absolute;z-index: 100;right: 20px;bottom: 20px;font-size: 18px;color:#f8bd01;font-weight: bold}
img{display: block;width: 100%;height: 100%}
.view{position: relative}
.view .swiper-container{width: 100%;height: auto}
.view .arrow-left{position: absolute;left: 0;top: 50%;margin-top: -25px;width: 28px;height: 50px;background: url('../images/arrow_l.png') no-repeat center;background-size: 100%;z-index: 10}
.view .arrow-right{position: absolute;right: 0;top: 50%;margin-top: -25px;width: 28px;height: 50px;background: url('../images/arrow_r.png') no-repeat center;z-index: 10}
.view .swiper-slide div{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover}
.preview{width: 100%;margin-top: 18px;position: relative}
.preview .swiper-container{margin-left: 1.1rem;margin-right: 1.2rem; width:7rem}
.preview .swiper-slide{width: 1.88rem;height: 1.56rem;cursor: pointer;overflow: hidden}
.preview .swiper-slide img{width: 100%;height: 100%;margin: 0 auto;border: 1px solid #edeef5; box-sizing:border-box}
.preview .arrow-left{background-size: 100% ;position: absolute;left: 0px;top: 10px;margin-top: -9px;width:0.8rem;height: 1.56rem;background:rgb(53,53,53,.4);text-align: center;z-index: 10}
.preview .arrow-left span{display: inline-block;width: 100%;height:1.56rem;background: url('../images/arrow_l1.png') no-repeat center center;background-size: 30% ;/*transform: rotate(180deg);*/}
.preview .arrow-right{position: absolute;right: 0px;top: 10px;margin-top: -9px;width:0.8rem;height: 1.56rem;background:rgb(53,53,53,.4);text-align: center;z-index: 10}
.preview .arrow-right span{display: inline-block;width: 100%;height:1.56rem;background: url('../images/arrow_r1.png') no-repeat center;background-size: 30%;}
.preview .active-nav img{padding: 0;border-color: #f8bd01;opacity: .9}

.view .arrow-left{ opacity:0;background-size: 100% ;position: absolute;left: 0px;top:45%;width:1rem;height: 1rem;background: none;text-align: center;z-index: 10}
.view .arrow-left span{display: inline-block;width: 1rem;height:1rem;background: url('../images/ys_jt1.png') no-repeat center center;background-size: 70% ;/*transform: rotate(180deg);*/}
.view .arrow-right{opacity:0;position: absolute;right: 0px;top:45%;width:1rem;height: 1rem;background: none;text-align: center;z-index: 10}
.view .arrow-right span{display: inline-block;width:1rem;height:1rem;background: url('../images/ys_jt2.png') no-repeat center;background-size: 70%;}

/**/

.wrap_n{ width:10rem; display:table; padding:0 0 0.7rem;}
.wrap_n .bt{}

.xw_bt { margin: 0.4rem auto 0.3rem;  font-size: 18px;  color: #484848;  text-align: center;  font-weight: bolder;}
.xw_bt h1{ font-size:18px; font-weight:bolder; line-height:0.6rem; text-align:center;}

.about a { color:#01458f}
.wrap_n .sy_cp dl a{ border:1px solid #eeebeb; box-sizing:border-box}

.cp{ width:10rem; display:table; margin:0 auto; padding:0 0 0 0.1rem; box-sizing:border-box}
.cp dl{float:left; width:4.9rem;text-align:center;position:relative; margin:0 0 0.1rem;}
.cp dl a{  width:4.53rem; display: table; margin:0 auto }
.cp dl a h1 { font-size:15px; width:100%;text-align:center; height:1rem; line-height:1rem; color:#333;}
.cp dl a h1,.xfdb dl a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.cp dl a .cp_t{ width:4.53rem; height:3.17rem; display:block;  overflow: hidden;}
.cp dl a .cp_t img{width:4.53rem; height:3.17rem;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp dl a:hover img{transform: scale(1.1);}

.ry{ width:10rem; display:table; margin:0 auto; padding:0 0 0 0.1rem; box-sizing:border-box}
.ry dl{float:left; width:4.9rem;text-align:center;position:relative; margin:0 0 0.1rem;}
.ry dl a{  width:4.53rem; display: table; margin:0 auto }
.ry dl a h1 { font-size:15px; width:100%;text-align:center; height:1rem; line-height:1rem; color:#03488d;}
.ry dl a h1,.xfdb dl a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.ry dl a .cp_t{ width:4.53rem; height:6.2rem; display:block;  overflow: hidden;}
.ry dl a .cp_t img{width:4.53rem; height:6.2rem;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.ry dl a:hover img{transform: scale(1.1);}


.cp1{ width:10rem; display:table; margin:0 auto; padding:0 0 0 0.1rem; box-sizing:border-box}
.cp1 dl{float:left; width:4.9rem;text-align:center;position:relative; margin:0 0 0.1rem;}
.cp1 dl a{  width:4.53rem; display: table; margin:0 auto }
.cp1 dl a h1 { font-size:15px; width:100%;text-align:center; height:1rem; line-height:1rem; color:#333;}
.cp1 dl a h1,.xfdb dl a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
/*.cp1 dl a:hover h1{ background:#01458f; color:#fff;  display:block;}
*/.cp1 dl a .cp_t{ width:4.53rem; height:3.12rem; display:block;  overflow: hidden;}
.cp1 dl a .cp_t img{width:4.53rem;  height:3.12rem;   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp1 dl a:hover img{transform: scale(1.1);}


.xz{ width:9.2rem; margin:0 auto 0.4rem;}
.xz .xz_n{ font-size:13px; text-align:center; line-height:2; padding:0.1rem 0 0.2rem}
.xz ul{ width:100%; border:1px solid #c2c7c5; box-sizing:border-box}
.xz ul li{ background:#edeef0; width:100%; display:table; padding:0.2rem 0.3rem; box-sizing:border-box; }
.xz ul li a h1{ font-size:16px; line-height:40px; float:left; color:#333; width:6.6rem}
.xz ul li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

.xz ul li a span{ background:#344f7d; float:right; width:1.8rem; text-align:center; font-size:12px; color:#fff; line-height:0.8rem; border-radius:25px;}
.xz ul li:nth-child(2n) { background:#f4f5f5}
.xz ul li a:hover span{ background:#073582}


.lx_k{ width:10rem; display:table; margin:0 auto; padding:0.3rem 0;}
.lx{}
.lx dt{ width:9rem;  margin:0 auto 0.3rem; display:table; border:1px solid #d9d9d9; font-size:18px; color:#333333; }
.lx dt span{ width:1.41rem; float:left; height:1.25rem; display:block; margin:0.3rem 0.2rem; }
.lx dt .lxt1{ background:url(../images/lx_01.png);background-size:1.41rem 1.25rem;}
.lx dt .lxt2{ background:url(../images/lx_03.png);background-size:1.41rem 1.25rem;}
.lx dt .lxt3{ background:url(../images/lx_03.png);background-size:1.41rem 1.25rem;}
.lx dt .lxt4{ background:url(../images/lx_04.png);background-size:1.41rem 1.25rem;}
.lx dt .lxt5{ background:url(../images/lx_05.png);background-size:1.41rem 1.25rem;}
.lx dt .lxt6{ background:url(../images/lx_06.png);background-size:1.41rem 1.25rem;}

.lx dt h1{ font-size:15px; display:block; float:left; margin:0.2rem 0 0; width:6.4rem; line-height:0.8rem;}
.lx dt h2{ font-size:18px; color:#191919; line-height:1.2;width:6.8rem;display:block; float:left; margin:0 0 0.3rem;}

.lx_t{ display:table; width:9rem; border:3px solid #e4e4e4; margin:0.4rem auto 0.6rem;}



/*留言*/
.cont{ width:9rem; margin:0 auto;}
.cont .ts { font-size:15px; color:#636363; line-height:2; text-align:center; margin:0.1rem auto 0.3rem;}
.cont dt input{ background:#fff; border:1px solid #dddcdd; width:8.4rem;  height:0.9rem; line-height:0.9rem; padding:0 0.3rem; font-size:14px; color:#bbbbbb; float:left; margin:0.2rem auto;}
.cont dt textarea{background:#fff; border:1px solid #dddcdd; font-size:14px; color:#757575;padding: 0.3rem;width:8.4rem; height:2.7rem; margin:0.2rem auto;}
.cont .btn {font-size:15px; line-height:1; display:table; padding:0.25rem 1.2rem;text-align:center;  background:#01458f; border-radius:5px; color:#fff; margin:0.4rem auto 0.5rem;}
@media screen and (max-width:414px) {


	
	}
@media screen and (max-width:375px) {
.sp dl a h1{ font-size:13px;}
.news a .news_r h1{ font-size:13px;}
.news a .news_r h2{ font-size:12px;}


.cp ul li a h3{ font-size:15px;}

.nav a{ font-size:12px}

	}
@media screen and (max-width:320px) {
.cp a .news_r h1{ font-size:15px;}
.cp a .news_r h2{ font-size:12px;}

.kc1 dt a .kc_w h1{ font-size:20px;}
.kc1 dt a .kc_w h2{ font-size:12px;}

.cp ul li a h3{ font-size:14px;}

	}