@charset "utf-8";
/* CSS Document */
.bann{ width:100%; margin:0 auto; display:none}
.bann img{ display:block; width:100%;} 
.about{ font-size:13px; line-height:24px; color:#484948;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;}
.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 #1271b3;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: #1271b3; 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;}
/* 内页产品分类 */
.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: #1271b3;}
.bread-crumbs .open-btn{display: inline-block; position: absolute; left: 15px; width: 30px; height: 30px; border-radius: 50%; text-align: center; background:url(../images/nav1.png) no-repeat center center #1271b3;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: #1271b3; 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: #1271b3; 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;}

.sy_cp1{ width: 10rem; padding-left:0.2rem; display:table; box-sizing:border-box; margin: 0 0 0.4rem}
.sy_cp1 dl{width: 4.8rem;/* height: 3.41rem;*/ float:left; margin:0 0 0.1rem;}
.sy_cp1 dl a{ margin:0 auto; display:table}
.sy_cp1 dl a .cp_t{ width: 4.53rem;  height: 3.02rem;   }
.sy_cp1 dl a .cp_t img{ width: 4.53rem;  height: 3.02rem; display:table}
.sy_cp1 dl a h1{  width:4.53rem;  height:1rem; line-height:1rem; font-size:15px; color:#333; text-align:center}
.sy_cp1 dl a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }


.cp{ width:10rem; display:table; margin:0 auto; padding:0 0 0 0.1rem; box-sizing:border-box}
.cp dl{float:left; width:4.9rem;text-align:center;position:relative; margin:0 0 0.1rem;}
.cp dl a{  width:4.53rem; display: table; margin:0 auto }
.cp dl a h1 { font-size:15px; width:100%;text-align:center; height:1rem; line-height:1rem; color:#333;}
.cp dl a h1,.xfdb dl a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.cp dl a:hover h1{ background:#142d81; color:#fff;  display:block;}
.cp dl a .cp_t{ width:4.53rem; height:3.34rem; display:block;  overflow: hidden;}
.cp dl a .cp_t img{width:4.53rem; height:3.34rem;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp dl a:hover img{transform: scale(1.1);}

.cp1{ width:10rem; display:table; margin:0 auto; padding:0 0 0 0.1rem; box-sizing:border-box}
.cp1 dl{float:left; width:4.9rem;text-align:center;position:relative; margin:0 0 0.1rem;}
.cp1 dl a{  width:4.53rem; display: table; margin:0 auto }
.cp1 dl a h1 { font-size:15px; width:100%;text-align:center; height:1rem; line-height:1rem; color:#333;}
.cp1 dl a h1,.xfdb dl a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }
.cp1 dl a:hover h1{ background:#142d81; color:#fff;  display:block;}
.cp1 dl a .cp_t{ width:4.53rem; height:3.12rem; display:block;  overflow: hidden;}
.cp1 dl a .cp_t img{width:4.53rem;  height:3.12rem;   display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp1 dl a:hover img{transform: scale(1.1);}
/*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}


.product-detail{padding: 15px;}

/* 招聘列表 */
.page-job-list{margin: 0 15px;}
.page-job-list li{border-bottom: 1px solid #d6d6d6; line-height: 20px; display:table; width:100%}
.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: #1271b3; 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 #1271b3; font-size: 16px;}
.page-job-list .job-list-item div .iconfont{font-size: 18px; margin-right: 5px;}
/* 招聘详情 */
.job-detail-title{font-size: 20px; color: #1271b3; 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: #1271b3; bottom: -1px; left: 0;}
.job-detail-content{padding-bottom: 40px;}
.job-detail-content h4{font-size: 16px; color: #1271b3; 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;}

/* 上一篇下一篇 */
.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:#16439b; 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: #16439b; 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;}


/*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: #1271b3;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: #1271b3;color: #fff;font-size: 14px;border-radius: 5px;border: none;outline: none;}
.mob-message .input-btn .submit:hover{background: #cd0072;}

/*留言*/
.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:#1271b3; 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}

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

	}