/* 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;
}
   
.header .nav li a {
  padding: 0 19px
}

.header .nav {
  margin-top: 48px;
}
.header .nav li {
  position: relative;
  float: left;
  height: 29px;
  margin-left: 20px;
  margin: 0 10px;
}

.header .nav li > a {
  display: block;
  font-size: 16px;
  color: #000;
 
  
}
.header .zz img {
  margin-top: 34px;
}
.header .nav li.active >a {
  font-weight: bold;
  color: #1d2089;
}
.header .nav li:hover > a {
  font-weight: bold;
  color: #1d2089;
}
.header .nav li.active:after,  
.header .nav li:hover:after {
   width: 1px;
   height: 26px;
    background: url(../images/s3.png) no-repeat;

    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    
}
.header .nav li:hover:before ,
.header .nav li.active:before {
   width: 1px;
   height: 26px;
   background: url(../images/s3.png) no-repeat;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);

}
.header  .two_nav dd a {
   width: 100%;
   height: 45px;
   line-height: 45px;
   background: rgba(0,0,0,0.5);
   text-align: center;
   color: #fff;
   font-size: 14px;
   box-sizing: border-box;
   display: block;
}
.header  {
  height: 112px;
}
.header  .two_nav dd:hover a {
    background: #1d2089;
 
}
.header li:hover   .two_nav {
  display: block
}
.header  .two_nav{
  display: none
}
.header  .two_nav dl {
  padding: 10px 0;
  position: absolute;
  top: 19px;
  width: 160px;
  z-index: 999;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 45px;
} 

.common_bg .common_name {
   line-height: 350px;
   font-size: 30px;
   color: #fff;
}

.common_bg.common_bg2 .common_name  {
  font-size: 30px;
  color: #001d44;
}

.common_break img ,
.common_break font,
.common_break a {
  vertical-align: middle;
  font-size: 14px;color: #999999;
}
.common_break {
  font-size: 14px;color: #999999;
  height: 62px;
  line-height: 55px;
}
.common_break font {
  margin: 0 5px
}


.news_list .s1_zz {
    width: 226px;
    height: 170px;
}

.news_list .s1 .s1_zz img {
  width: 100%;
    height: 100%;
}

.news_list .s1 .s1_yy {
 
  width: 935px;
  margin-left: 37px;
 
}
.news_list .s1  .h3_zz  img {
  vertical-align: middle

}
.news_list .s1  .h3_zz font {
  font-size: 16px;
  vertical-align: middle;
  color: #000
}

.news_list .s1 .h3_yy {
  color: #000000;
  width: 140px;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  text-align: center;
  background: #eeeeee
}
.news_list .s1:hover  .h3_yy{
  background: #1d2089;
  color: #fff;

}
.news_list .s1 .h2{
   font-size: 14px;
   color: #666666;
   margin-bottom: 26px;
   min-height: 47px;
   line-height: 21px;
   margin-top: 11px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient:vertical;
   -webkit-line-clamp: 2;
}


.news_list .s1 .h1{
   font-size: 18px;
   color: #1d2089;
   font-weight: bold;
   position: relative;
   margin-top: 10px;
}
.news_list .s1 .h1:after {
  content: '';
  position: absolute;
  left: -10px;
  width: 4px;
  height: 20px;
  background: #1d2089;
  top: 50%;
  transform: translateY(-50%)
} 
.news_list .s1 {
  padding-bottom: 22px;
  border-bottom: 1px dashed #e6e6e6;
  margin-bottom: 25px;
}


.common_select a {
  padding:0 14px;
  background: #dcdcdc;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  height: 32px;
  display: inline-block;
  color: #333333;
  border-radius: 3px;
  margin: 0 2px
}

.common_select  a:hover {
  color: #fff;
  background: #1d2089;
}
.common_select  a.active {
  color: #fff;
  background: #1d2089;
}

.foot  {
  padding-top: 73px;
  box-sizing: border-box;
  /* height: 400px; */
  background: #111243;
}
.common_select {
  margin-bottom: 80px;
}


.foot  .nav li {
  margin-right: 49px;
  display: inline-block
}
.foot  .nav li  a {
  display: block;
  font-size: 14px;
  color: #cccccc;

}
.foot  .nav li:hover a {
    font-weight: bold;
    color: #fff;
}

