/* CSS Document */

.clear::after,
.clear:before  { 
  content: ''  ; 
  display: table  ;
}
.clear:after {
  clear: both  ;
}
.clear2 {
  clear: both;
}

@font-face {
  font-family: scr;
  src: url("SC-REGULAR_0.OTF");
}

  body {
  margin: 0;
  padding: 0;
  line-height: 30px;

font-family:'Microsoft YaHei';
/* font-family:scr; */
  font-size: 14px;
  background: #fff;
}
div,
ul,
li,
dt,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
img,
p,
span {
  border-style: none;
  border-color: inherit;
  border-width: 0px;
  padding: 0;
  list-style-type: none;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

img {
  display: inline-block;
}
h {
  outline: none;
}
/* Link */
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  border: 0px;
  background-color: Transparent;
}
div,
input:focus {
  outline: none  ;
  
}
select,
textarea:focus {
  outline: none  ;
  
}


input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1bc912cpx white inset !important;


}



.blank5 {
  width: 100%;
  height: 5px;
  clear: both;
}
.blank07 {
  width: 100%;
  height: 7px;
  clear: both;
  background: #2176bf;
}
.blank10 {
  width: 100%;
  height: 10px;
  clear: both;
}
.blank12 {
  width: 100%;
  height: 14px;
  clear: both;
}
.blank15 {
  width: 100%;
  height: 15px;
  clear: both;
}
.blank20 {
  width: 100%;
  height: 20px;
  clear: both;
}
.blank25 {
  width: 100%;
  height: 25px;
  clear: both;
}
.blank30 {
  width: 100%;
  height: 30px;
  clear: both;
}
.blank40 {
  width: 100%;
  height: 40px;
  clear: both;
}
.blank50 {
  width: 100%;
  height: 50px;
  clear: both;
}
.blank60 {
  width: 100%;
  height: 60px;
  clear: both;
}
.blank70 {
  width: 100%;
  height: 70px;
  clear: both;
}
.blank80 {
  width: 100%;
  height: 80px;
  clear: both;
}
.blank90 {
  width: 100%;
  height: 90px;
  clear: both;
}
.blank100 {
  width: 100%;
  
  clear: both;
}
.blank110 {
  width: 100%;
  height: 110px;
  clear: both;
}
.blank120 {
  width: 100%;
  height: 120px;
  clear: both;
}
.blank130 {
  width: 100%;
  height: 130px;
  clear: both;
}
.blank140 {
  width: 100%;
  height: 140px;
  clear: both;
}
.blank145 {
  width: 100%;
  height: 145px;
  clear: both;
}
.blank150 {
  width: 100%;
  height: 150px;
  clear: both;
}
.blank160 {
  width: 100%;
  height: 160px;
  clear: both;
}
/* .kong100 {width: 100%; height: 150px; clear: both; } */
/*Clear*/
.c33 {
  color: #333333;
}
  

.max {
  position: relative;
  overflow: hidden;
}
.m_index {
  width: 1200px;
  margin: 0 auto;
}

.banner {
overflow: hidden;
position: relative;
}
.banner .swiper-slide  img {
  width: 100%;
}

.banner  .next_1 ,
.banner  .prev_1 {
background: transparent;
right: 3%;
transform: translateY(-50%);
top: 50%;

}
.banner  .prev_1 { 
left: 1%
}

.banner  .swiper-pagination-bullet {
width: 21px;
height: 21px;
box-sizing: border-box;
background: transparent;
border: 1px solid #00456e;
border-radius: 50%;
margin: 0 10px;
opacity: 1;
}
.banner      .swiper-pagination-bullet-active {

background: #00456e;

}
.banner  .swiper-pagination {
text-align: center;
bottom: 30px;
width: 100%;
}


.index_m1 {
background:url(../images/m1.jpg) no-repeat center center;
height:1007px;
padding-top: 55px;
box-sizing: border-box;

}
.index_m1 .m1_top .t_zz h1 {
font-size: 30px;
color: #fff;
display: inline-block;
font-weight: normal;margin-right: 22px;
}
.index_m1 .m1_top .t_zz h2 {
font-size: 16px;
color: #f4f5f6;
display: inline-block;
font-weight: normal;

}

