@charset "utf-8";
/* ------------------------------------全局定义---------------------------------------- */
/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
* {
  margin: 0;
  padding: 0;
}

/* 修正IE5.x和IE6的斜体溢出bug */
* html body {
  overflow: visible;
}
* html iframe,
* html frame {
  overflow: auto;
}
* html frameset {
  overflow: hidden;
}






/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body {
  color: #000;
  background: #fff;
  font: 14px/24px Verdana, Arial, sans-serif, "Times New Roman",
    "microsoft yahei";
  text-align: center;
}
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
tr {
  margin: 0;
  padding: 0;
}
input,
select {
  font-size: 12px;
  vertical-align: middle;
}

/* 设置内容左对齐，恢复因BODY设置剧中产生的继承 */
body div {
  text-align: left;
}

/* 标签属性，textarea,input 强制输入时内容超出时换行 */
textarea,
input {
  word-wrap: break-word;
  word-break: break-all;
  padding: 0px;
}

/* 清除ul列表标记的样式，ul列表更多的用在不需要列表前置符号的样式里 */
li {
  list-style-type: none;
}

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img {
  border: 0 none;
}

/* 定义默认的链接样式，仅仅是作为默认样式提供，可以在各自的实例中覆盖掉 */
a:link,
a:visited {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #f60;
  text-decoration: none;
}

/* 去掉链接的虚线框 */
a {
  outline: none;
  star: expression(this.onFocus=this.blur());
}

/* 导入FontAwesome图标 */
@font-face {
  font-family: "FontAwesome";
  src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0")
      format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),
    url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

/* 定义H系列标签，覆盖H系列标签默认属性 */
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  clear: both;
}

.container {
  width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
}
.container_layout {
  width: 100%;
}

.w10 {
  width: 10%;
}
.w20 {
  width: 20%;
}
.w30 {
  width: 30%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w70 {
  width: 70%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}

.padb10 {
  padding-bottom: 10px;
}
.padb20 {
  padding-bottom: 20px;
}
.padb30 {
  padding-bottom: 30px;
}

.padt10 {
  padding-top: 10px;
}
.padt20 {
  padding-top: 20px;
}
.padt30 {
  padding-top: 30px;
}

.pad10 {
  padding: 10px 0;
}
.pad20 {
  padding: 20px 0;
}
.pad30 {
  padding: 30px 0;
}
.pad50 {
  padding: 50px 0;
}

.bg_gray {
  background: #f0efef;
}
.bg_blue {
  background: #2f669f;
}
.bg_orange {
  background: #d68f42;
}

.font_gray {
  color: #595757;
}
.font_blue {
  color: #2f669f;
}
.font_orange {
  color: #d68f42;
}


hr{border:none;border-bottom:1px solid #DaDaDa; height:1px;-webkit-transform: scaleY(0.5);-webkit-transform-origin:0 0;}





/* 首页 */
.top {
  height: 26px;
  display: block;
}

.top_tel {padding-top: 10px;float: right;}
.top_link {float: right;}
.top_link a {
  border-right: 1px solid #595757;
  color: #595757;
  padding: 0 10px;
}
.top_link a:last-child {
  border-right: none;
  padding: 0 0 0 10px;
}

.logo {
  width: 380px;
  float: left;
}
.icon_tel {
  width: 46px;
}
.tel {
  padding-left: 15px;
}
.tel p {
  font-size: 32px;
  font-style: italic;
  font-weight: bold;
  padding-bottom: 5px;
}
.tel strong {
  font-size: 18px;
  letter-spacing: 12px;
}

/* 主菜单 */

.menu_wrapper {
  margin-top: 20px;
}

.menu-mobile {
  display: none;
  padding: 10px;
}

.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
}

.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}

.menu > ul:after {
  clear: both;
}

.menu > ul > li {
  float: left;
  padding: 0;
  margin: 0;
  position: relative;
  border-bottom: 3px solid #2f669f;
}
.menu > ul > li:after {
  position: absolute;
  width: 1px;
  height: 20px;
  background: #6a7fa7;
  top: 15px;
  right: 0;
  content: "";
}
.menu > ul > li:last-child:after {
  background: none;
}

