@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; padding:0 0 0 0.2rem}

.nav a{ width:3.1rem; height:0.9rem; background:#f8bd01;     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:#ff2001; 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.41rem; display:block;  overflow: hidden;}

.cp dl a .cp_t img{width:4.53rem; height:3.41rem;  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_02.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;}



	}