.index_m1 .m1_top  .t_yy  span{
font-size: 14px;
vertical-align: middle;
display: inline-block;
color: #fff;
} 
.index_m1 .m1_top  .t_yy  img{
font-size: 14px;
vertical-align: middle;
display: inline-block;
} 


.m1_con .c_zz_h1 {
font-size: 24px;
color: #00446e;
font-weight: bold; 
text-align: center;

}
.m1_con .c_zz_h2 {
font-size: 24px;
color: #00446e;
font-weight: normal; 
text-align: center;
margin-bottom: 27px;

text-transform:Uppercase 
}
.c_zz_h3_main .main_text a {
font-size: 18px;
color: #00446e;
font-weight: bold;
}

.c_zz_h3_main .main_text img {
margin-right: 5px;
}
.c_zz_h3_main {
  padding-left: 43px;
}



.m1_con .c_zz {
background: #fff ;
width: 285px;
height: 731px;
padding-top: 14px;
box-sizing: border-box;

border-top: 4px solid #a2a2a2;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
-ms-box-shadow: 0 0 15px rgba(0,0,0,.2);
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.m1_con  .pab {
top: 10px;
left: 50%;
transform: translateX(-50%);
}
.m1_con   .main_list {
margin-bottom: 12px;
}

.m1_con   .main_list li {
padding-left: 24px;
line-height: 27px;
}
.m1_con   .main_list li a {
font-size: 14px;
color: #666666;
}



.m1_con  .c_zz .pab2 {width: 100%;bottom: 0;left: 0;top: auto;transform: translateX(0);}.m1_con  .c_zz .pab2 img {
width: 100%;
}
.m1_con .main_bot  {
  position: absolute;
  z-index: 22;
  margin-top: 151px;
  left: 22px;
  bottom: 46px;
}

.m1_con  .c_yy .c1 {
  position: relative;
  width: 287px;
  margin-right: 15px;
  background: #fff;
  border-bottom: 4px solid #9e9e9e;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0 15px rgba(0,0,0,.1);
  box-shadow: 0 0 15px rgba(0,0,0,.1);
}
.m1_con  .c_yy .c1:nth-of-type(3n) {
  margin-right: 0;
}

.m1_con .c_yy .c1  img {
  width: 100%;
  height: ;
}


.m1_con .zhezhao {
  position: absolute;
  width: 100%;
  height: 261px;
  left: 0;
  top: 0;
    text-align: center;
    line-height: 261px;
    background: rgba(0,0,0,.2)
}


.m1_con .zhezhao img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  width: auto !important;
}
.m1_con .zhezhao  {
  display: none
}
.m1_con .zhezhao div {
  display: inline-block
}
.m1_con .c_yy {
  width: 892px;

}

.m1_con .c_yy .c1 .text {
  font-size: 16px;
  color: #00446e;
  font-weight: bold;
  margin-top: 18px;
  margin-left: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align:center;

}
.m1_con .c_yy .c1 .text2 {
  font-size: 14px;
  color: #d91d1e;
  margin-left: 13px;
  margin-bottom: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
    text-align:center;
	  font-weight: bold;



}
.m1_con .c_yy .c1 a{
  display: block
}
.m1_con  {
}

.m1_con .c_yy .c1 :hover .zhezhao {
  display: inline-block
}


.m4_zz_you .h1 {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: bold;
  margin-top: 4px;
}
.m4_zz_you .h2 {
  font-size: 14px;
  color: #959595;
  /* font-weight: bold; */
  line-height: 42px;
}
.m4_zz_you .h3 {
  font-size: 14px;color: #535353;
 
  line-height: 21px;
}


.m4_zz_you {
  width: 378px;
  margin-left: 39px;
}
.index_m4 {
  margin-top: 49px;
}

.index_m4  .m4_yy .m4_yy_zuo img {
  display: inline-block;
  vertical-align: middle;

}
.index_m4  .m4_yy .m4_yy_you img {
  display: inline-block;
  vertical-align: middle;

}

.index_m4  .m4_yy .m4_yy_zuo .hh1 {
   font-size: 14px;
   color: #787878;
   display: inline-block;
   vertical-align: middle;
   margin-top:10px;
}

.index_m4  .m4_yy .m4_yy_you .hh2 {
   font-size: 14px;
   color: #787878;
   display: inline-block;
   vertical-align: middle;
}

.index_m4  .m4_yy {
  width: 416px;
}