.foot  .nav {
  padding-top: 11px;
}



.foot  .f_top .top_zz{
  border-right: 1px solid  #70718e;
}

.foot  .f_top  .top_yy {
  width: 357px;
}

.foot  .f_top  .top_yy .h1 {
  font-size: 24px;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 32px;
}
.foot  .f_top  .top_yy .h2 {
  font-size: 14px;
  color: #cccccc; 
  margin-bottom: 13px;
}

.foot  .top_zz2 {
  margin-top: 47px;
}
.foot  .top_zz2  .tt  {
  text-align: center;
 
  width: 120px;
  margin-right: 40px;
}
.foot  .top_zz2  .tt  h3 {
  font-size: 12px;
  color: #cccccc;
  line-height: 17px;
  margin-top: 15px;
}

.foot  .top_zz2  .tt img {
   
}

.foot   .f_top {
  padding-bottom: 53px;
}

.foot .f_bott {
  height: 60px;
  line-height: 60px;
  border-top: 1px solid #70718e;
  font-size: 12px;
  color: #cccccc;
}

.news_show .h1 {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}
.news_show .h2 img  {
   vertical-align: middle
}
.news_show .h2 h4 {
  font-size: 16px; 
  color: #333333;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
}

.news_show  .h1 {
  text-align: center;
  line-height: 48px;
}
.news_show .h2 {
   margin-bottom: 20px;
}
 

.fanye .e2 {
  display: none
}

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


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


.fanye .fan_yy:hover font,
.fanye .fan_zz:hover font 
{
  color: #fff;
}.fanye a{
  display: block
}

.fanye .fan_yy:hover .e2 ,
.fanye .fan_zz:hover .e2
{
  display: inline-block
}

.fanye .fan_yy:hover .e ,
.fanye .fan_zz:hover .e{
  display: none
}
.fan_yy ,
.fan_zz {
   width: 50%;
   background: #f5f5f5;
  height: 66px;
  line-height: 66px;
   padding-left: 37px;
   padding-right: 37px;
   box-sizing: border-box;
}
.fanye {
  margin-top: 50px;
  margin-bottom: 50px;
}
.fan_yy:hover ,
.fan_zz:hover {
  background: #1d2089;
} 
 
.news_show .news_list .s1 {
   width: 371px;

}

.news_show .news_list .s1 {
  width: 370px;
}
.news_show .news_list .s1 .s1_yy {
  width: 100%;
  margin-left: 0;
}
.news_show .news_list .s1 .h1 {
  font-weight: normal
}
.news_show .news_list .s1_zz {
  width: 370px;
  height: 280px;
} 

.news_show  .news_list .s1 .h1:after {
  left: 0
}

.news_show  .news_list .s1 .s1_yy .h1 {
  padding-left: 12px;
  text-align: left;
  font-size: 18px;
  color: #333;
}




.news_show .news_list .s1 .h2 {
  font-size: 14px;
  color: #666666;
  margin-bottom: 12px;
  min-height: 47px;
  line-height: 21px;
  margin-top: 4px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.news_show .news_list .h3_yy {
  background: transparent
} 
.news_show .news_list .s1:hover  .h3_yy{
  background: transparent;
  color:  #1d2089;
  
}
.news_show .news_list .s1 .h3_yy
 {
   width: auto;
height: auto;
line-height: inherit
}
.news_show .news_list .s1 {
  margin-right: 45px;

}
.news_show .news_list .s1:nth-of-type(3n) {
  margin-right: 0;
}

.fangan  .fang_top .ft {
  width: 174px;
  height: 43px;
  border: 1px solid #dadada;
  border-radius: 5px;
  line-height: 43px;
  box-sizing: border-box;

}

.fangan  .fang_top .ft {
  margin-right: 29px;
  overflow: hidden;
}
.fangan  .fang_top .ft:last-of-type {
  margin-right: 0;
}

.fangan  .fang_top .ft  a {
  font-size: 16px;
  color: #666666;
  display: block;
  text-align: center
}

.fangan  .fang_top .ft.active a{
  background: #1d2089;
  color: #fff
}

.fangan  .fang_top .ft:hover  a {
  background: #1d2089;
  color: #fff
}

.fangan_con .cc1 .c_h1 {
    font-size: 24px;
    color: #1d2089;
    font-weight: bold;
    padding-left:23px;
    position: relative;
}

.fangan_con .cc1 .c_h1:after {
  content: '';
  position: absolute;
  left: -0px;
  width: 4px;
  height: 20px;
  background: #1d2089;
  top: 50%;
  transform: translateY(-50%)
  
}

.fangan_con .cc1 {
  margin-top: 35px;
}

.fangan_con .cc1 .c_h2 {
  font-size: 16px;
  color: #333333;
  margin-top: 10px;
  line-height: 29px;
}

.fangan_con  .cc2_box img {
   width: 600px;
   height: 533px;
   margin-top: 38px;
}

.fangan_con  .cc2_box .cc2_zz {
  width: 580px;
} 

.cc3_box .cc3_con {
   width: 380px;
   border-radius:5px;
   overflow: hidden;
   padding:  0 39px;
   box-sizing: border-box;
   margin-right: 28px;
   margin-bottom: 68px;
   -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);
   padding-top: 173px;
   transition: all 0.3s;
}

