﻿@charset "utf-8";
/* index CSS Document */

@import url(base.css);
/*reset*/

@import url(main.css);
/*main*/
.title { width: 100%; height: 110px; text-align: center; }
  .title p { font-size: 42px; font-family: "Microsoft YaHei"; color: rgb(0, 0, 0); margin-top: 40px; }
  .title hr { width: 60px; height: 4px; background-color: rgb(0, 0, 0); border: none; margin: 8px auto 0; }
.main_c { margin:0 2%;width:96%; }
  .main_c p, span { font-size: 24px; }
.New_title2 { text-align: center; padding-bottom: 20px; }
  .New_title2 span { font-size: 24px; padding-left: 10px; }
.about-cont .about-dl { padding-bottom: 20px; /* border-bottom: 1px #214871 solid; */ width: 100%; background: #ffffff; padding: 15px; box-sizing: border-box; margin-bottom: 20px; box-shadow: 1px 1px 10px #33334d; border-radius: 15px; }

.about-dl { font-size: 24px; }

  .about-dl img {
    max-width:100%;
  }

.pic a { padding-top: 5px; color: #214871; font-size: 20px;}

/*主体*/
.main {
    width:100%;
}
/*子菜单列表*/
.menulist {
    width:70%;
    overflow:hidden;
    clear:both;
    margin:0 auto;
}
    .menulist li {
        font-size: 28px;
        line-height: 3;
        margin-bottom:30px;
        background-color: rgb(1, 119, 217);
        text-align:center;
    }
        .menulist li a {
            color:#FFF;
        }
    /*产品列表*/
    .js-pro-list li {
        float: left;
        width: 50%;
        margin-bottom: 20px;
    }
  .js-pro-list li a { display: block; padding: 0 10px; }
  .js-pro-list li .pro-pic { border: 1px solid #214871; height: 243px; overflow: hidden; }
    .js-pro-list li .pro-pic img { width: 100%; }
  .js-pro-list li .pro-intro { font-size: 24px; color: #214871; text-align: center; }
    .js-pro-list li .pro-intro p { margin: 10px 0; }

/*文章列表*/
.js-blog-list li:first-child { border: none; }
.js-blog-list li { width: 100%; height: 158px; padding: 10px 0; border-top: 1px dotted #ccc; }
.clearfix { zoom: 1; }
.js-blog-list .news-pic { float: left; width: 35%; height: 100%; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }
  .js-blog-list .news-pic img { width: 100%; }
.js-blog-list .news-text { float: right; width: 63%; }
  .js-blog-list .news-text h2 { font-size: 24px; color: #214871; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; margin-bottom: 8px; }
  .js-blog-list .news-text i, .main_c .news-text .news-more { display: block; font-size: 24px; color: #214871; }
  .js-blog-list .news-text p { font-size: 24px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .js-blog-list .news-text .news-more { float: right; }
/*分页*/
.footpage { overflow: hidden; }

  .footpage ul { text-align: center; margin:10px auto; }

    .footpage ul li { display: inline-block;border: 1px solid #727070; padding: 0 30px; overflow:hidden }
      .footpage ul li a { color: #727070; font-size: 24px; line-height: 40px; }

/*详情页*/


.contact-list .contact-item { width: 100%; height: 70px; background: #fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #898989; overflow: hidden; margin-bottom: 20px; }
.contact-item label { width: 20%; text-align: right; }

.contact-item label, .contact-item input, .contact-item textarea { float: left; font-size: 24px; line-height: 70px; }
.contact-item input, .contact-item textarea { width: 75%; border: none; }
.contact-list li.contact-ly { height: 130px; }
.contact-item textarea { margin-top: 20px; line-height: 30px; height: 120px; font-family: "微软雅黑",arial; }
.contact-list li.contact-yzm { float: left; width: 70%; }
  .contact-list li.contact-yzm label { width: 30%; }
  .contact-list li.contact-yzm input { width: 60%; }
.contact-list  .yzm-pic { float: right; text-align:right;  width: 30%; height: 70px; }
  .contact-list .yzm-pic img { height: 100%; }
.contact-list .contact-btns { text-align: center;width:100%; overflow:hidden }
.contact-list .contact-btns button { display: inline-block; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; width: 177px; -webkit-border-radius: 5px; border-radius: 5px; /* background: url(../img/contact-btn.png) no-repeat center; */ background: #214871; }