/* ==========================================================================
   Other Page
   ========================================================================== */

.inner{}
.inner .index_{}
.inner .index_ .T{padding: 25px 0}
.detailPage .wrap{max-width: 980px}

.title-1{ border-bottom:1px solid #ccc; padding-bottom:1rem;}
.title-1 span{ font-weight:bold; display:inline-block; position:relative; font-size:2.4rem; font-weight:bold;}
.title-1 span:before{ content:""; background:#fff; width:70px; height:1px; top:49%; left:-85px; display:block; position:absolute;}
.title-1 span:after{ content:""; background:#fff; width:70px; height:1px; top:49%; right:-85px; display:block; position:absolute;}
.t1{ background-image:url(../img/tdot_1.png); color:#232324;}
.t1 span:before,.t1 span:after{ background:#1b85e7;}

/*内页图*/
.nbanner {height: auto;min-height: 200px;background-size: auto 100%;background-position: center center;background-repeat: no-repeat; }

/*面包屑*/
.sect_crumbs {padding: 10px;overflow: hidden;}
.crumb{font-size: 14px;color: #929090;text-align: right;}
.crumb a,.crumb span{font-size: 14px;color: #929090;line-height: 20px;}
.crumb i {color: #929090;font-size: 14px;font-weight: bold;}

/* ==========================================================================
   Common page
   ========================================================================== */
 .sect_inner {padding: 0 10px 20px;overflow: hidden;}
 .nbt {height: 38px;line-height: 38px;color: #fff;background: #0d62bd;font-size: 16px;padding: 0 10px;}
 .nbt em {display: inline-block;width: 20px;height: 20px;background: #fff;border-radius: 50%;margin-right: 5px;vertical-align: middle;}
/*留言板块*/
.sect_message {margin:10px;background: #fff;padding: 0;}
.sect_message form {width: 90%;padding: 10px 0;overflow: hidden;text-align: center;margin:0 auto;}
.sect_message .form-group {margin-bottom: 15px;width: 45%;float: left;margin-right: 5%;border-bottom:1px solid #0d62bd;}
.sect_message .form-control{background-color:#fff;color:#4f4949;border:none;box-shadow: none;}
.sect_message  textarea.form-control{height:110px}
.sect_message .btn{ background:#0d62bd; border:none;border-radius:20px;width: 50%;margin:0 auto;}

/*产品相册*/
.photo .swiper-container {width: 100%;height: 350px;margin-left: auto;margin-right: auto;}
.photo .swiper-slide {background-size: cover;background-position: center;}
.photo .gallery-top {height: 290px;width: 100%;border-bottom: 1px solid #eee;}
.photo .gallery-thumbs {height:80px;box-sizing: border-box;padding: 2px 0 0;}
.photo .gallery-thumbs .swiper-slide {height: 100%; opacity: 1;border: none;}
.photo .gallery-thumbs .swiper-slide div{ width:99%; height:99%; border:1px solid #ccc; background-color: #000; opacity: 0.5;}
.photo .gallery-thumbs .swiper-slide-active {opacity: 1;border: none;}
.photo .gallery-thumbs .swiper-slide-active div{ opacity:0;}
.photo .swiper-button-prev,.photo .swiper-button-next{ background-color:#ccc; background-size:50% auto;}
.photo .swiper-button-next, .photo .swiper-container-rtl .swiper-button-prev{ right:0;}
.photo .swiper-button-prev{ left:0;}
.photo .p-block{ position:relative;border: 1px solid #eee;}
.photo .pros{ width:100%; margin:0 auto; height:85px;}
.photo .p-block .swiper-button-prev,.photo .p-block .swiper-button-next{ background-color:#ccc; background-size:50% auto; bottom:20px; top:auto;}
.photo .pcon  {padding: 10px;overflow: hidden;background: #0d62bd;margin:10px auto;}
.photo .pcon h3 {font-size: 18px;font-weight: bold;color: #fff;line-height: 40px;border-bottom: 1px dashed #fff;margin-bottom: 5px;}
.photo .pcon h3 em {display: inline-block;width: 20px;height: 20px;background: #fff;border-radius: 50%;margin-right: 5px;vertical-align: middle;}
.photo .pcon p {color: #fff;font-size: 14px;line-height: 20px;}
@media (max-width: 414px) {
  .photo .gallery-thumbs {height: 60px;}
}
@media (max-width: 375px) {
  .photo .gallery-thumbs {height: 50px;}
}

.porder {padding: 10px;overflow: hidden;text-align: center;}
.porder a {display: inline-block;width: 48%;height: auto;line-height: 50px;font-size: 14px;color: #fff;font-weight: bold;background: #ff8800; border-radius: 15px;}
.porder a em {width: 35px;height: 35px;border-radius: 50%; display: inline-block;vertical-align: middle;line-height: 35px;margin-right: 5px;}
.porder a em i {color: #fff;font-size: 20px;vertical-align: middle;}
/*
 * 新闻
 */
.title_4 {margin:4rem 0;padding: 0;overflow: hidden;text-align: center;position: relative;}
.title_4 h3 {color: #333;font-family: "Times New Roman";font-size: 30px;line-height: 35px;}
.title_4 span {display: inline-block;color: #333;font-size: 33px;font-weight: bold;line-height: 35px;height: 35px;padding: 0 5%;background: #fff;position: relative;z-index: 3;}
.title_4:after {content: "";display: block;width:100%;height: 1px;background: #333;position: absolute;left: 0;right: 0;bottom: 17px; }

/*新闻样式*/
.sect_news {padding: 4em 0;background: #fff;}
.sect_news .box-title i{display: block;background: url(../img/xw.png) no-repeat left center;height: 30px;}
.sect_news .box-title span {display: inline-block;padding-left: 25px;color: #333;font-size: 30px;font-weight: bold;line-height: 45px;position: relative;}
.sect_news .box-title span:after {content: "";display: block;width: 40px;height: 1px;background: #333;position: absolute;right: -50px;top:50%;}
.sect_news .lmore {display: block;width: 84px;height: 49px;background: url(../img/jt.png) no-repeat left center;line-height: 49px;padding-left: 15px;float: right;}
.news-brow{}
.ul-news{ list-style:none;margin-bottom: 2rem;}
.xwimg{border: none;width: auto; position: relative;margin-bottom: 0;background: #fafafa;padding: 15px;transition:ease-out 0.5s;}
.xwimg a{ display: block;}
.xwimg .icon{ border:none; overflow: hidden;transition:all 0.5s;background: none;background: #fff;}
.xwimg .icon img {height: 100%;}
.xwimg .xwtit {padding: 15px 0;overflow: hidden;text-align: left;}
.xwimg .xwtit p {color: #333;font-size: 16px;padding: 0;line-height: 40px;}
.xwimg .xwtit span {color: #333;font-size: 14px;display: inline-block;}
.xwimg .xwtit span i {color: #333;font-size: 18px;font-weight: bold;display: inline-block;margin-right: 4px;}
.xwimg:hover {background: #c03018;}
.xwimg:hover p,.xwimg:hover span,.xwimg:hover span i {color: #fff;}
.ul-news1 {padding: 0;margin-bottom: 2rem;}
.ul-news1 .newli {padding: 20px;background: #fafafa;overflow: hidden;margin-bottom: 20px;}
.ul-news1 .newli .xwimg {padding: 0;} 
.ul-news1 .newli h3 {color: #333;font-size: 18px;line-height: 2;font-weight: normal;}
.ul-news1 .newli p {color: #999;font-size: 14px;line-height: 2;}
.ul-news1 .newli span {color: #333;font-size: 14px;display:block;text-align: center;margin-bottom: 10px;}
.ul-news1 .newli span i {color: #333;font-size: 18px;font-weight: bold;display: inline-block;margin-right: 4px;}
.ul-news1 .newli .n_more {display: block;width: 80%;height: 35px;line-height: 35px;text-align: center;margin:0 auto;border: 1px solid #999;border-radius: 20px;}
.ul-news1 .newli:hover {background: #c03018;}
.ul-news1 .newli:hover h3,.ul-news1 .newli:hover p,.ul-news1 .newli:hover span,.ul-news1 .newli:hover span i,.ul-news1 .newli:hover .n_more {color: #fff;}
.ul-news1 .newli .n_more:hover {background: #fff;color: #c03018;}

/*
 * 新闻详细
 */
.caseTitle{line-height: 50px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc}
.caseTitle span{color: #000;padding-left: 20px}
.caseTitle span.r{border-left: 1px solid #ccc;display: block;float: left}
.content .C {padding: 10px 2%}
/*正文*/
.newsDetail{ padding:3rem; background:#fff;}
.newsTit{text-align:center;padding-bottom:24px;background-color: #fff}
.newsTit h1{color:#000;font-weight: normal;line-height: 1.3}
.newsTit p{font-size:16px;color:#bbb}
.newsTit p a{color:#bbb}
.newsTit p span{padding:0 20px}
.newsThumb{text-align: center;padding-bottom: 40px}
.newsThumb img{max-width: 90%}
/*内容*/
.content{font-size:16px;line-height:30px;margin:10px auto;padding: 10px;border:1px solid #d8cfc6;position: relative;}
.content:before {content: "";width: 90%;height: 1px;background: #d8cfc6;position: absolute;top:-4px;left: 5%;}
.content:after {content: "";width: 86%;height: 1px;background: #d8cfc6;position: absolute;top:-6px;left: 7%;}
.content p{font-size:16px;margin:0 0 10px;line-height:30px}
.content ul li{list-style:inherit}
.content .n_top{margin-top:0}
.content .infoTitle {color: #0d62bd;text-align: center;font-size: 18px;}
.content .infoT {color: #ccc;font-size: 12px;}
.content .infoT span {display: inline-block;margin-right: 5px;}

.content_bak{font-size:16px;line-height:30px;}
.content_bak p{font-size:16px;margin:1.12em 0;line-height:30px}
.content_bak h1,.content_bak h2,.content_bak h3,.content_bak h4,.content_bak h5,.content_bak h6{line-height: 150%}
.content_bak h1{font-size:32px;font-weight:bold;margin:.67em 0}
.content_bak h2{font-size:24px;font-weight:bold;margin:.75em 0}
.content_bak h3{font-size:18px;font-weight:bold;margin:.83em 0}
.content_bak h4{font-size:16px;font-weight:bold;margin:1.12em 0}
.content_bak h5{font-size:14px;font-weight:bold;margin:1.5em 0}
.content_bak h6{font-size:12px;font-weight:bold;margin:1.67em 0}
.content_bak ul li{list-style:inherit}
.content_bak .n_top{margin-top:0}

/*
 * 招聘
 */
.section_njob.block1,.section_njob.block1 *{background: #f3f3f3}
.section_njob .services-box{padding-bottom: 0;}
.section_njob .services-box .icon{height: auto;font-size: 60px;color: #d83142}
.section_njob .services-box h3{color: #d83142;font-size: 20px;font-weight: normal}
.section_njob .services-box p,.section_njob .services-box p a{color: #7f7f7f;height: auto}
/*样式1*/
.jbox{margin-bottom: 20px; border-left:18px solid #091136; background:#f7f7f7; position:relative; padding:5rem 3rem;box-shadow: #efeaea 0 0 10px;}
.jbox .jbox_c{}
.jbox .jbox_c h5{font-size: 2.4rem;color: #ff8717;}
.jbox .jbox_c span{ color:#8e8e8e; display:block; padding:10px 0;}
.jbox .jbox_c p{font-size: 16px; line-height:30px; color:#1e1e1e; padding-top:1rem;}
.jbox .jbox_c a{padding: 0 3.5rem; line-height:4rem; font-size:3rem; font-family:"宋体"; display:inline-block; position:absolute; right:0; top:33%; color:#fff; background:#ff8717;}
.jbox .jbox_c a:hover{background: #ff8717; border-color:#ff8717;color: #fff}

/*
 * 招聘详细
 */
.jobapply{box-shadow: #ddd 0 0 20px;padding: 45px}
.jobchild{font-size: 14px;border-right: 1px solid #eee}
.jobchild p.job_label{padding:4px 0}
.jobchild h3.job_name{color:#333;line-height: 43px;font-size: 26px;margin-bottom: 15px;font-weight: 500;}
.jobchild h4.job_name{font-size: 15px;margin-top: 25px;margin-bottom: 5px;}
.jobchild p,.jobchild .job_label,.jobchild .job_cont{color:#7c7c7c; font-size:16px;}

/* 
 * 联系我们
 */
.usinfo{padding: 0;overflow:hidden;}
.usinfo .usinfo_title{margin-bottom:20px;font-size:24px}
.usinfo .info{color:#333;font-size:16px;line-height:30px; margin:10px 0;}
#map{width:100%;height:350px;border:1px solid #dcdbdb}
.usinfo i,.usinfo span{ display:inline-block;}
.usinfo i{ font-size:2.6rem; float:left; margin-right:10px; color:#666;}

/*关于我们*/
.n_about {padding: 20px;overflow: hidden;}
.about-img img {width: 100%;max-width: 100%;display: block;margin:10px auto;}


/*
 * 产品列表
 */
.bnav {text-align: center;line-height: 38px;padding: 0;overflow: hidden;}
.bnav a {display: inline-block;padding: 0 3%;border:1px solid #080103;color: #080103;border-radius: 20px;line-height: 38px;margin:0 1% 10px;font-size: 14px;}
.bnav a:hover,.bnav a.cur {background: #c03018;border:1px solid #c03018;color: #fff;}
.sect_prod{ position:relative;}
.sect_prod .wrap{ position:relative;}
.prolist {padding: 2rem 0;overflow: hidden;}
.sect_prod .media-box{ margin:0;width:auto; margin:0 0 2rem; position:relative;}
.sect_prod .media-box a{ display:block; overflow:hidden; position:relative;}
.sect_prod .media-box .icon{ border:none;}
.sect_prod .media-box a img{ position:relative; z-index:1;width: 100%;height: auto;}
.sect_prod .media-box .mark {position: absolute;z-index: 9;width:100%;height: 100%;top:0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.4);opacity: 0;display: none;}
.sect_prod .media-box .mark span {display: block;color: #fff;font-size: 16px;line-height: 30px;padding-top:30%;margin-bottom: 20px;}
.sect_prod .media-box:hover .mark { display: block;opacity: 1;transition:all 0.5s;}
.sect_prod .media-box:hover span{ color:#fff;}
.sect_prod .media-box:hover img{transform: scale(1.2,1.2);transition:all 0.5s;}

/*
 * 产品详细
 */
.pro-bg{ background:#091136;}
.prodDetail{}
.prodDetail h5{font-size: 18px;line-height:50px; background:#091136;}
.prodDetail h5 strong{background-color: #ff8717; display:inline-block; padding:0 3rem; color:#fff;line-height: 50px;position: relative;}
.f-picmid{width: auto; height:500px; vertical-align: middle; text-align: center; position:relative; overflow:hidden;}
.f-picmid img{width:auto;height: 100%; max-width:initial;}
.f-picmid .l-shadow {background:url(../img/bn_hover.gif) repeat;opacity: 0.4;filter: alpha(opacity=40);position: absolute;top: 0;left: 0; right: 0; bottom: 0}
.f-picmid a:hover .l-shadow{ display:none;}
.deright{padding-left: 5%}
.deright h4{ font-size:36px; color:#fff; line-height:50px;font-weight: normal;margin:3rem 0 0;}
.deright h4>span{ font-size:18px;}
.deright ul{padding: 10px 0}
.deright ul li{ color:#fff; line-height:30px;font-size: 16px;word-break:break-all;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;}
.deright ul li>span{ color:#fff;}
.yuall{ margin-top:30px; border-bottom:none;}
.yuall a{ float:left;display:block; text-align:center;line-height: 40px;color: #fff; background:#ff8717;padding: 0 10%;position: relative;  border-radius: 30px; margin:0 1%;}
.yuall a:hover,.yuall a.on{ background:#f3372e; color:#fff;}
.zx{margin-left:13px;}
.yuall i{font-size: 22px;position: absolute;top: 9px;left: 10px}

.newsNote{background-color: #f7f8f8;border: 1px solid #e2e2e2;padding: 20px;margin-top: 20px}
.newsNote p{margin: 0;line-height: 24px;}
.newsNote strong{font-size: 18px;color: #0d62be;line-height: 35px}


/* ========================================================================== */
.m-form{}
.m-form legend{ color:#333; font-size:3rem; font-weight:bold;}
.m-form legend span{ font-family:Constantia; font-size:14px; text-transform:uppercase; margin-left:10px;}


.m-component-more {
      font-family: 'microsoft yahei';
      padding-bottom: 10px;
      color: #323232;
      font-size: 16px;
      line-height: 24px;
      text-align:center;
  }
  .m-component-more a{
      display: inline-block;
      padding: 6px 12px;
      text-align: center;
      vertical-align: middle;
      -ms-touch-action: manipulation;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      color: #fff;
      background-color: #0d62bd;
      border-color: #fff;
      border-radius: 4px;
      font-size: 14px;
  }