.m4_con_zz {
  font-size: 14px;
  color: #666666;
}

.m4_con_yy {
  font-size: 14px;
  color: #959595;
}
.m4_con {
  margin-top: 20px;
}
.m4_con .con_list a:hover .m4_con_zz {
  text-decoration: underline
}
.m4_con .con_list a:hover .m4_con_yy {
  text-decoration: underline
}
.index_m4 {
  margin-bottom: 56px;
}
.footer {
  height: 191px;
  background: #00456e;

}
.footer .foot_z img {
  margin-top: 37px;
  margin-right: 18px;
}

.footer .foot_z  .hh1 {
  font-size: 21px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 9px;
  margin-top: 36px;
}
.footer .foot_z  .hh2 {
  font-size: 14px;
  color: #fff;
  line-height: 21px;

}

.footer .foot_z {
  /* margin-top: 17px; */
   
}
.foot_y_vx {
  margin-top: 17px;
}
.foot_y_vx  .text {
  font-size: 16px;
  color: #fff;
  margin-top: 27px;
  margin-right: 14px;
}
.foot_y_vx2 {
  font-size: 14px;
  color: #74a1bc;
  margin-top: 5px;
}
.header {
  height: 121px;
}
 
.header .header_zz  {
margin-top: 18px;
}
.header .header_yy  {
margin-top: 32px;
}

.nav li {
  width: 164px;
  float: left;
  line-height: 57px;
  text-align: center;
}
.nav li  a {
  display: block;
  color: #fff;
  font-size: 18px;
}
.nav li.active {
 background: #d81415;
 font-size: 18px;
}
.nav li:hover {
 background: #d81415;
 font-size: 18px;
}

.nav {
  height: 57px;
  background: #00456e;
}
.break img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.break {
  margin: 15px 0;
}
.break a {
  font-size: 16px;
  color: #333333;
}
 .contact_con .zz  {
   width: 660px;
 }

 .contact_con .zz img {
   width: 100%;
 }
 .contact_con  {
   margin-top: 50px;
   margin-bottom: 50px;
 }

 .contact_con .yy  .h11 {
   font-size: 30px;
   color: #00456e;
   margin-top: 37px;
   margin-bottom: 45px;
 }
 .contact_con .yy  .h22 {
   font-size: 16px;
   color: #00456e;
   line-height: 29px;
   margin-bottom: 36px;
 }

 .contact_con .yy  .h33 {
   
}
 .contact_con .yy  .h33  img{
   
}

 .contact_con .yy  .h44 {
   
line-height: 20px;
   
margin-top: 29px;
   
font-size: 14px;
   
color: #00456e;
}
.contact_con .yy {
  
width: 392px;
}
.contact_con .zz {
 padding-left:  83px;

 }

.news_show  .show_top3 {
  border-bottom: 1px solid #dadada;
  padding-bottom: 30px;
}

.news_show .show_top {
  font-size: 19px;
  color: #1b1b1b;
  font-weight: bold;
  margin-top: 38px;
}
.news_show .show_top2 {
  font-size: 14px;
  color: #959595;
  /* font-weight: bold; */
  margin-bottom: 27px;
}
.yy_22 {
  width: 366px;
}
.swiper-container_m4Big {
   width: 340px;
}
.fanhui {
  margin-top: 30px;
  margin-bottom: 30px;
}
.fanhui .f_zz a {
  font-size: 14px;
  color: #2e2e2e;
  line-height: 30px;
} .fanhui .f_zz a:hover {
  text-decoration: underline
}
.show_zz {
  width: 827px;
}