.cc3_box .cc3_con:nth-of-type(3n){
  margin-right: 0;
}
.cc3_box .cc3_con .img_box {
  margin: 0 auto;
  display: block
}

.cc3_box .cc3_con .name {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: 10px;
}
.cc3_box .cc3_con  .sub {
  height: 243px;
  overflow-y: scroll;
  font-size: 14px;
  color: #fff;
  line-height: 22px;
  margin-top: 25px;
  transition: all 0.3s;
   opacity: 0;  
   
}

.cc3_box .cc3_con  ::-webkit-scrollbar {display:none}

.cc3_box .cc3_con  .img_box   {
  /* margin-top: 59px; */
  width: 107px;
  height: 107px;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  transition: all 0.3s;
}

.cc3_box .cc3_con  .img_box  img {
   width: 100%  ;
  height: 100%  ;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left:50%;
  width: auto;
  height: auto;
  transform: translate(-50%,-50%);
 
}
.cc3_box .cc3_con:hover{
  padding-top: 60px;
  transition: all 0.3s;

}
.cc3_box .cc3_con:hover .img_box{
     width: 62px;
     height: 62px;
     transition: all 0.3s;

}

.cc3_box .cc3_con:hover .img_box img {
  width: 100%;
  height: 100%;
}
.cc3_box .cc3_con:hover .sub {
  transition: all 0.3s;
   opacity: 1;
}

.about .hd .name {
  font-size: 24px;
  color: #1d2089;
  margin-right: 8px;
}

.about .hd .name2 {
  font-size: 24px;
  color: #999999;
  line-height: 35px;
}



.about .hd {
  padding-bottom: 12px;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
}

.about .about_con .a_zz {
    font-size: 16px;
    color: #000;
    margin-top: 32px;
    line-height: 37px;
}


.about .a_yy {
   width: 523px;
   padding-left: 58px;
   box-sizing: border-box;
}


.about .a_yy  h2 {
  font-weight: normal;
  font-size: 16px;
  color: #000;
  line-height: 46px;
}



.about .a_yy .img_boxx img {
  width: 130px;
  height: 130px;
}


.about .a_yy .img_boxx {
  text-align:center;
  margin-top:30px;
  margin-left: 24px;
}
.about .about_con2  {
  margin-top: 33px;
}

.about .about_con2 img {
  width: 100%;
}

.about .about_con2 {
  margin-bottom: 40px;
}


.ab_qunzhan .a1 {
  width: 277px;
  height: 124px;
  border: 1px solid  #f2f2f2
}

.ab_qunzhan img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50% , -50%)
}

.ab_qunzhan  .zhezhao {
  width: 100%;
  height: 100%;
  line-height: 124px;
  text-align: center;
   background: rgba(0,0,0,0.5);
   color: #fff;
   display: none;
   font-size: 16px;
   position: relative;
}

.ab_qunzhan .a1 {
  margin-right: 23px;
  margin-bottom: 23px;
}

