@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 #da281f;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: #da281f; 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:#da281f; 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 #da281f;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: #da281f;  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: #da281f;}
.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 #da281f;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: #da281f; 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: #da281f; 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;}



.page-job-list{margin:0 15px}
.page-job-list li{border-bottom:1px solid #d6d6d6;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:#da281f;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 #da281f;font-size:16px}
.page-job-list .job-list-item div .iconfont{font-size:18px;margin-right:5px}
.job-detail-title{font-size:20px;color:#da281f;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:#da281f;bottom:-1px;left:0}
.job-detail-content{padding-bottom:40px}
.job-detail-content h4{font-size:16px;color:#da281f;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}
.resume-message{margin-top:10px;padding:0 15px}
/*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: #da281f;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: #da281f;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: #da281f; 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 #da281f; 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: #da281f; 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: #da281f; bottom: -1px; left: 0;}
.job-detail-content{padding-bottom: 40px;}
.job-detail-content h4{font-size: 16px; color: #da281f; 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:#da281f; 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:#da281f; 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: #da281f; 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;}

	}