.fanhui .f_yy a {
   width: 93px;
   height: 33px;
   background: #eee;
   border-radius: 3px;
   font-size: 14px;
   color: #2e2e2e;
   display: block;
   text-align: center;
   line-height: 33px
}
.show_yy {
  width: 323px;
  
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 15px rgba(0,0,0,.2);
  box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.show_yy  .m4_yy_zuo .hh1 {
  font-size: 16px;
  color: #1b1b1b;
  font-weight: bold;
  vertical-align: middle;
  display: inline-block
}


.show_yy  .m4_yy_zuo  img {
  vertical-align: middle;
  display: inline-block
}

.show_yy .m4_yy {
  padding: 23px 33px;
  box-sizing: b
}

.show_yy .m4_yy .con_list a div {
  line-height: 24px;
}

.show_yy .m4_yy .con_list  
{
  margin-bottom: 17px;
}
 .news_show {
   margin-bottom: 40px;
 }

 .show_yy  .m4_con_zz {
   padding-left: 23px;
   position: relative;
 }
 .show_yy  .m4_con_yy {
   padding-left: 23px;
  
 }
 .show_yy  .m4_con_zz:after 
{
  position: absolute;
  width: 5px;
  height: 5px;
  background: #1b1b1b;
   border-radius: 50%;
   content: '';
   left: 3px;
   top: 10px;

}

.m4_zz_you .h4 {
  color: #00456e;
  
}
.news_list {
  margin-top: 40px;
}
.news_list  .zz1 {
  margin-bottom: 30px; 
  padding-bottom: 30px;
  border-bottom: 1px solid #dadada; 
}
.news_list  .zz1:hover .h1 {
  color: #00456e;
}

.news_list  .m4_zz_you {
  width: 534px;
}


.news_list  .m4_zz_you .h3 {
 
 
  min-height: 55px;
}
.select {
  text-align: center
}
.select a {
  display: inline-block;
  margin: 0 3px;
  padding: 0 9px;
  border: 1px solid #f0f0f0;
  color: #615b4f;
}
.select .active {
  background: #0054a5;
  border: 1px solid #0054a5;
  color: #fff;

}
.select a:hover {
  background: #0054a5;
  border: 1px solid #0054a5;
  color: #fff;
}
.select {
  margin: 40px 0
}
.case_show .c_h1 {
  font-size: 30px;
  color: #434343;
  line-height: 117px;
} 
 
.case_show {
  margin-bottom: 40px;
}
.case_list .name{
  color: #434343;
  line-height: 60px;
}

.case_list .cc1 {
  background: #fff;
  width: 263px;
  float: left;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 15px rgba(0,0,0,.2);
  box-shadow: 0 0 15px rgba(0,0,0,.2);
}

.case_list .cc1 {
  margin-right: 45px;
  margin-bottom: 45px;
}
.case_list .cc1:hover .name {
  color: #00456e;
}
.case_list {
  /* margin-top: 50px; */
}
.case_list .cc1:nth-of-type(4n) {
  margin-right: 0;  
}

.case_list_top {
  font-size: 30px;
  color: #434343;
}
.case_list_top2 {
  font-size: 16px;
  color: #626262;
}
.case_list_top3 {
  width: 40px;
  height: 2px;
  background: #626262;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 40px;

}

.case_list_top {
  margin-top: 24px;
}

.index_m2 .m2_zzSub dl dt span {
  font-size: 41px;
  font-weight: bold;
}
.index_m2 .m2_zzSub dl dt   {
  color: #444d52;
  font-size: 20px;
}
.index_m2 .m2_zzSub dl   dd  {
  color: #444d52;
  font-size: 16px;
}
.index_m2 .m2_zzSub dl {
width: 50%;
margin-top: 41px;
}

.index_m2  .m2_zz{
  border: 1px solid #dadada;
}

.index_m2  .m2_zz .m2_zzSub {
  padding:0  41px;
  padding-bottom: 38px;
}

.index_m2   .swiper-container_m2 {
  width: 593px;
  padding: 0 15px;
  height: 283px;
  overflow: hidden;
  padding-top: 10px;
}
.index_m2   .swiper-container_m2 .swiper-slide {

  font-size: 14px;
  color: #666666;
}
.index_m2   .swiper-container_m2  img {
  height: 242px;
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,.2);
  box-shadow: 0 0 10px rgba(0,0,0,.2);
}
 
.index_m2   .swiper-container_m2 .name {
  font-size: 13px;
  color: #666666;
}


.index_m2 .m2_yy {
  width: 601px;
}
.index_m2 .m2_yy .hd_zz {
  font-size: 30px;
  color: #00456e;
  margin-top: 22px;
  font-weight: bold;
} 

.index_m2 .m2_yy  .m2_yy_con {
  font-size:16px;
  color:#333;
  line-height: 26px;
}
.index_m2 .m2_yy .con2_zz {
   width: 129px;
   height: 38px;
   text-align: center;
   font-size: 18px;
   margin: 43px 0;
   color: #fff;
   font-weight: bold;
   line-height: 38px;
   background: #d81415;
}