.ab_qunzhan .a1:nth-of-type(4n) {
  margin-right: 0;  
}
.ab_qunzhan  a:nth-of-type(4n) .a1 {
  margin-right: 0;  

}
.ab_qunzhan .a1:hover .zhezhao {
  display: block;
  z-index: 99;
}
.ab_rongyu .ab_rongyu_con {
  margin-top: 10px;
}
 
.ab_rongyu .fangan_con .cc1   {
  margin-top: 0;
}


.ab_rongyu  .ab_rongyu_con  img {
  
  margin: 15px auto;
  max-width: 100%;
  display: inline-block;
 
   
}

.ab_rongyu  .ab_rongyu_con  {
  margin-bottom: 19px;
  text-align: center;
}
.ab_rongyu {
  margin-bottom: 60px
}

.ab_about img {
  width: 100%;
  margin :20px 0;
  margin-top: 0;
}

.ab_about {
  font-size: 16px;
  color: #001d44;
  margin-bottom: 50px
}
.ab_qunzhan {
  margin-bottom: 50px;
}



.fuwu .h1 {

}

.fuwu  .h1_box {
  margin: 0 auto;
  display: block;
  position: relative;
  left: 50%;
  float: left;
}

.fuwu  .h1_box  .h1 {
  position: relative;
  right: 50%;
  font-size: 24px;
  color: #333333;
  line-height: 48px;
  border-bottom: 1px solid #cccccc;
}

.fuwu_con .c_zz .name {
   font-size: 16px;
   color: #fff;
   font-weight: bold;
   line-height: 22px;
}

.fuwu_con .c_zz .name2 {
   font-size: 12px;
   color: #fff;
   /* font-weight: bold; */
   line-height: 17px;
}

.fuwu_con .c1_down {
    width: 230px;
    height: 64px;
    background: #3579b8;
    border-radius: 5px;
    overflow: hidden;

} 
.fuwu_con  .c_zz {

width: 145px;

text-align: center;

/* line-height: 64px; */

padding-top: 14px;
}


.fuwu_con .c1_down a {
  display: block
}

.c1_down {
  margin-top: 16px;
}

.fuwu_con .c1 .c1_down {
  margin-right: 33px;
}

.fuwu_con .c1  .c1_con {
  font-size: 16px;
  color: #666666;
  margin-top: 10px;
}
.fuwu_con {
  padding-bottom: 50px;
  margin-top: 16px;
}
.pro_list .p_table .tt a {
  padding: 0 14px;
  border: 1px solid #dadada;

   border-radius: 5px;
   margin-right: 30px;
}


.pro_list .p_table .tt a{
  display: block;
  font-size: 16px;
  color: #666666;
  line-height: 36px;
}

.pro_list .p_table .tt:hover a {
  background: #1d2089;
  color: #fff
}
.pro_list .p_table .tt.active a {
  background: #1d2089;
  color: #fff
}

.pro_list_con {
  padding: 44px 55px;
  border: 1px solid #dadada;
 margin-top: 29px;  
}
.pro_list_con  .pp {
  width: 33%;
}
.pro_list_con  .pp_name {
  font-size: 24px;
  color: #1d2089;
  font-weight: bold;
  margin-bottom: 12px;
}
.pro_list_con  .pp_name2 {
  font-size: 16px;
  color: #666666;
  /* font-weight: bold; */
}


.pro_list_con .con_sub img {
   margin-right: 40px;
   margin-top: 24px;
}


.pro_list_con .con_sub img:nth-of-type(2n) {
  margin-right: 0;
}

.pro_list_con  {
  margin-bottom:40px
}


.pro_list2  .pro_top2 .name {

   font-size: 24px;
   color: #1d2089;
   font-weight: bold; 
}



.pro_list2 .pro_sub {
   border-top: 1px solid #e6e7f2;
   border-bottom: 1px solid #e6e7f2;
   margin-top: 31px;
   padding-top: 66px;
}
.pro_list2  .pro_top2 .name2 {
   font-size: 18px;
   color: #1d2089;
   line-height: 37px;
}
.pro_list2  .pro_top2  {
  padding: 30px 0;
  background: #e6e7f2;
  border-radius: 10px;
  margin-bottom: 75px;
}

 
.pro_list2 .pro_top3 .tp_img h2   {
  font-size: 24px;
  color: #0091d5;
  display: inline-block;
  vertical-align: middle
}
.pro_list2 .pro_top3  .tp:nth-of-type(2)  .tp_img h2   {
 
  color: #1d2089;
 
}
.pro_list2 .pro_top3  .tp:nth-of-type(3)  .tp_img h2    {
 
  color: #e06c1f;
 
}
.pro_list2 .pro_top3  .tp:nth-of-type(4)  .tp_img h2    {
 
  color: #28b496;
 
}
.pro_list2 .pro_top3  .tp img {
  vertical-align: middle
}

