@charset "UTF-8";

/* css 初始化 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}
body {
  background: #fff;
  color: #555;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
td,
th,
caption {
  font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  color: #313131;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img {
  border: none;
}
img {
  padding: 0;
  border: 0;
  margin: 0;
}
ol,
ul,
li {
  list-style: none;
}
input,
textarea,
select,
button {
  font: 14px Verdana, Helvetica, Arial, sans-serif;
}
table {
  border-collapse: collapse;
}
html {
  overflow-y: scroll;
  overflow-x: hidden;
}
/* css common */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  *zoom: 1;
}
a:hover {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
/*.............................................................*/
/* ...................................    首页    ........................................ */
/*......................   头部样式   ....................*/
header {
  height: 130px;
}
header .logo {
  float: left;
  margin-top: 20px;
}
header .calling {
  float: right;
  margin-top: 45px;
}
.navmain {
  background-color: #1e50ae;
}
.navmain ul {
  width: 1050px;
  margin: 0 auto;
  height: 50px;
  line-height: 50px;
}
.navmain ul li {
  color: #fff;
  float: left;
  width: 150px;
  text-align: center;
  position: relative;
}
.navmain ul li a {
  color: #fff;
  font-size: 17px;
}
.navmain ul li:hover {
  background-color: #2c67d6;
}
.navmain ul .current-menu-item {
  background-color: #2c67d6;
}
/* .......................  contain  ........................ */
.contain {
  /* ...................    公司介绍    ............. */
  /* ...................    工程案例  ................. */
  /* ........................     技术指导   .................... */
  /* .......................    公司荣誉  ................... */
  /* ........................   友情链接    ...................... */
}
.contain .con_company {
  margin-top: 50px;
}
.contain .con_company .con_com_news {
  width: 375px;
  float: left;
}
.contain .con_company .con_com_news .con_com_news_top {
  margin-bottom: 22px;
  /* .new {
          float: left;
          font-size: 27px;
        } */
}
.contain .con_company .con_com_news .con_com_news_top p {
  float: left;
  font-size: 27px;
}
.contain .con_company .con_com_news .con_com_news_top p span {
  font-weight: bold;
}
.contain .con_company .con_com_news .con_com_news_top .img_news {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.contain .con_company .con_com_news .con_com_news_top .more {
  float: right;
  display: inline;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #4e4e4e;
  color: #fff;
  margin-top: 7px;
}
.contain .con_company .con_com_news .con_com_news_bottom {
  /* border-box: */
  background-color: #f7f7f7;
  padding: 24px;
  border: 1px solid #ddd;
  border-top: 2px solid #000;
}
.contain .con_company .con_com_news .con_com_news_bottom ul {
  height: 203px;
}
.contain .con_company .con_com_news .con_com_news_bottom ul li {
  overflow: hidden;
  margin-bottom: 12px;
}
.contain .con_company .con_com_news .con_com_news_bottom ul li .con_title {
  float: left;
}
.contain .con_company .con_com_news .con_com_news_bottom ul li .date {
  float: right;
}
.contain .con_company .con_com_news .con_com_news_bottom ul li.last {
  margin-bottom: 0;
}
.contain .con_company .con_com_about {
  width: 800px;
  float: right;
}
.contain .con_company .con_com_about .con_com_about_top {
  margin-bottom: 22px;
  /* .about {
          float: left;
          font-size: 27px;
        } */
}
.contain .con_company .con_com_about .con_com_about_top p {
  float: left;
  font-size: 27px;
}
.contain .con_company .con_com_about .con_com_about_top p span {
  font-weight: bold;
}
.contain .con_company .con_com_about .con_com_about_top .img_about {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.contain .con_company .con_com_about .con_com_about_top .more {
  float: right;
  display: inline;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #4e4e4e;
  color: #fff;
  margin-top: 7px;
}
.contain .con_company .con_com_about .con_com_about_bottom .about_banner {
  float: left;
  width: 340px;
}
.contain .con_company .con_com_about .con_com_about_bottom .about_company {
  float: right;
  width: 428px;
}
.contain .con_company .con_com_about .con_com_about_bottom .about_company .company_name {
  font-size: 24px;
}
.contain .con_company .con_com_about .con_com_about_bottom .about_company .company_details {
  margin-top: 30px;
  line-height: 26px;
}
.contain .con_company .con_com_about .con_com_about_bottom .about_company .company_details a {
  color: #ed0016;
}
.contain .con_case {
  box-sizing: border-box;
  margin-top: 50px;
  padding-top: 58px;
  width: 100%;
  height: 698px;
  background-image: url(../img/con_case_bg.png);
}
.contain .con_case .con_case_1 {
  display: block;
  margin: 0 auto;
}
.contain .con_case .con_case_title {
  font-size: 28px;
  color: #fff;
  text-align: center;
  margin-top: 16px;
}
.contain .con_case ul {
  margin-top: 50px;
}
.contain .con_case ul li {
  float: left;
  width: 25%;
}
.contain .con_case ul li .item {
  width: 280px;
  margin: 0 auto;
}
.contain .con_case ul li .item .item_img {
  width: 280px;
  height: 310px;
}
.item_img img{ width:280px; height: 310px;}
.contain .con_case ul li p {
  width: 100%;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  color: #666666;
  text-align: center;
  background-color: #fff;
}
.contain .con_case .kown_more {
  width: 156px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #8a8a8a;
  color: #fff;
  font-size: 16px;
  margin-top: 50px;
}
.contain .con_teach {
  margin-top: 50px;
}
.contain .con_teach .con_teach_top {
  /* .tech {
        float: left;
        font-size: 27px;
      } */
}
.contain .con_teach .con_teach_top p {
  float: left;
  font-size: 27px;
}
.contain .con_teach .con_teach_top p span {
  font-weight: bold;
}
.contain .con_teach .con_teach_top .img_ech {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.contain .con_teach .con_teach_top .more {
  float: right;
}
.contain .con_teach .con_teach_bottom {
  margin-top: 55px;
}
.contain .con_teach .con_teach_bottom .tea_item {
  display: inline-block;
  width: 362px;
  box-sizing: border-box;
  float: left;
  margin-right: 38px;
}
.contain .con_teach .con_teach_bottom .tea_item .item_date {
  font-size: 19px;
  color: #d2d2d2;
}
.contain .con_teach .con_teach_bottom .tea_item .item_title {
  font-size: 18px;
  margin-top: 23px;
}
.contain .con_teach .con_teach_bottom .tea_item .item_details {
  font-size: 12px;
  margin-top: 26px;
  padding-top: 26px;
  border-top: 1px solid #ddd;
}
.contain .con_teach .con_teach_bottom .tea_item_middle {
  margin-left: 58px;
}
.contain .con_teach .con_teach_bottom .tea_item_last {
  float: right;
}
.contain .con_acheave {
  margin-top: 48px;
  height: 480px;
  box-sizing: border-box;
  padding-top: 50px;
  background-image: url(../img/con_ach_bg.png);
}
.contain .con_acheave .ach_item {
  width: 33%;
  float: left;
}
.contain .con_acheave .ach_item .ach_box {
  width: 380px;
  margin: 0 auto;
}
.contain .con_acheave .ach_item .ach_box .ach_item_top {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 28px;
  color: #fff;
  background-color: #2ea2dd;
  border-top: 10px solid #7dc3e7;
  text-align: center;
  position: relative;
}
.contain .con_acheave .ach_item .ach_box .ach_item_top .con_ach_pic {
  position: absolute;
  top: 13px;
  left: 62px;
}
.contain .con_acheave .ach_item .ach_box .ach_item_top .con_ach_you {
  position: absolute;
  top: 20px;
  right: 16px;
}
.contain .con_engin {
  height: 218px;
  box-sizing: border-box;
}
.contain .con_engin .con_engin_top {
  margin-top: 50px;
  /* .engin {
        float: left;
        font-size: 27px;
      } */
}
.contain .con_engin .con_engin_top p {
  float: left;
  font-size: 27px;
}
.contain .con_engin .con_engin_top .img_engin {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
}
.contain .con_engin .con_engin_top .more {
  float: right;
  width: 70px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  background-color: #4e4e4e;
  color: #fff;
}
.contain .con_engin .con_engin_bottom {
  margin-top: 35px;
}
.contain .con_engin .con_engin_bottom ul li {
  box-sizing: border-box;
  width: 16.66%;
  height: 60px;
  float: left;
}
.contain .con_engin .con_engin_bottom ul li .img_sec {
  width: 180px;
  margin: 0 auto;
  border: 1px solid #ddd;
  height: 60px;
}
.contain .con_engin .con_engin_bottom ul li .img_sec img {
  margin: 0 auto;
  display: block;
  margin-top: 12px;
}
/* .......................   footer   ..................... */
footer {
  height: 200px;
  background-color: #0a66d1;
  box-sizing: border-box;
  padding-top: 45px;
}
footer .foot_left ul li {
  float: left;
  font-size: 16px;
  margin-right: 34px;
}
footer .foot_left ul li a {
  color: #fff;
}
footer .foot_left .foot_left_bottom {
  margin-top: 38px;
}
footer .foot_left .foot_left_bottom img {
  float: left;
}
footer .foot_left .foot_left_bottom .footer_cut {
  float: left;
  width: 1px;
  height: 45px;
  background-color: #fff;
  margin-left: 5px;
  margin-right: 12px;
}
footer .foot_left .foot_left_bottom .footer_infor {
  float: left;
  color: #fff;
  font-size: 12px;
}
footer .foot_right .footer_ww {
  position: absolute;
  right: 0;
  top: 3px;
}
footer .foot_right p {
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: 75px;
  right: 106px;
}
/* ...................................    首页结束    ................................... */
.about_cj .about_cj_title {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.about_cj .about_cj_title img {
  float: left;
  margin-top: 10px;
}
.about_cj .about_cj_title span {
  /* float: left; */
  font-size: 16px;
  margin-left: 4px;
}
.about_cj .about_cj_con {
  margin-bottom: 90px;
  /* ..........................   企业简介    ................. */
  /* ..............................  企业简介1  ....................... */
  /* .................................   企业简介2  .......................... */
  /* ...........................   在线咨询  .................... */
}
.about_cj .about_cj_con .about_cj_con_left {
  float: left;
}
.about_cj .about_cj_con .about_cj_con_left .img_about {
  margin-left: -3px;
}
.about_cj .about_cj_con .about_cj_con_left ul.top {
  width: 220px;
  border: 1px solid #ddd;
}
.about_cj .about_cj_con .about_cj_con_left ul.top li {
  position: relative;
  box-sizing: border-box;
  width: 220px;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
}
.about_cj .about_cj_con .about_cj_con_left ul.top li span {
  margin-left: 30px;
}
.about_cj .about_cj_con .about_cj_con_left ul.top li img {
  position: absolute;
  right: 8px;
  top: 16px;
}
.about_cj .about_cj_con .about_cj_con_left .about_cj_con_left_contact img {
  margin-top: 18px;
  margin-bottom: 24px;
}
.about_cj .about_cj_con .about_cj_con_left .about_cj_con_left_contact ul {
  padding-left: 14px;
  border-bottom: 1px solid #1968bd;
  border-left: 1px solid #ddd;
  width: 220px;
}
.about_cj .about_cj_con .about_cj_con_left .about_cj_con_left_contact ul li {
  margin-bottom: 18px;
}
.about_cj .about_cj_con .about_cj_con_right {
  float: right;
  width: 960px;
  min-height: 676px;
  border: 1px solid #ddd;
}
.about_cj .about_cj_con .about_cj_con_right .cj_right_img {
  width: 920px;
  margin: 0 auto;
  margin-top: 20px;
}
.about_cj .about_cj_con .about_cj_con_right .cj_right_img img {
  max-width: 100%;
  height: auto;
}
.about_cj .about_cj_con .about_cj_con_right p {
  width: 920px;
  margin: 0 auto;
  margin-top: 28px;
  line-height: 26px;
}
.about_cj .about_cj_con .about_cj_con_right p a {
  color: #ff3232;
}
.about_cj .about_cj_con .about_cj_con_right_news {
  float: right;
  width: 960px;
  min-height: 676px;
  border: 1px solid #ddd;
  position: relative;
}
.about_cj .about_cj_con .about_cj_con_right_news .cj_con_right_news_title {
  width: 920px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 30px;
  color: blue;
}
.about_cj .about_cj_con .about_cj_con_right_news ul {
  width: 920px;
  margin: 0 auto;
  margin-top: 20px;
}
.about_cj .about_cj_con .about_cj_con_right_news ul li {
  border-bottom: 1px dashed #ddd;
  height: 40px;
  line-height: 40px;
}
.about_cj .about_cj_con .about_cj_con_right_news ul li .news_details {
  float: left;
}
.about_cj .about_cj_con .about_cj_con_right_news ul li .news_date {
  float: right;
}
.about_cj .about_cj_con .about_cj_con_right_case {
  float: right;
  width: 960px;
  min-height: 676px;
  border: 1px solid #ddd;
  position: relative;
}
.about_cj .about_cj_con .about_cj_con_right_case .cj_con_right_case_title {
  width: 920px;
  margin: 0 auto;
  margin-top: 20px;
  font-size: 30px;
  color: blue;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.about_cj .about_cj_con .about_cj_con_right_case ul {
  width: 920px;
  margin: 0 auto;
  margin-top: 20px;
}
.about_cj .about_cj_con .about_cj_con_right_case ul li {
  box-sizing: border-box;
  float: left;
  width: 23%;
  border: 1px solid #ddd;
  margin-left: 2%;
  margin-bottom: 2%;
  height: 200px;
}
.about_cj .about_cj_con .about_cj_con_right_case ul li .case_img {
  max-width: 90%;
  margin: 0 auto;
  display: block;
  margin-top: 15px;
  height: 140px;
  overflow: hidden;
}
.about_cj .about_cj_con .about_cj_con_right_case ul li .case_img img {
  max-width: 100%;
  display: block;
}
.about_cj .about_cj_con .about_cj_con_right_case ul li p {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.about_cj .about_cj_con .themepark_commont {
  width: 500px;
  margin: 0 auto;
  margin-top: 75px;
}
.about_cj .about_cj_con .themepark_commont .liuy3 {
  margin: 40px 0;
  font-size: 16px;
}
.about_cj .about_cj_con .themepark_commont .liuy3 p {
  display: none;
}
.about_cj .about_cj_con .comments {
  display: none;
}
.navmain ul li ul {
  width: 150px;
  height: 100px;
  display: none;
  position: absolute;
  left: 0;
  top: 50px;
}
.navmain ul li:hover ul {
  display: block;
  z-index: 330;
  background-color: #1e50ae;
}
.navmain ul li ul li {
  width: 100%;
}
.current-menu-parent {
  background-color: #2c67d6;
}
/* ............................................................... */
.pagination {
  position: absolute;
  right: 0;
  bottom: 0;
}
.pagination a,
.pagination a:visited {
  float: left;
  background: #fff;
  margin: 0 5px 10px 0;
  padding: 8px 11px;
  line-height: 100%;
  border: 1px solid #ebebeb;
  border-radius: 2px;
}
.pagination .current,
.pagination .dots {
  background: #fff;
  float: left;
  margin: 0 5px 0 0;
  padding: 8px 11px;
  line-height: 100%;
  border: 1px solid #ebebeb;
  border-radius: 2px;
}
.pagination span.current,
.pagination a:hover {
  background: #0088cc;
  color: #fff;
  border: 1px solid #0088cc;
}
.screen-reader-text,
.pages {
  display: none;
}
.pagination .screen-reader-text {
  display: none;
}
#dituContent {
  margin: 0 auto;
  margin-top: 4em;
}
.spvks{height:489px;width:510px;}