.menu > ul > li a {
  text-decoration: none;
  margin: 1em 4em;
  display: block;
  color: #fff;
  line-height: 20px;
}

.menu > ul > li:hover {
  border-bottom: 3px solid #d68f42;
}

.menu > ul > li.active {
  border-bottom: 3px solid #d68f42;
}

.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #0c4e77;
  padding: 10px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul:after {
  clear: both;
}
.menu > ul > li > ul > li a:hover {
  color: #d68f42;
}

.menu ul li ul.normal-sub {
  width: 240px;
  left: auto;
  padding: 10px 0px;
}

.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 0.4em 0;
  margin: 1em 2em;
}



/* 幻灯片 */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.callbacks_tabs.callbacks1_tabs {
  position: relative;
  z-index: 100;
  margin-top: -21px;
}
.callbacks_tabs.callbacks1_tabs li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  border-radius: 10px;
  border: 1px solid #fff;
  position: relative;
}
.callbacks_tabs.callbacks1_tabs li a {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  left: -1px;
  top: -1px;
  z-index: 1000;
  color: rgba(100, 200, 300, 0);
  color: transparent;
}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a {
  background: #fff;
}
.callbacks_container {
  position: relative;
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding-top: 140px;
}
.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
}
.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
}
.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  left: 0;
  opacity: 0.6;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -30px;
  display: none;
}
.callbacks_container:hover .callbacks_nav {
  display: block;
}
.callbacks_nav:active {
  opacity: 1;
}
.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
@media screen and (max-width: 480px) {
  .callbacks_nav {
    top: 68%;
  }
}

.search_wrapper {
  height: 46px;
  display: block;
  line-height: 46px;
}
.hotsearch span {
  color: #595757;
}
.hotsearch a {
  color: #595757;
  padding: 0 5px;
}

input {
  line-height: 28px;
  border-left: 1px solid #bebebe;
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  text-indent: 10px;
}
input.searin {
  margin-top: 8px;
}
.bt_seach {
  width: 30px;
  height: 30px;
  padding: 4px;
  text-align: center;
  display: block;
  border-radius: 0;
  margin-top: 8px;
  margin-left: -2px;
}