.pro_list2 .pro_top3  .tp {
  width: 236px;
  margin-right: 85px;
}

.pro_list2 .pro_top3  .tp:nth-of-type(4n) {
  margin-right: 0;
}

.pro_list2 .pro_top3 .name {
  font-size: 24px;
  color: #0091d5;
  display: inline-block;
  vertical-align: middle
}


 .pro_list2 .pro_top3 .tpc_con {
   font-size:16px;
   color:#666666;
   margin-top: 8px;
 }


 .pro_list2  .pro_sub_top .pro_img {
   width: 320px;
   /* padding-left: 30px; */
   box-sizing: border-box;
 } 

 .pro_list2  .pro_sub_top .pro_img img {
   margin: 0 auto;
   display: block
 }
 .pro_list2  .pro_sub_top .pro_img .name {
   font-size: 16px;
   color: #000000;
   line-height: 91px;
 }


 .pro_list2  .pro_sub_top .pro_img:first-of-type {
  width: 321px;
    /* line-height: 165px; */
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    height: 322px;
    padding-left: 25px;
    vertical-align: bottom;
    display: inline-block;
    box-sizing: border-box;
} 
.pro_list2  .pro_sub_top  .pro_img .img_box {
  width: 100% !important;
}
.pro_list2  .pro_sub_top >.pro_img {
  width: 219px !important;
  padding-top: 259px;
}




.pro_list2 .pro_sub table {
  width: 100%;
 
}
 

.pro_list2 .pro_sub table,
 .pro_list2 .pro_sub table tr th,
 .pro_list2 .pro_sub table tr td {
                border: 0;
            }

             .pro_list2 .pro_sub table {
              border-collapse: collapse;
              margin-bottom: 50px;
              border-bottom: 3px solid #e6e7f2;
            }


.pro_list2 .pro_sub table tr td {
   width: 282px;
   /* padding-left: 30px; */
   box-sizing: border-box;
   font-size: 16px;
   color: #333333;
   height: 64px;
   text-align: center;
   
}



.pro_list2 .pro_sub table tr td:first-of-type  {
  width: 188px;
}
.pro_list2 .pro_sub table tr td:first-of-type {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  text-align: left;
  padding-left: 25px;
}

.pro_list2 .pro_sub table tr:nth-of-type(odd) {
  background: #e6e7f2;

}
.banner {
  overflow: hidden;
  position: relative;
}
.banner img {
  width: 100%;
}
.swiper-pagination {
 
  z-index: 99;
  bottom: 103px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.swiper-pagination-bullet {
  opacity: 1;
  width: 14px;
  height: 14px;
  background: #fff;margin: 0 5px;
}

.swiper-pagination-bullet-active {
 background: #1d2089;
}  

.banner_num {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -77px;
  border-radius: 15px;
  overflow: hidden;
  height: 150px;
  z-index: 999;
  background: #fff;
  -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);
}

.banner_num .inner {
  position: relative;
  margin: 0 auto;
  width: 818px;
  height: 150px;
}

.banner_num .n1_name {
  font-size: 30px;
  color: #1d2089;
  font-weight: bold;
  font-family: arial;
  transition:all 0.6s;
  -moz-transition:all 0.6s;  
  -webkit-transition:all 0.6s;  
  -o-transition:all 0.6s; 
  
}
.banner_num .n1 {
  transition:all 0.6s;
  -moz-transition:all 0.6s;  
  -webkit-transition:all 0.6s;  
  -o-transition:all 0.6s; 
}
.banner_num .n1:hover .n1_name  {
  color :#e90101;
}
.banner_num .n1:hover .n1_name {
    transition:all 0.6s;
  -moz-transition:all 0.6s;  
  -webkit-transition:all 0.6s;  
  -o-transition:all 0.6s; 
  transform:scale(1.3);
  
}