.m2_yy .con2_yy .zz2{
   display: none
}

.m2_yy .con2_yy  div:hover .zz2 {
  display: block;
  
}
.m2_yy .con2_yy  div:hover .zz {
  display: none;

}

.m2_yy .con2_yy  .prev_2 {
  right: 58px;
  left: auto;
  margin-top: -55px;
  border: 1px solid #dadada;
 width: auto;
 height: auto;
 padding: 10px 12px;
}
.m2_yy .con2_yy  .next_2 {
  border: 1px solid #dadada;
  margin-top: -55px;
  width: auto;
  height: auto;
  padding: 10px 12px;
}

.m2_yy .con2_yy  div {
  background: transparent
}

.index_m2  {
  margin-bottom: 30px;
}


.swiper-container_zizhi .swiper-slide  {
   width: 480px;
   height: 666px;    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
   -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
   -ms-box-shadow: 0 0 15px rgba(0,0,0,.2);
   box-shadow: 0 0 15px rgba(0,0,0,.2);

}
.swiper-container_zizhi {
  margin: 50px 0;
  margin-bottom: 100px;
}
.swiper-container_zizhi .swiper-slide img {
  width: 100%;
  height: 100%;
}
.swiper-container_zizhi .swiper-slide-active {
  box-shadow: none;
  border: 1px solid #e5e5e5;
}
.zizhi  .next1  ,
.zizhi  .prev1  {
  background: transparent
}

.zizhi  .next1 .y1,
.zizhi  .prev1  .y1
{
  display: none;
  
}

.zizhi   .next1:hover .y1 {
 display: block;
 
}
.zizhi   .next1:hover .y {
 display: none;

}
.zizhi   .prev1:hover .y1 {
 display: block;
 
}
.zizhi   .prev1:hover .y {
 display: none;

}
.zizhi   .next1 {
  right: 33px;
}
.zizhi   .prev1 {
  left: 33px;
}
.swiper-container_m4Big {
  overflow: hidden;
}

.swiper-container_m4Big .zz img {
   width: 340px;
   height: 310px;
}

.yy_22 .h1 {
   font-size: 20px;
   color: #313131;
   font-weight: bold;
   margin-top: 22px;
}
.yy_22 .h2 {
   font-size: 14px;
   color: #333333;
   /* font-weight: bold; */
   line-height: 26px;
   margin-top: 20px;
   max-height: 205px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp:10;

}
.swiper-container_m4Big .yy {
   width: 367px;
}

.pro_show_yy {
  width: 868px;
  padding: 37px 44px;
  box-sizing: border-box;
  
}

.swiper-container_m4Small {
   width: 282px;
   height: 62px;
   overflow: hidden;
   margin-left: 32px;
   margin-top: 18px;
}
.swiper-container_m4Small .swiper-slide  {
  border: 2px solid  transparent;
  box-sizing: border-box;
  
}
.swiper-container_m4Small .swiper-slide img {
  width: 100%;
  height: 100%;
}

.swiper-container_m4Small  .swiper-slide-thumb-active  {
  border: 2px solid  #f2696a;
}
.swiper_box2 .pre {
   width: 338px;
}
.swiper_box2_fan  {
  position: absolute;
  bottom: 22px;
  width: 100%; 
}

.s-left ,.s-right {
  cursor: pointer;
}
.m20 {
  margin: 30px 0
}
.yy_2_top .tt1 {
   width: 122px;
   height: 40px;
   line-height: 40px;
   font-size: 16px;
   color: #333333;
   text-align: center;
   cursor: pointer;
}

.yy_2_top .tt1.active {
  position: relative;
  font-size: 16px;
  color: #fff;
}
.yy_2_top .tt1.active:after {
  background: url(../images/m21.png) no-repeat;
  width: 122px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  z-index: -1;
  background-size: 100% 100%;
}
  .yy_2_top {
  border-bottom: 2px solid #ededed; 
} 
.show_yy_3 {
  margin-top: 30px;
}
.show_yy_3 .ss1 {
  display: none
}
.show_yy_3 .ss1 img{width:100%;}
.show_yy_3 .ss1:nth-of-type(1) 
{
  display: block
}
.pro_show  {
  margin-bottom: 60px;
}