.swiper-container {
  width: 522px;
  height: 375px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.swiper-slide img {
  position: absolute;
  left: 0;
  top: 0;
}
.hot_wrapper {
  width: 100%;
  height: 40px;
  background: url(../images/mask.png);
  padding: 6px 15px;
  color: #fff;
  z-index: 999;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 14px;
}

.swiper-pagination-bullet-active {
  width: 10px !important;
  height: 10px !important;
}

.swiper-pagination-bullet-active {
  background: #f60 !important;
}

.swiper-pagination {
  text-align: right !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  right: 20px !important;
}

/* 热点新闻 */
.hot_new_list {
  position: relative;
  width: 620px;
}
.hot_new_list li {
  list-style: none;
}
.hot_new_list li a {
  color: #646464;
}
.hot_new_list li a:hover {
  color: #d68f42;
}

.hot_new_list li input {
  display: none;
}
.hot_new_list li label {
  float: left;
  padding: 5px 20px;
  text-align: center;
  line-height: 30px;
  border-right: 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 18px;
}
.hot_new_list li input:checked + label {
  color: #fff;
  background-color: #0c4e77;
}

.hot_new_list li .content88 {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 39px;
  width: 100%;
  height: 375px;
  box-sizing: border-box;
  transition: all 0.3s;
  border-top: 1px solid #dededf;
}

.hot_new_list li .content88 a p {
  font-size: 20px;
  font-weight: bold;
  color: #0c4e77;
  line-height: 60px;
}
.hot_new_list li .content88 a p:hover {
  color: #d68f42;
}
.hot_new_list li .content88 a span {
  color: #646464;
}

.home_news {
  padding-top: 10px;
}
.home_news a {
  line-height: 52px;
  display: block;
  border-bottom: 1px solid #dededf;
  color: #646464;
}
.home_news a i {
  padding-right: 10px;
}
.home_news a:hover {color: #d68f42;}

.hot_new_list li input:checked ~ .content88 {
  opacity: 1;
  visibility: visible;
}

.main_title {
  font-size: 20px;
  width: 100%;
  border-bottom: 1px solid #dededf;
  position: relative;
  padding-bottom: 10px;
}
.main_title a {
  position: absolute;
  right: 0;
  top: 0;
  color: #999999;
  font-size: 14px;
}
.main_title a:hover {
  color: #d68f42;
}
.title_line {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100px;
  background: #2f669f;
  height: 2px;
}
.home_yw {
  padding-left: 30px;
  width: 800px;
}

.home_yw_l a {
  font-size: 18px;
  font-weight: bold;
  color: #2f669f;
  text-align: right;
  padding: 30px 13px;
  border: 1px solid #dededf;
  border-radius: 8px;
  display: block;
  margin: 20px 20px 0 0;
  position: relative;
  float: left;
  width: 243px;
  height: 130px;
}
.home_yw_l a:nth-child(3n) {
  margin: 20px 0 0 0;
}

.home_yw_l a:hover {
  color: #fff;
  border: 1px solid #2f669f;
}

.home_yw_l a.yw01 {
  background: url(../images/yw_a01.png) 20px 30px no-repeat;
}
.home_yw_l a.yw01:hover {
  background: url(../images/yw_a02.png) no-repeat 20px 30px #2f669f;
}

.home_yw_l a.yw02 {
  background: url(../images/yw_b01.png) 20px 30px no-repeat;
}
.home_yw_l a.yw02:hover {
  background: url(../images/yw_b02.png) no-repeat 20px 30px #2f669f;
}

.home_yw_l a.yw03 {
  background: url(../images/yw_c01.png) 20px 30px no-repeat;
}
.home_yw_l a.yw03:hover {
  background: url(../images/yw_c02.png) no-repeat 20px 30px #2f669f;
}

.home_yw_l a.yw04 {
  background: url(../images/yw_d01.png) 20px 30px no-repeat;
}
.home_yw_l a.yw04:hover {
  background: url(../images/yw_d02.png) no-repeat 20px 30px #2f669f;
}

.home_yw_l a.yw05 {
  background: url(../images/yw_e01.png) 20px 30px no-repeat;
  padding-top: 40px;
}
.home_yw_l a.yw05:hover {
  background: url(../images/yw_e02.png) no-repeat 20px 30px #2f669f;
}

.home_yw_l a.yw06 {
  background: url(../images/yw_f01.png) 20px 30px no-repeat;
  padding-top: 40px;
}
.home_yw_l a.yw06:hover {
  background: url(../images/yw_f02.png) no-repeat 20px 30px #2f669f;
}

.home_xmdt {
  padding-top: 50px;
  width: 695px;
}
.home_honner {
  padding-top: 50px;
  width: 416px;
}

.swiper-container.swiper-container2 {
  width: 416px;
  height: 265px;
}
.swiper-slide.swiper-slide2 {
  text-align: center;

  padding-top: 40px;
}

.swiper-slide.swiper-slide2 img {
  margin: 35px 77px;
  width: 266px;
}
.swiper-slide.swiper-slide2 p {
  font-size: 14px;
  padding-top: 200px;
}
.swiper-button-next,
.swiper-button-prev {
  color: #bebebe !important;
}

.big_title {
  line-height: 40px;
  color: #fff;
  padding: 4px 15px;
  font-size: 18px;
  margin-top: 50px;
}

.big_title a {
  font-size: 14px;
  color: #fff;
}
.big_title a:hover {
  color: #d68f42;
}

.home_jp a {
  float: left;
  margin: 20px 32px 20px 0;
  width: 372px;
}
.home_jp a:nth-child(3n){margin: 20px 0px 20px 0;}

.home_jp p {
  font-size: 16px;
}

.home_jp a  {
  transition: all 0.5s ease 0s;
  transform: translateY(0px);
}
.home_jp a:hover {
  transform: translateY(-10px);
}
.home_jp a img {width: 372px;height:400px}

footer {padding: 20px 0;display:inline-block;}
.f01 {width: 390px;}
.f01 strong,.f02 strong,.f03 strong {font-size: 18px;}
.f01 a{float: left;color: #fff;width: 195px;padding-right: 30px;padding-top: 10px;}
.f02 {width: 182px;}
.f02 a{float: left;color: #fff;width: 90px;padding-right: 30px;padding-top: 10px;}

.f03 p{color: #fff;padding-top: 10px;}


.copyright p,.copyright span,.copyright a {color: #fff;font-size: 12px;}



/*悬浮客服*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#0c4e77;margin-bottom:4px;cursor:pointer;outline:none;border-radius: 4px;}
.suspension .a.active,.suspension .a:hover{background:#f60;}
.suspension .a .i{float:left;color: #fff;font-size: 20px;}

.suspension .a .i.telicon{font-size: 24px;}
.suspension .a .i.senicon{font-size: 24px;}


/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:30px;height:30px;margin-top:12px;margin-left:12px;}
.suspension .a-service-phone .i{width:30px;height:30px;margin-top:12px;margin-left:12px;}
.suspension .a-qrcode .i{width:30px;height:30px;margin-top:12px;margin-left:12px;}
.suspension .a-cart .i{width:30px;height:30px;margin-top:12px;margin-left:12px;}
.suspension .a-top .i{width:30px;height:30px;margin-top:12px;margin-left:15px;}
.suspension .a-top{background:#f60;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}

.suspension .d-qrcode p{font-size:16px;color:#93959c;}




/* 二级BANNER */
.ban {text-align: center; padding: 10px 0;}
.ban img {width: 80px;margin: 0 auto;}
.ban h1 {font-size: 26px;line-height: 36px;}
.ban h3 {font-size: 16px;color: #C9C9CA;text-transform: uppercase;}


.sub_nav {border-bottom: 1px solid #ECEDED;width: 100%;margin: 30px auto;text-align: center;padding-bottom: 15px;}
.sub_nav a{font-size: 18px;padding: 0 16px;line-height: 32px;padding-bottom: 18px;}
.sub_nav a.active,.sub_nav a:hover {color: #0c4e77;border-bottom: 2px solid #2f669f;}



.news_wrapper {}
.news_wrapper li {width: 567px;margin: 30px 46px 0 0;float: left;}
.news_wrapper li:nth-child(2n){margin: 30px 0px 0 0}
.news_wrapper li .news_mask{position: relative;height: 195px;width: 567px;overflow: hidden;}
.news_wrapper li .news_mask p{color: #fff;position: absolute;left: 20px; bottom: 10px;z-index: 999;font-size: 18px;}
.news_wrapper li .news_mask .mask {background: url(../images/mask.png) repeat-x;width: 100%;height:46px;position: absolute;left: 0;bottom: 0;z-index: 99;}


.news_list_conetnt {background:#F6F7F7 ;padding: 15px;}
.news_list_conetnt p {color:#7C7B7B ;font-size: 12px;}

.news_list_bottom {background: #F2F2F2;padding: 5px 15px;height: 36px;}


.news_list_l {color:#989898 ;font-size: 12px;}
.news_list_l span {padding-right: 5px;}
.news_list_l span i{padding-right: 5px;}

.news_list_bottom a{color:#989898;font-size: 12px; }

.news_wrapper li .news_mask img{transition: all 0.5s ease 0s; transform:  scale(1);}
.news_wrapper li .news_mask img:hover{transform:  scale(1.1);}








.page-num {padding: 15px 0  60px 0;text-align: center;}
.page-num a {padding: 10px 20px;color: #888;}
.page-num .page-num-current {background: #ededed;border-radius: 20px;}





.content {width: 780px;padding: 40px 0;color: #262626;line-height: 28px;}
.content h1 {font-size: 30px;}





.news_list_bottom.content_date {background:#fff;padding: 25px 0; }

.content_wrapper {padding: 30px 0 100px 0;}
.content_wrapper img {padding: 20px 0;width: 100%;}

.content_hot {width: 318px;}




.home_news.content_ho {
  padding-top: 0px;
}

.home_news.content_ho a{

  line-height: 42px;
}

.home_news.content_ho2 {
  padding-top: 0px;
}

.home_news.content_ho2 img{
  height: 200px;
}

.home_news.content_ho2 a{
  border-bottom:none;
  line-height: 32px;
}


.xiangguan a {line-height: 42px;}

.project_wrapper li {width: 567px;margin: 30px 46px 0 0;float: left;}
.project_wrapper li:nth-child(2n){margin: 30px 0px 0 0}
.project_wrapper li .project_mask{position: relative;height: 295px;width: 567px;overflow: hidden;}
.project_wrapper li .project_mask p{color: #fff;position: absolute;left: 20px; bottom: 10px;z-index: 999;font-size: 18px;}
.project_wrapper li .project_mask .mask2 {background: url(../images/mask.png) repeat-x;width: 100%;height:46px;position: absolute;left: 0;bottom: 0;z-index: 99;}
.project_wrapper li .project_mask img{transition: all 0.5s ease 0s; transform:  scale(1);}
.project_wrapper li .project_mask img:hover{transform:  scale(1.1);}
.project_list_conetnt {padding: 15px 0;}
.project_list_conetnt p {color:#7C7B7B ;font-size: 14px;}





.service_wrapper li {width: 567px;margin: 30px 46px 0 0;float: left;}
.service_wrapper li:nth-child(2n){margin: 30px 0px 0 0}
.service_wrapper li .service_mask{position: relative;height: 195px;width: 567px;overflow: hidden;}
.service_wrapper li .service_mask img{transition: all 0.5s ease 0s; transform:  scale(1);}
.service_wrapper li .service_mask img:hover{transform:  scale(1.1);}
.service_list_conetnt {padding: 15px 15px 30px 0px;}
.service_list_conetnt strong{color:#0c4e77 ;font-size: 18px;line-height: 42px;}
.service_list_conetnt p { font-size: 14px;}



.honor_wrapper li {width: 380px;margin: 30px 20px 0 0;float: left;text-align: center;font-size: 16px;line-height: 42px; }
.honor_wrapper li:nth-child(3n){margin: 30px 0px 0 0}
.honor_wrapper li img{max-width: 100%;}







.hr_title li{width: 20%;font-weight: bold;font-size: 18px;float: left;color: #0c4e77;}
.hr_title {border-bottom: 1px solid #ededed;height: 42px;}

.hr_wrapper li{width: 20%;font-size: 16px;float: left;color: #4a4a4a;line-height: 60px;border-bottom: 1px solid #ededed;padding: 15px 0;}


.strong {font-weight: bold;}


/* 放大效果 */
.zoomify {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.zoomify.zoomed {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  z-index: 1501;
}
.zoomify-shadow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1500;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
}
.zoomify-shadow.zoomed {
  opacity: 1;
  cursor: pointer;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}





/* 下载 */


.down_wrapper li {float: left;text-align: center;font-size: 16px;line-height: 42px; width: 100%;padding: 30px 20px;}

.down_wrapper li img{width: 95px;border: 1px solid #ededed;padding: 6px;margin-right: 30px;}
.down_wrapper li strong {display: block;font-size: 20px;}
.down_wrapper li span {font-size:14px;color: #888;padding-right: 15px;}
.down_wrapper li p {font-size:14px;color: #888;}
.down_wrapper li a {font-size: 40px;padding-right: 30px;padding-top: 35px;;}
.down_wrapper li:nth-child(2n){background: #F6F7F7;}

.down_wrapper li:hover  {background: #e8e8e8;}




.search_box li {padding: 20px 0; border-bottom:1px solid #ededed;}