/* 
.banner_num .n1:nth-of-type(2) .n1_name {
 
  color: #e90101;
 
 
} */
.banner_num .n1:nth-of-type(2) {
  border-left:2px solid #b4b5d2 ;
  border-right:2px solid #b4b5d2 ;
}
.banner_num {
  width: 1080px;
}

.banner_num {
  padding-top: 43px;
  box-sizing: border-box;
}
.banner_num {
  font-size: 0;
}
.banner_num .n1 {
  display: inline-block;
  width: 33%;
 
}
.banner_num .n1_name2 {
  font-size: 18px;
  color: #666666; 

}


.index_m1 .h3_ss {
  width: 271px;
  margin-right: 38px;

  overflow: hidden;
  height: 271px;
  border-radius: 10px;
  background: #eaf8ff;
  -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);
  position: relative;
}
.index_m1 .h3_ss h3 {
  font-size: 24px;
  color: #0091d5;
  font-weight: bold;
  text-align: center;
  margin-top: 37px;
}
.index_m1 .h3_ss h4 {
  font-size: 14px;
  color: #333333;
  font-weight: normal;
  text-align: center ; 
 
}
.index_m1 .h3_ss:nth-of-type(4n) {
  margin-right: 0;
}


.banner_num {
  -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);
}


.index_m1 .h1 {
  text-align: center;
  font-size: 24px;
  color: #333333;
  margin-top: 136px;
}

.index_m1 .h2 {
  font-size: 18px;
  color: #cccccc;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 36px;
}


.index_m1 .h3_ss:after {
  position: absolute;
  width: 271px;
  height: 5px;
  bottom: 0;
  left: 0;
  content: ''; 
  background: #0091d5; 
}

.index_m1 .h3_ss:nth-of-type(2):after {
 
  background: #1d2089; 
}
.index_m1 .h3_ss:nth-of-type(3):after {
 
  background: #e06c1f; 
}
.index_m1 .h3_ss:nth-of-type(4):after {
 
  background: #28b496; 
}






.index_m1 .h3_ss:nth-of-type(2) h3 {
 
  color: #1d2089;
 
}
.index_m1 .h3_ss:nth-of-type(3) h3 {
 
  color: #e06c1f;
 
}
.index_m1 .h3_ss:nth-of-type(4) h3 {
 
  color: #28b496;
 
}










.index_m1 .h3_ss  {
  padding-top: 64px;
  box-sizing: border-box;
  transition:all 0.6s;
-moz-transition:all 0.6s;  
-webkit-transition:all 0.6s;  
-o-transition:all 0.6s; 
  

}
.index_m1 .h3_ss:hover{
transform: translate3d(0,-10px,0); 
-ms-transform:translate3d(0,-10px,0);
-moz-transform:translate3d(0,-10px,0);
-webkit-transform:translate3d(0,-10px,0);
-o-transform: translate3d(0,-10px,0);
}





.index_m1 .h3_ss  img {
  display: block;
  margin: 0 auto;
 
}

.index_m1 .h3_ss:nth-of-type(2) {
  background: #efeff8;
}
.index_m1 .h3_ss:nth-of-type(3) {
  background: #fcf1e9;
}
.index_m1 .h3_ss:nth-of-type(4) {
  background: #f2f9f8;
}

.index_m1 .h4  {
  margin-top: 40px;
}



.index_m1 .h4:hover a {
  color: #1d2089
}




.index_m1 .h4  a{
  width: 100%; 
  line-height: 50px;
  border: 1px solid #e6e6e6;
  font-size: 16px;
  text-align: center;
  display: block;
  color: #333333;
}


.index_m1 .h4:hover a {
  border: 1px solid #1d2089;
}

.index_m2 {
  padding-top: 44px;
  box-sizing: border-box;
  margin-top: 40px;
}

.common_h1 {
  font-size: 24px;
  color: #333333;
}
.common_h2 {
   margin: 16px auto;
   background: #1d2089;
   width:  58px;
   height: 2px;

}
.common_h3 {
  font-size: 18px;
  color: #cccccc;
 
}
.common_more a {
  font-size: 16px;
  color: #333333;
  position: relative;
  top: -23px;
 
}
.index_m2 .m2_con  .zz {
  width: 166px;
}
.index_m2 .m2_con .yy{
   
}

