@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.25rem 0.3rem 0.5rem;}
.nav{  margin:0rem  auto 0.3rem;  display: table; text-align:center;}
.nav a{ width:3rem; height:36px; background:#777676;display:block; float:left; border-radius:5px; line-height:36px; text-align:center;color:#fff;font-size:14px; margin:0.1rem 0.1rem 0.1rem 0.14rem;}
.nav a:hover,.nav .active{ background: #9e0b00;  }
.wrap_n{ width:10rem; display:table; padding:0 0 0.7rem;}

.ab_bt {text-align: center; display:table; margin:0 auto; padding:0.65rem 0 0.4rem;}
.ab_bt h1 { font-size: 32px; line-height:1.2; font-weight: bold; color: #0065bb; text-transform: uppercase; }
.ab_bt h1 span{ color: #035ca7;}
.ab_bt div {display: flex;align-items: center;justify-content: center;margin-top: 0.1rem;}
.ab_bt div p {font-size: 18px;color: #000;text-transform: uppercase; line-height:20px;}
.ab_bt div p span{ font-weight:100;}
.ab_bt div .btx {display: block;width: 30px; height:2px; background:#000;margin: 2px 0.15rem 0;}


.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;}


.case2{ width:9.62rem; margin:0 auto; display: table; padding:0 0 0.2rem }
.case2 dl{width:4.8rem; float:left;  /*height:450px;*/ text-align:center; margin:0 auto; padding:0px; overflow: hidden;}
.case2 dl a .cp_t{width:4.53rem; height:3.12rem;  /*height:450px;*/ text-align:center;position:relative; margin:0; padding:0px; overflow: hidden;}
.case2 dl a .cp_t img{width:4.53rem; height:3.12rem; display: table;    border: none;   max-width: 100%;}
.case2 dl a{ width:100%;  display:block; color:#fff; width:4.53rem; display:table; margin:0 auto}
.case2 dl a h1{ font-size:15px; color:#333; line-height:2; padding:0.15rem 0 }
.case2 dl a h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1;}


/*news*/
.news{ width:10rem; margin:0 auto 0.4rem; display:block;}
.news a{ width:9.4rem; margin:0 auto; border-bottom:1px solid #dcdcdc;  color:#7f7d7d;  height:2.58rem; display: block; padding:0.3rem 0;}
.news a .news_t{ width:3.75rem; height:2.50rem; margin:0;  float: left; overflow: hidden;}
.news a .news_t img{width:3.75rem; height:2.5rem;display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.news a:hover .news_t img,.news a:active .news_t img{transform: scale(1.1);}
.news a .news_r{ width:5.4rem; margin:0 0 0 0.25rem;float: left;}
.news a .news_r time{ font-size:15px; color:#a7a7a7; line-height:0.6rem; margin:0 auto 0.03rem; display: block;}
.news a .news_r h1{ font-size:14px; color:#4f4e4e;line-height:0.6rem; }
.news a .news_r h1{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.news a .news_r h2{ height:0.7rem; font-size:13px; line-height:0.7rem; display:block; overflow:hidden; margin-bottom:0.1rem;}
.news a .news_r h2{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}

.news a .news_r .more1{ width:1.72rem; height:0.47rem; border:1px solid #727171; background:url(../images/news_jt2.png) no-repeat center center; background-size:0.66rem 0.19rem; display:block;}
.news a:hover .news_r .more1,.news a:active .news_r .more1{ border:1px solid #bf994f; background:url(../images/news_jt1.png) no-repeat center center;background-size:0.66rem 0.19rem;display:block;}
.news a:hover h1,.news a:active h1{  color:#039d59;}

.news a:hover .news_r .more1{  border:1px solid #039d59; background:url(../images/news_jt1.png) no-repeat center center; display:block;}
.news a:hover h1{ color:#039d59;}

/*lx*/

.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_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: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;}

.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:#9e0b00; border-radius:5px; color:#fff; margin:0.4rem auto 0.5rem;}
/*招聘*/
.join_bt{ font-size:14px; text-align:center; line-height:2; color:#333; padding:0.3rem 0.5rem ;}
.join{width:9.6rem; display: table; margin:0 auto 0.2rem;}
.join_t{ width:9.6rem; height:50px; line-height:50px; margin:0 auto 8px ; background:#035ca7; font-size:16px; color:#fff;}
.join_t span{ display:block; float:left; padding:0 0 0 0.3rem;}
.join dt a{ width:9.6rem; background:#eeeeee; margin:3px auto; font-size:14px; color:#515151; line-height:48px; height:48px; display: inline-block;}
.join dt a h1{ font-size:14px; width:3.3rem; float:left;padding:0 0 0 0.3rem;}
.join dt a h2{ font-size:14px; width:2rem; float:left; text-align:center;padding:0 0 0 0.3rem;}
.join dt a h3{ font-size:14px; width:3.3rem; float:left;padding:0 0 0 0.3rem;text-align:center;}
.join dt a h1,.join dt a h3{display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}


.join dt a span{ font-size:14px; width:2rem;  height:48px; display: block; float:left; text-align:center;padding:0 0 0 0.3rem;}
.join dt a span img{ width:18px; height:18px; margin:16px auto 0;}


@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;}
.ab_bt h1 { font-size: 30px;}
.ab_bt div p {font-size: 16px;}
	}
@media screen and (max-width:320px) {
.nav a{ font-size:13px;}
.ab_bt h1 { font-size: 27px;}
.ab_bt div p {font-size: 14px;}
	}


