@charset "utf-8";

/* CSS Document */

.bann{ width:100%; margin:0 auto; display:none}

.bann img{ display:block; width:100%;} 

.about{ font-size:16px; line-height:2; color:#333;margin:0.4rem 0.3rem 0.5rem;}

.nav{  margin:0rem  auto 0.3rem;  display: table; text-align:center; padding:0 0 0 0.06rem}

.nav a{ width:3rem; height:36px; border:1px solid #dbdbdb; box-sizing:border-box; display:block; float:left; border-radius:5px; line-height:36px; text-align:center;color:#333;font-size:14px; margin:0.1rem 0.1rem 0.1rem 0.16rem;}

.nav a:hover,.nav .active{ background:#142d81; color:#fff  }



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



/* 内页主体 */

.page-content{position: relative; padding-bottom: 20px; border-top: 1px solid #ddd;}

/* 内页导航分类 */

.page-sort{position: absolute; z-index: 99; top: 0; bottom: 0; background: #eeeeee; width: 50%; left: -50%; -webkit-transition: all .5s ease; transition: all .5s ease; min-height: 50vh;    min-height: 50vh;}

.page-sort .page-sort-title{position: relative; font-size: 20px; color: #434343; padding: 12px 0 12px 10%; line-height: 30px;}

.page-sort .page-sort-title .page-sort-btn{position: absolute; right: 10px; top: 12px; width: 30px; height: 30px; border-radius: 50%; text-align: center; background:url(../images/close.png) no-repeat center center #146db4;background-size:15px; }

.page-sort .page-sort-title .page-sort-btn .iconfont{color: #fff; font-size: 18px; vertical-align: 1px;}

.page-sort .first-sort > li{margin-bottom: 10px;}

.page-sort .first-sort > li > a{display: block; font-size: 18px; color: #323232; background: #e5e5e5; padding: 10px 0 10px 10%;}

.page-sort .first-sort > li > a:after{content: '>'; margin-left: 10px;}

.page-sort .first-sort > li:hover > a, .page-sort .first-sort > li.active > a{background: #146db4; color: #fff;}

.page-sort .sub-sort{background: #eaeaea; display: none;}

.page-sort .sub-sort > li > a{display: block; font-size: 16px; padding: 10px 0 10px 20%; color: #323232;}

.page-sort .three-sort{background: #dcdcdc; display: none;}

.page-sort .three-sort > li > a{display: block; font-size: 14px; padding: 5px 0 5px 30%; color: #323232;}

.page-sort.open{left: 0;}
/* 内页导航分类 */
.page-sort1{position: absolute; z-index: 99; top: 0; bottom: 0; background: #fff; width: 100%; left: -100%; -webkit-transition: all .5s ease; transition: all .5s ease; min-height:50vh;}
.page-sort1 .page-sort-title{position: relative; font-size: 18px; color:#146db4; padding: 12px 0 12px 0.4rem; line-height: 30px; font-weight: bolder}
.page-sort1 .page-sort-title .page-sort-btn{position: absolute; right: 10px; top: 12px; width: 30px; height: 30px; border-radius: 50%; text-align: center; background:url(../images/close.png) no-repeat center center #146db4;background-size:15px; }
.page-sort1 .page-sort-title .page-sort-btn .iconfont{color: #fff; font-size: 18px; vertical-align: 1px;}
.page-sort1 .first-sort{ padding: 0 0 0 0.4rem;}
.page-sort1 .first-sort > li{ width: 100%; padding: 0 0 0rem;float: left; box-sizing: border-box}
.page-sort1 .first-sort > li > a{display: block; background:url(../images/nav2.png) no-repeat 0 12px ;background-size:8px;  font-size: 16px; color: #146db4;  padding: 0.2rem 0 0.2rem 0rem;}
.page-sort1 .first-sort li .nav2{}
.page-sort1 .first-sort li .nav2 li {width:50%;float: left; }
.page-sort1 .first-sort li .nav2 li a{  font-size: 13px; color: #323232; line-height: 2  }
.page-sort1 .sub-sort{background: #eaeaea; display: none;}
.page-sort1 .sub-sort > li > a{display: block; font-size: 16px; padding: 10px 0 10px 20%; color: #323232;}
.page-sort1 .three-sort{background: #dcdcdc; display: none;}
.page-sort1 .three-sort > li > a{display: block; font-size: 14px; padding: 5px 0 5px 30%; color: #323232;}
.page-sort.open{left: 0;}

/* 内页产品分类 */

.bread-crumbs{position: relative; border-bottom: 1px solid #e5e5e5; padding: 12px 15px; margin:0 0 0.4rem; text-align: right; font-size: 16px; color: #323232; line-height: 30px;}

.bread-crumbs span{display: inline-block; color: #146db4;}

.bread-crumbs .open-btn{display: inline-block; position: absolute; left: 15px; width: 30px; height: 30px; border-radius: 50%; text-align: center; background:url(../images/nav11.png) no-repeat center center #146db4;background-size:15px; }

.bread-crumbs .open-btn .iconfont{font-size: 16px; vertical-align: 0; color: #fff;}

.bread-crumbs.detail{text-align: left; border-top: 1px solid #e5e5e5;}

.bread-crumbs a{ color:#333;}



.xw_bt1{  font-size:20px; color:#333; line-height:1.3; padding:0.3rem 0 0.4rem; font-weight:bolder; width:9.2rem; text-align:center; display:table; margin:0 auto}

.xw_ico{ display: table; margin:0 auto}

.xw_ico dl{ float:left; margin:0 0.2rem; font-size:13px; line-height:0.5rem;}

.xw_ico dl i{ float:left; width:0.5rem; height:0.5rem;}

.xw_ico dl i.icon-font1{ background:url(../images/xw_ico2.png) no-repeat center center; background-size:0.4rem;}

.xw_ico dl i.icon-font2{ background:url(../images/xw_ico1.png) no-repeat center center; background-size:0.4rem;}

.xw_xx{ width:9.4rem; display:table; background:#CCC; height:1px; margin:0.3rem auto; opacity:.3}



.cp_xxt{ width:9.2rem; display:table; margin:0 auto; padding:0.1rem 0 0}

.cp_xxt img{ width:100%; display:table}



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





/* 上一篇下一篇 */

.prev-next{ width:9.4rem; margin:0 auto;line-height: 30px; font-size: 13px; color: #333;}

.prev-next .previous,

.prev-next .next{background: #eeeeee; margin: 10px 0; padding: 0 15px; position: relative;}

.prev-next .previous:hover,

.prev-next .next:hover{background: #146db4; color: #fff;}

.prev-next .previous:hover a, .prev-next .previous:hover span,

.prev-next .next:hover a,

.prev-next .next:hover span{color: #fff;}

.prev-next .previous span,

.prev-next .next span{position: absolute; right: 20px; top: 0; font-size: 14px; color: #666666;}

.prev-next a{color: #146db4; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 100px 0 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}





/*xw1*/

.xw1{ width:9.2rem; display:table; margin:0 auto}

.xw1 li{ border: 1px solid #e5e5e5; margin:0 0 20px; }

.xw1 li a{ width:100%; display:table; box-sizing:border-box; padding:8px 10px; font-size:14px; color:#333; line-height:1.5}

.xw1 li a h4,.xw1 li a p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

.xw1 li a h4{ font-size:18px; margin:0 0 0.1rem}



/*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_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: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;}







/* 在线留言*/

.mob-message{padding: 15px;}

.mob-message .input-item{margin-bottom: 15px;}

.mob-message .input-item input[type="text"],

.mob-message .input-item textarea{width: 100%;height: 35px;border: 1px solid #ccc;background: #fff;font-size: 14px;color: #333;border-radius: 4px;padding-left: 10px;-webkit-box-sizing: border-box;box-sizing: border-box;}

.mob-message .input-item input[type="text"]:focus,

.mob-message .input-item textarea:focus{border-color: #146db4;outline: none;}

.mob-message .input-item textarea{height: 100px;resize: none;padding-top: 5px;}

.mob-message .input-item input[type="text"].verifycode{width: 35%;}

.mob-message .input-item #checkcode{vertical-align: middle;margin: 0 5px;}

.mob-message .input-item .msg-wrap{position: static !important;}

.mob-message .input-item #change-code{font-size: 14px;color: #f00;}

.mob-message .input-btn{margin-bottom: 20px;}

.mob-message .input-btn .submit{width: 35%;height: 35px;background: #146db4;color: #fff;font-size: 14px;border-radius: 5px;border: none;outline: none;}

.mob-message .input-btn .submit:hover{background: #cd0072;}



/* 招聘列表 */

.page-job-list{margin: 0 15px;}

.page-job-list li{border-bottom:1px solid #d6d6d6;width: 100%; display: table; line-height: 20px;}

.page-job-list li div{padding: 10px 0; width: 24%; float: left; margin-right: 1.3333%; text-align: center; font-size: 14px; color: #323232;}

.page-job-list li div:last-child{margin-right: 0;}

.page-job-list li span.more{width: 20px; height: 20px; text-align: center; line-height: 19px; background: #146db4; color: #fff; font-size: 18px; display: inline-block; border-radius: 50%;}

.page-job-list .job-list-item{border-bottom: none; padding: 10px 0;}

.page-job-list .job-list-item div{border-bottom: 2px solid #146db4; font-size: 16px;}

.page-job-list .job-list-item div .iconfont{font-size: 18px; margin-right: 5px;}

/* 招聘详情 */

.product-detail { padding: 15px; box-sizing: border-box; width: 100%}

.job-detail-title{font-size: 20px; color: #146db4; border-bottom: 1px solid #ccc; line-height: 2; position: relative;}

.job-detail-title:before{content: ''; position: absolute; z-index: 9; width: 85px; height: 1px; background: #146db4; bottom: -1px; left: 0;}

.job-detail-content{padding-bottom: 40px;}

.job-detail-content h4{font-size: 16px; color: #146db4; font-weight: normal; margin: 20px 0 10px 0;}

.job-detail-content .text{font-size: 14px; color: #333; line-height: 1.5;}

.job-detail-content .text p img,

.job-detail-content .text img{max-width: 100%; width: auto !important; height: auto !important;}

.job-detail-content .submit-btn{margin-top: 20px;}

.job-detail-content .submit-btn a{display: inline-block; padding: 7px 15px; font-size: 14px; color: #fff; background: #4AA3DF; border-radius: 5px;}

.job-detail-content .submit-btn a:hover{background: #4393c9;}

/*留言*/

.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:#146db4; border-radius:5px; color:#fff; margin:0.7rem auto 0.5rem;}

.cont .yzm{ display:table}

.cont .yzm input{ width:3rem; float:left}

.cont .yzm a{ width:5rem; float:left; font-size:12px; color:#f00; padding:0.2rem 0; line-height:0.9rem}

.cont .yzm a img{ height:0.9rem; float:left; margin:0 0.2rem}



/* 上一篇下一篇 */

.prev-next{ width:9.4rem; margin:0 auto; line-height: 30px; font-size: 14px; color: #333;}

.prev-next .previous,

.prev-next .next{background: #eeeeee; margin: 10px 0; padding: 0 15px; position: relative;}

.prev-next .previous:hover,

.prev-next .next:hover{background:#146db4; color: #fff;}

.prev-next .previous:hover a,

.prev-next .previous:hover span,

.prev-next .next:hover a,

.prev-next .next:hover span{color: #fff;}

.prev-next .previous span,

.prev-next .next span{position: absolute; right: 20px; top: 0; font-size: 14px; color: #666666;}

.prev-next a{color: #146db4; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0 100px 0 70px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}





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







	}

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



	}