@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:0.2rem  auto;  display: table; text-align:center; padding-left:0.18rem}
.nav a{ width:4.5rem; border:1px solid #393838; display:inline-block;border-radius:5px; float:left; line-height:36px; text-align:center;color:#393838;font-size:15px; margin: 0 0.15rem 0.3rem ;}
.nav a:hover,.nav .active{ background:#2484f1; color:#fff; border:1px solid #2484f1;  }

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

.ry{ display:table; margin:0 auto; padding-left:0.4rem}
.ry dl{float:left;width:4.6rem; text-align:center;margin:0px ; }

.ry a img{display: table; margin:0 auto;    border: none; width:4.09rem; height:5.5rem;    max-width: 100%;}
.ry a{ width:4.09rem;  display: table; margin:0 auto; color:#fff; }
.ry a h3{ font-size:15px; width:4.09rem;  text-align:center; color:#333; line-height:1rem;}



.cp1 ul li{width:4.8rem; display:block; color:#000000;float:left; margin:0 0 0.2rem;}
.cp1 ul li a{width:4.53rem;   margin:0 auto; display: table;}
.cp1 ul li a h1{ font-size:18px;  color:#444444;line-height:52px; display:block; text-align:center;width:100%; margin:0 auto;}

.cp1 ul li a .cp_t{  width: 4.53rem; height:2.84rem; display:block;  overflow: hidden; box-sizing:border-box;}
.cp1 ul li a .cp_t img{ width: 4.53rem; height:2.84rem;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp1 ul li a:hover .cp_t img{transform: scale(1.05);}
.cp1 ul li a:hover .cp_t{ border:3px solid #18896b}
.cp1 ul li a:hover h1 { color:#fff; background:#18896b}
.cp1 ul li a:hover .cp_t{ }



.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_05.png);background-size:1.41rem 1.25rem;}
.lx dt .lxt3{ background:url(../images/lx_01.png);background-size:1.41rem 1.25rem;}
.lx dt .lxt4{ background:url(../images/lx_04.png);background-size:1.41rem 1.25rem;}
.lx dt h1{ font-size:16px; display:block; float:left; margin:0.2rem 0 0; width:6.4rem; line-height:0.8rem;}
.lx dt h2{ font-size:20px; color:#191919; line-height:1.2;width:6.4rem;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;}

.nav11{ border:1px solid #dbe1de; width:9.5rem; display:table; background:#f7f7f7; padding:0.25rem 0.25rem ; margin:0.4rem auto 0.5rem; text-align:center; box-sizing:border-box;}
.nav11 a{ color:#0b0808; font-size:14px; padding:0 0.3rem; display: inline-block; border:1px solid #fff; border-radius:5px; margin:0.1rem 0.2rem 0.1rem; line-height:2.1;}
.nav11 a:hover,.nav11 .on{ border:1px solid #006834; color:#006834; background:#fff;}


/*留言*/
.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:#2484f1; border-radius:5px; color:#fff; margin:0.4rem auto 0.5rem;}


@media screen and (max-width:414px) {


	
	}
@media screen and (max-width:384px) {
	.nav a{ font-size:14px;}

}	
	
@media screen and (max-width:375px) {
	}
@media screen and (max-width:360px) {
		.nav a{ font-size:13px;}


}		
	
@media screen and (max-width:320px) {
		.nav a{ font-size:12px;}

	}