@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;  display: table; text-align:center;}
.nav a{ width:2.2rem; height:36px; background:#ecedee;display:block; float:left; border-radius:5px; line-height:36px; text-align:center;color:#444;font-size:14px; margin:0.1rem 0.1rem 0.1rem 0.16rem;}
.nav a:hover,.nav .active{ background:#073582; color:#fff }

.wrap_n .bt{    margin: 0.9rem auto 0.5rem;}
.wrap_n{ width:10rem; display:table; padding:0 0 0.7rem;}
.bt2{ display:table; text-align:center; margin:0 auto; padding:0.75rem 0 0.15rem;}
.bt2 h1{ text-transform: uppercase; color:#073582; font-weight:bolder; font-size:32px; line-height:1}
.bt2 h2{ text-transform: uppercase; color:#080103; font-size:13px;line-height:30px;}
.bt2 h2 span{ background:#080103; width:32px; height:1px; display:inline-block; margin:0 12px 6px;}

.bt0{ text-align:center;  display:table; margin:0.5rem auto 0.4rem; width:10rem;position:relative;}
.bt0 h1{ font-size:33px; color:#073582; line-height:80px; top:0; position:absolute; width:100%; font-weight:bolder }
.bt0 h2{  font-size:56px; color:#333333; opacity:.1; text-transform: uppercase;  line-height:80px; padding:0}
.bt0 img{ width:72px; display:table; margin:0 auto}


.wrap_n .hz{ display:table; margin:0 auto 0 0.25rem}


.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;}


.ry{ width:10rem; display:table}
.ry ul{ padding-left:0.2rem}
.ry li{ float:left; width:4.69rem; float:left; margin-right:0.2rem }

.ry li a{ width:100%; position:relative; display:table}
.ry li a h1{ display: table;  width:100%;height:1rem; line-height:1rem; font-size:14px; text-align:center; color:#333}
.ry li a .ry_t{width:4.69rem; height:2.92rem;  display:block;  overflow: hidden;background:#fff;border:2px solid #7496f0; box-sizing:border-box }
.ry li a .ry_t img{width:4.69rem; height:2.92rem;   width: 100%;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.ry li a:hover .ry_t img{transform: scale(1.05);}


.ry li a h1,.cp ul li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

.cp{ width:10rem; display:table}
.cp ul{ padding-left:0.2rem}
.cp ul li{ float:left; width:4.69rem; float:left; margin-right:0.2rem }

.cp ul li a{ width:100%; position:relative; display:table}
.cp ul li a h1{ display: table;  width:100%;height:1rem; line-height:1rem; font-size:14px; text-align:center; color:#333}
.cp ul li a .cp_t{width:4.69rem; height:3.47rem;  display:block;  overflow: hidden;background:#fff;box-sizing:border-box }
.cp ul li a .cp_t img{width:4.69rem;  height:3.47rem;   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover .cp_t img{transform: scale(1.05);}

.xz{ width:9.2rem; display:table; margin:0 auto 0.7rem;}
.xz .xz_n{ font-size:16px; text-align:center; line-height:2; padding:10px 0 20px}
.xz ul{ width:100%; border:1px solid #c2c7c5; box-sizing:border-box}
.xz ul li{ background:#ededed; width:100%; display:table; padding:0.2rem 3%; box-sizing:border-box; }
.xz ul li a h1{ font-size:15px; line-height:0.7rem; float:left; color:#000; width:6.3rem}
.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:#073582; float:right; font-size:12px; color:#fff; width:1.8rem; text-align:center;line-height:0.7rem; border-radius:25px;}
.xz ul li:nth-child(2n) { background:#f4f5f5}
.xz ul li a:hover span{ background:#333}

/*news*/
.k5{ width:10rem; display:table; margin:0 auto; background:#f6f6f6; padding:0.2rem 0}
.idea_r{  display: table; margin:0.2rem auto 0.6rem; padding:0.3rem 0 0}
.idea_r a{ font-size:13px; color:#7f7d7d; border:1px solid #e9e9e9; background:#fff; display:table; width:9.4rem; margin:0rem auto 0.4rem; padding:0.25rem 0;}
.idea_r a li{width:9.4rem; display:block; margin-bottom:0.4rem;}
.idea_r a li .time{ width:1.7rem; height:1.4rem;float:left; margin-right:0.4rem; color:#333333; border-right:1px solid #b5b3b3;}
.idea_r a li .time h1{ font-size:42px; width:100%; text-align:center; line-height:0.9rem; height:0.9rem;}
.idea_r a li .time span{ width:100%; line-height:0.5rem; font-size:12px; text-align:center; display:block;}


.idea_r a li .idea_w{ width:7rem; float:left;}
.idea_r a li .idea_w h1{ line-height:0.7rem; height:0.7rem; margin-bottom:0.12rem; font-size:15px; color:#4f4e4e;}
.idea_r a li .idea_w h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.idea_r a:hover {background: #073582;color:#fff;}
.idea_r a:hover li .idea_w h1,.idea_r a:hover li .time{ color:#fff;}

.idea_r a li .idea_w h2{ font-size:13px; line-height:0.5rem; height:0.5rem;}
.idea_r a li .idea_w h2,.al_Scroll  dl a .cz_w h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }


.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 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;}

/*kc*/
.kc1{width:9.6rem; margin:0.3rem auto; display: table;}
.kc1 dt{ width:9.6rem; height:3.12rem; margin:0.0rem auto 0.3rem}
.kc1 dt a{ display:block;}
.kc1 dt a .kc_t{ width:4.06rem; height:3.12rem; margin:0;  float: left; overflow: hidden;}
.kc1 dt a .kc_t img{width:4.06rem; height:3.12rem;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.kc1 dt a:hover .kc_t img{transform: scale(1.1);}
.kc1 dt a .kc_w{ width:5.48rem; float:left; border:1px solid #cfcfce; border-left:none; height:3.12rem;box-sizing: border-box; text-align:center; color:#555555;}
.kc1 dt a .kc_w h1{ font-size:22px; font-weight:bolder; line-height:1.2rem; margin:0.4rem 0 0;}
.kc1 dt a .kc_w h2{ font-size:14px;text-transform: uppercase; line-height:1;}
.kc1 dt a .kc_w span{ width:30px; background:#005294; height:3px; display:block; margin:0.3rem auto 0;}

.kc1 dt a:hover .kc_w h1{ color:#005294;}


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

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


	
	}
	
@media screen and (max-width:384px) {
.bt2 h1{ font-size:30px}
.bt2 h2{ font-size:12px}	
	
}
	
@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 a .news_r h2{ font-size:13px;}
.cp a .news_r h3{ font-size:12px;}
.cp a .news_r h1{ font-size:16px;}

.idea_r a li .idea_w h1{ font-size:14px;}
.idea_r a li .idea_w h2{ font-size:12px;}
.idea_r a li .time h1{ font-size:40px;}



	}
@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;}
.idea_r a li .idea_w h1{ font-size:13px;}
.idea_r a li .time h1{ font-size:38px;}


	}

	
	.xze{text-align:center; font-size:0; margin-top: 20px;}
.xze a{display:inline-block; border:solid 1px #1753a5; text-align:center; font-size:14px; color:#1753a5; height:32px; border-radius:5px; line-height:28px; padding: 0 13px; margin-left:5px; margin-right:5px; margin-bottom:10px;}
.xze a.activ{background:#1753a5; color:#fff;}