.index_m2 .m2_con .yy .yy_con  img{
     width: 228px;
     height: 113px;
}


.index_m2 .m2_con .zz_img {
   width: 150px;
   height: 300px;
} 
.index_m2 .m2_con  .yy1 {
  height: 300px;
  background: #fff;
  -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);
}
.index_m2 .m2_con  .yy1  .zz_img  img {
  margin: 0 auto;
  display: block;
  margin-top: 97px;
}




.index_m2 .m2_con  .yy1  .zz_img  .zz_img_name {
  text-align: center;
  margin-top: 64px;
  color: #fff;
  font-size: 16px;
}
.index_m2 .m2_con .yy_con a{
  display: inline-block;
 
  margin-right: 41px;

}
.index_m2 .m2_con .yy_con a:nth-of-type(3n) {
  margin-right: 0;
}

.index_m2 .m2_con .yy_con .font {
  text-align: center;
  display: block;
  font-size: 16px;color: #666666;
  line-height: 91px
}
.index_m2 .m2_con .yy_con  a  img{
  transition:all 0.6s;
-moz-transition:all 0.6s;  
-webkit-transition:all 0.6s;  
-o-transition:all 0.6s; 
}
.index_m2 .m2_con .yy_con  a:hover  img {
  transform:scale(1.1);
}

.index_m2 .m2_con .yy_con  a:hover .font{
  color: #1d2089;
}

.index_m2 .m2_con .yy_con {
  padding: 77px 38px  16px 49px
}
 

.index_m2 .m2_con  .yy1 {
  margin-bottom: 30px;
}
.index_m2 {
  margin-bottom: 39px;
}

.index_m3 .fang_top  {
  margin-top: 40px;
}


.index_m3 .fangan  .fang_top .ft    {
  font-size: 16px;
  color: #666666;
  display: block;
  text-align: center;
  cursor: pointer;
}

.index_m3 .fangan  .fang_top .ft.active {
  background: #1d2089;
  color: #fff
}
.index_m3 .fangan  .fang_top .ft:hover {
  background: #1d2089;
  color: #fff
}

.index_m3 .cc2_box {
  display: none
}

.index_m3 .cc2_box:nth-of-type(1) {
  display: block
}


.index_m3 .cc3_box .cc3_con {
  margin-bottom: 100px;
}



.side_bar {
  position: fixed;
  bottom: 24%;
  right: 1%;
  z-index: 999;
}
.side_bar .box .img {
 
  padding: 13px;
  background: #fff
}
.side_bar .box {
   width: 50px;
   /* overflow: hidden; */
   margin-bottom: 4px;
   height: 50px;
   background: #fff;
   border-radius: 5px;
  
   box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.side_bar .box {
  background: #fff
}

.side_bar .box .img {
   position: relative;
   z-index: 999;
   border-radius: 5px;
  transition: all .4s;

}



.side_bar .box  .zuoBox {
  line-height: 30px;
  font-size: 18px;
  color: #1d2089;
  border-radius: 5px 0 0 5px;

}

 
.side_bar #top {
  line-height: 50px;
  text-align: center;font-size: 16px;
  color: #1d2089;
  font-weight: bold;
  font-family: arial;
  cursor: pointer;

} 
.side_bar .box{
  position: relative;
  transition: all .4s;
}
.side_bar .box .zuoBox {
  position: absolute;
  right: -400px;
  top: 0;
  padding: 10px;
  white-space: nowrap;
  transition: all .4s;
  background: #fff;

  
}
.side_bar .box:hover .img {
  border-radius: 0 5px 5px 0;
  transition: all .4s;

}

/* .side_bar .box:hover {
  transition: all .3s;
  width: auto;
  height: auto;
}
.side_bar .box:hover .zuoBox {
  width: auto;
  transition: all .3s;
}  */

.side_bar .box:hover {
 
  transition: all .4s;
}
.side_bar .box:hover .zuoBox {
  right: 50px;
  transition: all .4s;
  box-shadow: 0 0 15px rgba(0,0,0,.2);
}