body{margin:0 auto; font-family:"microsoft yahei"; color:#525252; font-size:12px;}
div,dl,ul,li,span,p,img,h1,h2,dl,p,em,h6{margin:0px; padding:0px; list-style:none; border:0px;}
.clear{clear:both; height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.cp img{border:1px solid #ccc; background-color:#fff; padding:2px; background-color:#fff;}
.cp a:hover img{border:1px solid #f57625; background-color:#fff; padding:2px;}
a{color:#525252; text-decoration: none; cursor:pointer;}
.trans1 img{transition:all 0.8s linear; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear;}
.trans1 img:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg);}
		
.trans2 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.trans2 img:hover{ transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -wbkit-transform: scale(1.2);}
	
a:hover{text-decoration: none; color:#13274a;}
.box{width:1232px; height:auto; margin:0 auto;}
 .box:after,head_all:after{ display: block; clear: both; content: "";}

  /*顶部*/
.top_all{ width:100%;  font-size: 13px;min-width:1200px;color:#fff;  background:#13274a;line-height:45px;}
.top_all .fr a{color:#fff; font-size: 13px;}
.top_all .fr a:hover{ color:#f57625;}
.top_all .fr span{padding:0 15px;}
 
    /*抬头*/
  .head_all{ margin-top: 20px;margin-bottom: 20px;position: relative;}
  .head_all .logo{ height: 67px;line-height: 67px;}
  .head_all .logo img{ height: 67px;}
  .head_all .head_w{font-size: 45px; line-height: 45px; font-weight: bold; color: #222; margin-left:10px; padding:20px 30px 30px 0 ;background: url(../uploadfile/image/20191109/20191109093357_177986534.png)right center no-repeat;}
  .head_all .head_w p{text-transform: uppercase;font-size: 13px; letter-spacing:0.4px; color: #999; font-family:"arial"; font-weight:normal;  line-height:30px;}
    .head_all .head_w img{ display: block; height: 63px;}
   .head_all .head_f{ /* margin-top:20px; */padding-left: 40px;}
  .head_all .head_f p{font-size:18px; color: #333;  font-weight:bold; line-height:28px; padding-top: 3px;}
  .head_all .head_f dl{display: block;  line-height: 28px;  color:#555;font-size:17px; margin-top:8px;}
  .head_all .head_f span{ color: #1761c6;}

  .head_all .head_p{ background: url(../images/tel.png)0 30px no-repeat; padding: 30px 0 10px 50px; line-height: 34px;}
  .head_all .head_p p{display: block; font-size: 30px; line-height: 34px;float: left; color: #333; font-family: "arial" , serif,Times; font-weight: bold;}
  .head_all .head_p dl{display: block; font-size: 16px; line-height: 34px;float: left; }

  

  /*导航*/
.navbor{ width: 100%;min-width: 1200px;margin-top:15px;height: 60px;background: url(../images/hx.jpg)top repeat-x; }
	 
	 
.nav{position:relative; }
.NavCeshi.page{ position: relative; background:url(../uploadfile/image/20191110/20191110175325_1830546317.png) left center no-repeat;}
.nav > ul > li{ float: left;display:block;line-height:60px;  width:150px;  position:relative; z-index: 99; text-align:center;background: url(../images/sx.png) center right no-repeat; }
.nav > ul > li > a{ display: block;  font-size:16px;color:#333; }
.nav > ul > li:hover{ height: 60px;}
  .nav > ul > li:hover  a{color:#fff;}

.nav > ul > .block{ background-color:#13274a; height:60px; color:#fff !important;display: block; position: absolute; top: 0; }
.erji_menu { display: none; position: absolute; left: 0; width: 100%; z-index: 1111;top: 60px; }
.erji_menu ul li a{ display: block; text-align: center; font-size: 14px; color: #fff; line-height:45px;border-bottom:1px solid rgba(255,255,255,0.6); background: rgba(0,0,0,0.8); -webkit-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out;}
.erji_menu ul li a:hover{background:rgba(245,118,37,0.9) ;color:#fff !important;}
  
.navcurrent a{color:#fff !important;  background:#13274a !important;}
.rightarrowpointer{display:none;}

  
  /*幻灯片*/
.banner{ overflow: hidden; height:auto; width: 100%; position:relative;  background: url(../uploadfile/image/20191109/20191109113259_460455456.jpg)center no-repeat;}
.banner-box{ min-width:1200px; height:auto;overflow: hidden; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:auto; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%;  top: 0; left: 0; margin-left: 0; height: auto; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:280px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/zy.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/zy.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:40px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #13274a; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }
  
  .inbanner {
      overflow: hidden;
      width: 100%;
      margin-top:97px;
  }
  @media (max-width750px) {
		margin-top:0px;
  }
  
  .inbanner .inbanner-slick {
      overflow: hidden;
      position: relative;
      height: 400px;
      width: 1920px;
      left: 50%;
      margin-left: -960px
  }
  
  .inbanner .inbanner-slick img {
      text-align: center;
      margin: 0 auto;
      display: block
  }
  
  .inbanner .inbanner-slick-phone {
      display: none;
      position: relative
  }
  
  .inbanner .inbanner-slick-phone img {
      display: block
  }
  
  @media (max-width: 1920px) {
      .inbanner .inbanner-slick {
          max-height: 400px
      }
  }
  
  @media (max-width: 1680px) {
      .inbanner .inbanner-slick {
          max-height: 350px
      }
  }
  
  @media (max-width: 1024px) {
      .inbanner .inbanner-slick-phone {
          display: block
      }
  
      .inbanner .inbanner-slick {
          display: none
      }
  }
  
  @media (max-width: 992px) {
      .inbanner .inbanner-slick-phone {
          max-height: 320px
      }
  }
  
  @media (max-width: 768px) {
      .inbanner .inbanner-slick-phone {
          max-height: 248px
      }
  }
  
  @media (max-width: 520px) {
      .inbanner .inbanner-slick-phone {
          max-height: 168px
      }
  }
  
  @media (max-width: 414px) {
      .inbanner .inbanner-slick-phone {
          max-height: 134px
      }
  }
  
  @media (max-width: 375px) {
      .inbanner .inbanner-slick-phone {
          max-height: 121px
      }
  }
  
  @media (max-width: 360px) {
      .inbanner .inbanner-slick-phone {
          max-height: 116px
      }
  }
  
  @media (max-width: 320px) {
      .inbanner .inbanner-slick-phone {
          max-height: 103px
      }
  }
  
  
.container {
    margin-right: auto;
    margin-left: auto;
    width: 1280px
}

@media (max-width: 1280px) {
    .container {
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
    }
}


/*#container {
    overflow: hidden;
    background: #fff
}*/

.header {
    height: 97px;
    width: 100%;
    position: fixed;
    background: #fff;
    top:0;
    left:0;
    z-index:6888;
    box-shadow: 0 0 7px 0 rgba(4,0,0,0.11);
}

.header .container {
    width: 100%
}

.header .logo {
    padding: 12px 0 0 51px;
    overflow: hidden;
    float: left
}

.header .logo a {
    display: block;
    overflow: hidden
}

.header .logo a img {
    display: block;
    float:left;
}
.header .logo a span{
    font-size:18px;
    color:#333;
    line-height:28px;
    background: url("../images/index10_03.png") no-repeat center left;
    padding-left:16px;
    margin-left:16px;
    display: block;
    float: left;
    margin-top: 10px;
}

.header .nav {
    float: right;
    background: url("../images/line.jpg") no-repeat center right;
    padding-right: 38px
}

.header .nav ul li {
    font-size: 18px;
    cursor: pointer;
    float: left;
    margin-left: 40px;
    position: relative
}

.header .nav ul li a {
    display: block;
    transition: all .16s;
    line-height: 94px;
    color: #333;
    position: relative;
    padding: 0 11px
}

.header .nav ul li .subnav {
    display: none;
    position: absolute;
    left: 50%;
    top: 97px;
    z-index: 999;
    font-size: 14px;
    width: 210px;
    margin-left: -105px;
    text-align: center;
    background: rgba(246, 247, 249, 0.95)
}

.header .nav ul li .subnav dl {
    padding: 30px 0;
    z-index: 4;
    position: relative
}

.header .nav ul li .subnav dl dd {
    text-align: center;
    display: block
}

.header .nav ul li .subnav dl dd a {
    color: #666;
    font-size: 14px;
    line-height: 31px;
    height: 31px;
    display: inline-block;
    background: url(../images/dot17.png) no-repeat center right;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 180px;
    transition: .5s;
    font-weight: normal;
    position: relative;
    padding: 0 11px 0 0
}

.header .nav ul li .pronav {
    width: 100%;
    left: 0;
    margin-left: 0
}

.header .nav ul li .pronav .container {
    width: 1280px;
    text-align: center
}

.header .nav ul li .pronav .container dl {
    display: inline-block;
    max-width: 270px;
    margin-right: 55px;
    vertical-align: top
}

.header .nav ul li .pronav .container dl dt {
    margin-bottom: 6px
}

.header .nav ul li .pronav .container dl dt a {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    border: 0;
    padding: 0;
    line-height: 26px
}

.header .nav ul li .pronav .container dl dd {
    text-align: left
}

.header .nav ul li .pronav .container dl dd a {
    border: 0
}

.header .nav ul .pro-li {
    position: inherit
}

.header .nav ul .active a {
    border-bottom: 3px solid #1761c6;
    color: #1761c6
}

.header .nav ul .active .subnav ul li a {
    border: 0
}

.header .header-right {
    float: right
}

.header .header-right .phone {
    font-size: 30px;
    color: #000;
    float: left;
    font-weight: bold;
    line-height: 36px;
    background: url("../images/phone.png") no-repeat center left;
    padding-left: 53px;
    letter-spacing: .2px;
    margin-top: 31px;
    margin-left: 42px;
    margin-right: 41px
}

.header .header-right .header-search {
    float: right
}

.header .header-right .header-search .pull-right {
    width: 100px
}

.header .header-right .header-search .pull-right a {
    display: block;
    height: 97px;
    transition: .5s;
    background: #1761c6 url("../images/search.png") no-repeat center center
}

.header .header-right .search {
    z-index: 99;
    background: #f0f4f5
}

.header .header-right .search .btn-search-max {
    z-index: 2;
    -webkit-transition: All .2s ease-in-out;
    transition: All .2s ease-in-out;
    position: relative
}

.header .header-right .search .btn-search-max * {
    display: inline-block;
    vertical-align: middle
}

.header .header-right .search .search-main {
    top: 97px;
    right: 0;
    z-index: 99;
    width: 100%;
    display: none;
    padding: 0 30px 13px 10px;
    position: absolute;
    background: #f6fafc
}

.header .header-right .search-container {
    padding-left: 0;
    width: 680px;
    margin: 30px auto;
    position: relative;
    padding-bottom: 60px
}

.header .header-right .search-info {
    width: 100%;
    float: left;
    margin-right: 2px;
    position: relative;
    background: #fff;
    border-bottom: 4px solid #1761c6
}

.header .header-right .search-info .inp_srh {
    background: #fff;
    border: 0;
    padding-left: 25px;
    font-size: 14px;
    color: #888;
    height: 50px;
    line-height: 50px;
    width: 100%;
    padding-right: 70px
}

.header .header-right .btn_srh {
    background: url("../images/search1.png") no-repeat center center;
    width: 65px;
    height: 50px;
    line-height: 50px;
    border: 0;
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #fff;
    top: 0
}

.header .header-right #search-closed {
    right: 10px;
    top: 15px;
    max-width: 30px;
    position: absolute;
    cursor: pointer
}

.phone-nav {
    position: absolute;
    right: 10px;
    top: 0;
    line-height: 60px;
    display: none;
    color: #666;
    z-index: 5
}

.phone-nav img {
    height: 22px;
    margin-top: 44px;
    display: block
}

#menu .phone {
    font-size: 22px;
    color: #333;
    float: left;
    font-weight: bold;
    line-height: 32px;
    background: url(../images/phone.png) no-repeat center left;
    padding-left: 36px;
    letter-spacing: .2px;
    margin-bottom: 20px;
    margin-left: 23px;
    font-family: "DINPro-Black", arial;
    background-size: 28px
}

#menu .search {
    position: relative;
    border: 1px solid #ddd;
    margin: 10px 10px 10px 20px;
    background: #fff
}

#menu .search #btn1 {
    border: 0;
    font-size: 12px;
    color: #666;
    width: 23px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    border-radius: 0;
    background: url(../images/search1.png) no-repeat center center;
    background-size: 18px;
    outline: 0;
    position: absolute;
    top: 0;
    right: 5px
}

#menu .search #text1 {
    text-align: left;
    width: 100%;
    font-size: 14px;
    height: 35px;
    padding-right: 30px;
    padding-left: 6px;
    color: #666;
    line-height: 25px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top;
    -webkit-appearance: none;
    transition: .5s;
    border: 0;
    background: 0
}

#menu .search #text1::-webkit-input-placeholder {
    color: #666
}

#menu .search #text1:-moz-placeholder {
    color: #666;
    opacity: 1
}

#menu .search #text1::-moz-placeholder {
    color: #666;
    opacity: 1
}

#menu .search #text1:-ms-input-placeholder {
    color: #666
}

#menu ul li a {
    display: block;
    color: #555
}

#menu ul li b {
    font-size: 15px;
    font-weight: normal;
    float: left
}

.home-banner {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;
}

.home-banner .home-banner-slick {
    overflow: hidden;

    position: relative
}

.home-banner .home-banner-slick .slick-slide {
    position: relative
}

.home-banner .home-banner-slick .slick-slide img {
    width: 100%
}

.home-banner .home-banner-slick .slick-prev:before, .home-banner .home-banner-slick .slick-next:before {
    content: ''
}

.home-banner .home-banner-slick .slick-prev {
    width: 30px;
    height: 58px;
    margin-top: -29px;
    z-index: 5;
    left: 5%;
    background: url("../images/left.png") no-repeat center center !important
}

.home-banner .home-banner-slick .slick-next {
    width: 30px;
    height: 58px;
    margin-top: -29px;
    z-index: 5;
    right: 5%;
    background: url("../images/right.png") no-repeat center center !important
}

.home-banner .home-banner-slick .slick-dots {
    z-index: 10;
    bottom: 28px;
    line-height: 0;
    text-align: center
}

.home-banner .home-banner-slick .slick-dots li {
    margin: 0 4px;
    width: 41px;
    height: 6px;
    padding: 0;
    position: relative
}

.home-banner .home-banner-slick .slick-dots li button {
    width: 41px;
    height: 6px;
    display: block;
    background: #fff;
    padding: 0
}

.home-banner .home-banner-slick .slick-dots li button:before {
    content: ""
}

.home-banner .home-banner-slick .slick-dots .slick-active button {
    background: #1761c6
}

.home-banner .home-banner-slick-phone {
    overflow: hidden;
    width: 100%;
    position: relative;
    display: none
}

.home-banner .home-banner-slick-phone .slick-slide {
    position: relative
}

.home-banner .home-banner-slick-phone .slick-slide img {
    width: 100%
}

.home-banner .home-banner-slick-phone .slick-dots {
    z-index: 10;
    bottom: 15px;
    line-height: 0;
    text-align: center
}

.home-banner .home-banner-slick-phone .slick-dots li {
    margin: 0 4px;
    width: 30px;
    height: 4px;
    padding: 0;
    position: relative
}

.home-banner .home-banner-slick-phone .slick-dots li button {
    width: 30px;
    height: 4px;
    display: block;
    background: #fff;
    padding: 0
}

.home-banner .home-banner-slick-phone .slick-dots li button:before {
    content: ""
}

.home-banner .home-banner-slick-phone .slick-dots .slick-active button {
    background: #1761c6
}
@media (max-width: 1864px) {
    .header .logo {
        padding: 12px 0 0 15px
    }
}
@media (max-width: 1828px) {
    .header .nav ul li{
        margin-left:30px;
    }
}

@media (max-width: 1758px) {
    .header .nav ul li {
        margin-left: 20px
    }
}

@media (max-width: 1688px) {
    .header .header-right .phone {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 20px
    }
}
@media (max-width: 1567px) {
    .header .nav ul li a {
        padding: 0 6px
    }

    .header .nav ul li {
        font-size: 16px
    }
}

@media (max-width: 1445px) {
    .header .header-right .phone {
        font-size: 18px;
        background-size: 20px;
        padding-left: 28px
    }

    .header .logo a img {
        height: 50px
    }

    .header .logo {
        padding: 23px 0 0 15px;
    }
    .header .logo a span{
        font-size: 15px;
        line-height: 18px;
        margin-top: 8px;
    }
    .header .nav {
        padding-right: 15px
    }
}
@media (max-width: 1285px) {
    .header .header-right .header-search .pull-right {
        width: 70px;
    }
    .header .logo {
        padding: 23px 0 0 10px;
    }
    .header .logo a span{
        padding-left:10px;
        margin-left:10px;
    }
    .header .header-right .phone{
        font-size: 16px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .header .nav {
        padding-right: 10px;
    }
}

@media(max-width:1280px){
    .header .logo {
        padding: 23px 0 0 0;
    }
}


@media (max-width: 1220px) {
    .header .logo a span {
        font-size: 14px;
        margin-top: 3px;
    }
    .header .nav {
        display: none
    }

    .phone-nav {
        display: block
    }

    .header {
        height: 85px
    }

    .header .logo {
        padding-top: 10px
    }

    .header .logo a img {
        height: 40px
    }

    .header .header-right .phone {
        display: none
    }

    .header .header-right .header-search {
        display: none
    }

    .header .header-right {
        padding-right: 30px
    }

}

@media (max-width: 1024px) {
    .home-banner {
        max-height: 585px
    }

    .home-banner .home-banner-slick {
        display: none
    }

    .home-banner .home-banner-slick-phone {
        display: block
    }
}

@media (max-width: 992px) {
    .home-banner {
        max-height: 576px
    }
}

@media (max-width: 768px) {
    .home-banner {
        max-height: 446px
    }
}

@media (max-width: 520px) {
    .home-banner {
        max-height: 302px
    }
}

@media (max-width: 414px) {
    .home-banner {
        max-height: 240px
    }
}

@media (max-width: 375px) {
    .home-banner {
        max-height: 218px
    }
}

@media (max-width: 360px) {
    .home-banner {
        max-height: 209px
    }
}

@media (max-width: 320px) {
    .home-banner {
        max-height: 186px
    }
}
 
  
  /*实力*/
 .strength{ width: 100%;  color: #fff; line-height:30px; padding-top: 45px; padding-bottom: 45px;background: url(../images/bg1.jpg);background-size: 100%;}
 .strength_l{ width: auto;}
 .strength_l li{ display: block; text-align: center;font-size: 16px; position: relative;width: 300px;}
 .strength_l li:after{ display: block; content: ""; position: absolute; right: 0; top:5px; height: 125px; width: 1px; background: #2f5080;}
 .strength_l li:nth-of-type(1){ text-align: left; width: 210px;}
 .strength_l li:nth-of-type(3):after{ display: none;}
 
 /*数字滚动*/
.number_l1{width:100%;}
.number_ljs{ font-size:14px;line-height: 60px;color:#fff;}
.number_ljs em{font-style:normal;display:block; }
 .number_ljs em span{font-size:60px;  font-weight:bold;font-family: "Levenim MT", Times, serif; }

 .strength_r{ width: 330px; text-align: right; font-size: 16px; line-height: 28px; color: #fff;}
 .strength_r dl{ display: block; font-size: 27px;  margin-bottom: 42px;line-height: 32px; position: relative;}
 .strength_r dl:after{ display: block; content: ""; height: 1px; position: absolute; top:55px; right: 0; width: 50px; background: #fff;}



/*main*/
#Content .pro_index01{display:block; width:100%; float:left; position:relative; position:relative;background: #f0f0f0;}
#Content .pro_index01::after{width:100%; background:#e5e5e5; height:1px; bottom:23px; content:""; z-index:-1; left:0; position:absolute;}
#Content .pro_index01 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content .pro_index01 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content .pro_index01 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content .pro_index01 .p_h3::after{position:absolute; right:0; top:88%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content .pro_index01 .top_rig{position:absolute; right:0; bottom:43%;top:8px;}
#Content .pro_index01 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px; background:#104492;border-top-left-radius: 5px;border-top-right-radius: 5px;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Content .pro_index01 .right{float:right;}
#Content .pro_index01 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;}
#Content .pro_index01 .li_a:hover,
#Content .pro_index01 .li_a.on{background:#363e45;}
#Content .pro_index01 .sea_form{float:left; position:relative; width:212px; height:38px; border:1px solid #e5e5e5;padding-right:39px; }
#Content .pro_index01 .sea_form .input{float: left; width: 100%;  height:36px; line-height:28px; padding: 5px 10px;
    color: #363e45; font-size: 14px; background: white; outline: none;
}
#Content .pro_index01 .sea_form .search_b{position: absolute;right:-1px;top: -1px; width:39px; height:38px;display:block;
    border: none;background: url(../images/901_top9.png) center no-repeat #104492; cursor: pointer ; background-size: contain;
}
#Content .pro_index01 .pro_ul{width:100%; display:block;}
#Content .pro_index01 .ul_a{padding-bottom:30px; display:block;}
#Content .pro_index01 .li_b{width:32%; float:left; margin:0 2% 3% 0; padding-bottom:20px;}
#Content .pro_index01 .li_b:nth-child(3n){margin-right:0;}
#Content .pro_index01 .li_b a{width:100%; display:block;position:relative; 
  padding:20px 20px 50px; background:#f0f0f0; height:100%;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .pic{display:block; overflow: hidden;}
#Content .pro_index01 .li_b img{display:block;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .h4_b{display:block; padding-top:16px; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease;
}
#Content .pro_index01 .li_b .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center;
 display:block; width:100%;transition:all 0.5s ease;}
#Content .pro_index01 .li_b .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; 
  border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; 
  color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease;
}
#Content .pro_index01 .li_b:hover a{background:#363e45;}
#Content .pro_index01 .li_b:hover .h4_b,
#Content .pro_index01 .li_b:hover .p_b,
#Content .pro_index01 .li_b:hover .more{color:#ffffff;}
#Content .pro_index01 .li_b:hover .more{border:4px solid #104492; background:#104492;}
#Content .pro_index01 .li_b:hover img{
 -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
  transform: scale(1.1);
}
#Content .pro_index01 .more_a{width:184px; height:44px; background:#363e45; line-height:44px;
 color:#ffffff; margin:0 auto; display:block; padding:0 15px; position:relative; 
}
#Content .pro_index01 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content .pro_index01 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content .pro_index01 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content .pro_index01 .more_a:hover::after{background:#104492; width:100%; height:100%;}
#Content .li_d{float:left; width:400px; margin-right:16px; margin-bottom: 20px;}
#Content .li_d:nth-child(3n){margin-right:0;}
/* #Content .li_d a{display:block; width:100%; height:100%;} */
#Content .li_d .pic{position:relative;width: 400px;height: 400px; }
#Content .li_d img{display:block;}
#Content .li_d .mor{/*display:flex;*/align-items: center; justify-content: center; font-size: 20px;width:100%; height:100%; background:rgba(16,68,146,0.4); position:absolute; left:0; top:0;color: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#Content .li_d .mor h2{
	width: 100%;
	font-size: 20px;
	padding-top: 80px;
	text-align: center;
	color: #fff;
}

#Content .li_d .mor p{
	width: 80%;
	font-size: 18px;
	line-height: 2;
	margin: 0 auto;
	text-align: justify;
}


#Content .li_d .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; 
  font-size:12px; border-radius:50%; color:#ffffff; text-align:center;
}
#Content .li_d .text{line-height:68px; height:68px; width:100%;background:#fff;
 padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333;
   -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
#Content .li_d:hover .mor{
  -webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}
#Content .li_d .text a{display: none;}
#Content .li_d:hover .text{background:#104492; color:#ffffff;}
#Content .li_d:hover .text span{display: none;}
#Content .li_d:hover .text a{display: block;color: #fff;text-align: left;font-size: 24px;}
#Content .li_d:hover .text a img{float: left;padding-left: 100px;padding-right: 30px;padding-top: 14px;}
#Content .pro_index01 .zxzx{
	float: left;
	color: #fff;
	position: relative;
	top: 182px;
	left: 200px;
}
@media screen and  (max-width:1630px){
#Content .pro_index01 .li_a{padding:0 16px;}
}
@media screen and  (max-width:1200px){
#Content .pro_index01 .h3_y{font-size:36px;}
  #Content .pro_index01 .p_h3{font-size:30px;}
  #Content .pro_index01 .li_a{padding:0 16px;}
  #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;}
  #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;}
  #Content .pro_index01 .right{float:left;}
}
@media screen and  (max-width:992px){
#Content .pro_index01 .p_h3::after{width:80%;}
  #Content .pro_index01 .h3_y{font-size:32px;}
  #Content .pro_index01 .p_h3{font-size:24px;}
  #Content .pro_index01 .li_a{padding:0 16px;}
  #Content .pro_index01 .top_rig{position:inherit; margin-top:20px;}
  #Content .pro_index01 .sea_form{float:right; margin-bottom:20px;}
  #Content .pro_index01 .right{float:left; width:100%; display:flex;align-items: center; justify-content: center; }
  #Content .pro_index01 .li_b{width:49%;}
  #Content .pro_index01 .li_b:nth-child(3n){margin-right:2%;}
  #Content .pro_index01 .li_b:nth-child(2n){margin-right:0;}
  #Content .pro_index01 .li_b:nth-child(9){display:none;}
}
@media screen and  (max-width:768px){
#Content .pro_index01 .h3_y{font-size:24px;}
  #Content .pro_index01 .p_h3{font-size:18px;}
  #Content .pro_index01 .p_h3::after{width:70%;}
  #Content .pro_index01 .sea_form{width:100%;}
  #Content .pro_index01 .right{display:block;}
  #Content .pro_index01 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;}
  #Content .pro_index01 .li_a a{font-size:14px; width:100%; display:block; text-align:center;}
  #Content .pro_index01 .li_b .h4_b{line-height:28px; padding-top:10px; font-size:16px;}
  #Content .pro_index01 .li_b a{padding:10px 10px 32px;}
  #Content .pro_index01 .ul_a{padding-bottom:30px;}
  #Content .pro_index01 .more_a{width:160px; height:38px;}
  #Content .pro_index01 .more_a a{line-height:38px; padding-left:5px; font-size:15px;}
  #Content .pro_index01 .more_a::after{border-top:38px solid #104492;}
  #Content .pro_index01 .more_a .b{line-height:38px;}
  #Content .pro_index01 .li_b .more{width:50px; height:50px; margin-left:-25px; }
}
#Content2 .adv_index02{display:block; width:100%; float:left; padding:98px 0;}
#Content2 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content2 .h3_y{font-weight:bold; font-size:42px; color:#000; display:block; text-align: right;}
#Content2 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;text-align: right;}
#Content2 .p_h3::after{position:absolute; left:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content2 .adv_index02 .adv_ul{width:100%; display:block;}
#Content2 .adv_index02 .li_c{width:32%; float:left; margin-right:2%;
-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; 
      -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
#Content2 .adv_index02 .li_c a{display:block; width:100%; height:100%; padding:30px; 
  background:rgba(0,0,0,0.5); position:relative;
}
#Content2 .adv_index02 .li_c .span_c{width:92px; height:92px; float:left; background:rgba(255,255,255,0.1); border-radius:50%;}
#Content2 .adv_index02 .li_c .span_right{float:left; width:72%; padding-left:24px; color:#ffffff;}
#Content2 .adv_index02 .li_c .p_c{line-height:38px; font-size:20px;}
#Content2 .adv_index02 .li_c .b_c{padding-top:6px; line-height:20px; font-size:14px; font-weight:normal; display:block;
height:46px;   overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
#Content2 .adv_index02 .li_c:nth-child(3n){margin-right:0;}
#Content2 .adv_index02 .li_c:hover a{background:rgba(16,68,146,0.9);}
#Content2 .adv_index02 .li_c:hover{
-webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
@media screen and  (max-width:1630px){
#Content2 .adv_index02 .li_c .span_right{width:68%;}
}
@media screen and  (max-width:1200px){
#Content2 .adv_index02 .h3_y{font-size:36px;}
  #Content2 .adv_index02 .p_h3{font-size:30px;}
  #Content2 .adv_index02 .li_c .span_c{width:80px; height:80px;}
  #Content2 .adv_index02 .li_c a{padding:20px;}
  #Content2 .adv_index02 .li_c .span_right{width:70%;}
}
@media screen and  (max-width:992px){
#Content2 .adv_index02 .p_h3::after{width:80%;}
  #Content2 .adv_index02 .h3_y{font-size:32px;}
  #Content2 .adv_index02 .p_h3{font-size:24px;}
  #Content2 .adv_index02{padding:60px 0;}
  #Content2 .adv_index02 .li_c a{padding:15px;}
  #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;}
  #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;}
  #Content2 .adv_index02 .li_c .p_c{font-size:18px; line-height:24px;}
  #Content2 .adv_index02 .li_c .b_c{font-size:12px;}
}
@media screen and  (max-width:768px){
#Content2  .h3_y{font-size:24px;}
  #Content2  .p_h3{font-size:18px;}
  #Content2  .p_h3::after{width:70%;}
  #Content2 .adv_index02{padding:40px 0;}
  #Content2 .adv_index02 .li_c{width:100%; margin-right:0; margin-bottom:15px;}
  #Content2 .adv_index02 .li_c a{padding:15px;}
  #Content2 .adv_index02 .li_c .span_c{width:70px; height:70px;}
  #Content2 .adv_index02 .li_c .span_right{width:66%; padding-left:10px;}
  #Content2 .adv_index02 .li_c .p_c{font-size:16px; line-height:24px;}
  #Content2 .adv_index02 .li_c .b_c{font-size:12px;}
}
#Content3 .case_index03{display:block; width:100%; float:left; background:#f0f0f0; padding:30px 0 0;}
#Content3 .case_index03 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content3 .case_index03 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content3 .case_index03 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content3 .case_index03 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content3 .case_index03 .more_a{width:184px; height:44px; background:#363e45; line-height:44px; position:absolute; right:0; bottom:43%;
 color:#ffffff;  display:block; padding:0 15px; 
}
#Content3 .case_index03 .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content3 .case_index03 .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content3 .case_index03 .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content3 .case_index03 .more_a:hover::after{background:#104492; width:100%; height:100%;}
#Content3 .case_index03 .case_ul{width:100%; display:block;}
#Content3 .case_index03 .li_d{float:left; width:32%; margin-right:2%; background:#ffffff;}
#Content3 .case_index03 .li_d:nth-child(3n){margin-right:0;}
#Content3 .case_index03 .li_d a{display:block; width:100%; height:100%;}
#Content3 .case_index03 .li_d .pic{position:relative; }
#Content3 .case_index03 .li_d img{display:block;}
#Content3 .case_index03 .li_d .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0;
  -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
#Content3 .case_index03 .li_d .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; 
  font-size:12px; border-radius:50%; color:#ffffff; text-align:center;
}
#Content3 .case_index03 .li_d .text{line-height:68px; height:68px; width:100%;
 padding:0 10px; text-align:center; display:block; font-size:18px; color:#333333;
   -webkit-transition: all 0.2s ease-out 0s;
  -moz-transition: all 0.2s ease-out 0s;
  -o-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
#Content3 .case_index03 .li_d:hover .mor{
  -webkit-transform: scale(1);
   -moz-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}
#Content3 .case_index03 .li_d:hover .text{background:#104492; color:#ffffff;}



#Content3 .case_index03 li{
	float: left;
	width: 25%;
	text-align: center;
	/* padding-top: 22px; */
	position: relative;
}
/* #Content3 .case_index03 li:after{
content: "";
left: 0px;
top: 0px;
width:1px;
position: absolute;
height:200px;
background:#000;
} */
#Content3 .case_index03 li:before{
content: "";
right: 0px;
top: 0px;
width:1px;
position: absolute;
height:200px;
background:rgba(238,238,238,1);
}
#Content3 .case_index03 li .imgbox{
	height: 290px;
	position: relative;
	overflow: hidden;
}
#Content3 .case_index03 li .imgbox img{
	max-height: 100%;
	position:absolute;
top: 50%;
left: 50%;
-o-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#Content3 .case_index03 li .imgbox i{ font-size:6.5rem; color:#0F61C7; margin-top:10px;}
#Content3 .case_index03 li .title{
	line-height: 47px;
	font-size: 18px;
	color: #1761c6;
	font-weight: bold;
	margin-bottom: 8px;
}
#Content3 .case_index03 li .desc{
	line-height: 20px;
	font-size: 12px;
	color: #8c8c8c;
	padding: 0px 30px; 
	height: 76px;
	border-bottom: 1px solid rgba(238,238,238,1);
}
#Content3 .case_index03 li .more{
	height: 70px;
	overflow: hidden;
	/* padding-top: 20px; */
	-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-moz-transition:all 0.4s;
-ms-transition:all 0.4s;
transition:all 0.4s;
	height: 0px;
}
#Content3 .case_index03 li .more a{
	font-weight: bold;
	color: #1761c6;
}
#Content3 .case_index03 li .more span{
	margin-bottom: 12px;
	display: block;
}
#Content3 .case_index03 li .more img{
	display: block;
	margin: 0px auto
}
#Content3 .case_index03 li:hover .more{
	height: 50px;
}
/* #Content3 .case_index03 li:hover{
	background:rgba(250,250,250,1);
box-shadow:5px 0px 18px rgba(13,5,9,0.1);
} */
#Content3 .case_index03 li:hover:after{
opacity: 0;
}
#Content3 .case_index03 li:hover:before{
opacity: 0;
}
#Content3 .case_index03{
height: 515px;
}


@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content3 .case_index03 .h3_y{font-size:36px;}
  #Content3 .case_index03 .p_h3{font-size:30px;}
  #Content3 .case_index03 .li_d .text{line-height:60px; height:60px;}
  #Content3 .case_index03 .more_a{bottom:46%;}
}
@media screen and  (max-width:992px){
	#Content3 .case_index03{
	height: auto;
	}
	#Content3 .case_index03 li:after{
		width: 0;
	}
	#Content3 .case_index03 li .imgbox{
		/* width: 400px; */
		height: auto;
		position: relative;
		overflow: hidden;
	}
#Content3 .case_index03{padding:50px 0;}
  #Content3 .case_index03 .p_h3::after{width:80%;}
  #Content3 .case_index03 .h3_y{font-size:32px;}
  #Content3 .case_index03 .p_h3{font-size:24px;}
  #Content3 .case_index03 .more_a{bottom:46%; width:160px; height:40px;}
  #Content3 .case_index03 .more_a a{padding-left:10px; line-height:40px;}
  #Content3 .case_index03 .more_a .b{line-height:40px;}
  #Content3 .case_index03 .more_a::after{border-top: 40px solid #104492;}
  #Content3 .case_index03 .li_d .text{line-height:50px; height:50px; font-size:16px;}
  #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;}
}
@media screen and  (max-width:768px){
#Content3 .case_index03{padding:30px 0;}
  #Content3 .case_index03 .h3_y{font-size:24px;}
  #Content3 .case_index03 .p_h3{font-size:18px;}
  #Content3 .case_index03 .p_h3::after{width:70%;}
  #Content3 .case_index03 .more_a{ float:right; width:120px; height:36px; position:inherit; }
  #Content3 .case_index03 .more_a a{padding-left:0px; line-height:36px; font-size:14px;}
  #Content3 .case_index03 .more_a .b{line-height:36px;}
  #Content3 .case_index03 .more_a::after{border-top: 36px solid #104492; width:56px;}
  #Content3 .case_index03 .li_d .text{line-height:44px; height:44px; font-size:14px;}
  #Content3 .case_index03 .li_d .i{width:46px; height:46px; line-height:46px;}
  #Content3 .case_index03 .li_d{width:100%; margin-right:0; margin-top:15px; display:block;}
}
#Content4 .about_index04{display:block; width:100%; float:left;}
#Content4 .about_index04 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content4 .about_index04 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; text-align: right;}
#Content4 .about_index04 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;text-align: right;}
#Content4 .about_index04 .p_h3::after{position:absolute; left:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content4 .about_index04 .abou_text{width:100%; display:block;}
#Content4 .about_index04 .left{width:41.112%; float:left;  position:relative; margin-top:40px;background:#104492;
height:100%;
}
#Content4 .about_index04 .left .span_a{display:block; width:556px;
position:relative; left:45px; top:-40px;
}
#Content4 .about_index04 .left .span_a img{display:block;}
#Content4 .about_index04 .right{float:left; background:#ffffff; width:51.5%; margin-left:90px;
box-shadow:0 1px 18px 1px rgba(54,62,69,0.6); padding:60px 80px; margin-top:40px; height:440px;
}
#Content4 .about_index04 .right .h4_a{display:block; line-height:26px; font-size:24px;
 color:#333333; font-weight:bold; width:100%;}
#Content4 .about_index04 .right .p{display:block; margin:25px 0 40px 0; line-height:36px; color:#666666; font-size:16px; width:100%; height:180px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:5;-webkit-box-orient: vertical;
}
#Content4 .about_index04 .right .more_a{width:184px; height:44px; background:#363e45; line-height:44px; 
 color:#ffffff;  display:block; padding:0 15px; position: relative;  
}
#Content4 .about_index04 .right .more_a::after{position:absolute; right:0; top:0;  width:65px; content:"";
 height:0; border-top:44px solid #104492; border-left:28px solid transparent;transition:all 0.5s ease;
}
#Content4 .about_index04 .right .more_a a{color:#ffffff; padding-left:15px; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content4 .about_index04 .right .more_a .b{float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content4 .about_index04 .right .more_a:hover::after{background:#104492; width:100%; height:100%;}
@media screen and  (max-width:1630px){
#Content4 .about_index04 .right{width:50.9%;}
}
@media screen and  (max-width:1200px){
#Content4 .about_index04 .h3_y{font-size:36px;}
  #Content4 .about_index04 .p_h3{font-size:30px;}
  #Content4 .about_index04 .left .span_a{width:430px;}
  #Content4 .about_index04 .right{width:50%; margin-left:80px;padding:30px; height:331px;}
  #Content4 .about_index04 .right .h4_a{font-size:22px;}
  #Content4 .about_index04 .right .p{line-height:30px; font-size:15px; margin:15px 0 30px; height:145px;}
  #Content4 .about_index04 .right .more_a{ width:160px; height:40px; }
  #Content4 .about_index04 .right .more_a a{ line-height:40px; font-size:16px;}
  #Content4 .about_index04 .right .more_a .b{line-height:40px;}
  #Content4 .about_index04 .right .more_a::after{border-top: 40px solid #104492; width:56px;}
}
@media screen and  (max-width:992px){
 #Content4 .about_index04 .p_h3::after{width:80%;}
  #Content4 .about_index04 .h3_y{font-size:32px;}
  #Content4 .about_index04 .p_h3{font-size:24px;}
  #Content4 .about_index04 .left .span_a{width:330px; left:30px; top:-30px;}
  #Content4 .about_index04 .right{margin-left:57px; width: 51%; margin-top:30px; height:265px;}
  #Content4 .about_index04 .right .h4_a{font-size:20px;}
  #Content4 .about_index04 .right .p{font-size:14px; line-height:24px; height:118px;}
  #Content4 .about_index04 .right .more_a{ width:120px; height:36px; }
  #Content4 .about_index04 .right .more_a a{padding-left:0; line-height:36px; font-size:14px;}
  #Content4 .about_index04 .right .more_a .b{line-height:36px;}
  #Content4 .about_index04 .right .more_a::after{border-top: 36px solid #104492; width:56px;}
}
@media screen and  (max-width:768px){
#Content4 .about_index04 .h3_y{font-size:24px;}
  #Content4 .about_index04 .p_h3{font-size:18px;}
  #Content4 .about_index04 .p_h3::after{width:70%;}
  #Content4 .about_index04 .index_top{padding-bottom:10px;}
  #Content4 .about_index04 .left{width:90%; height:100%; margin-top:30px;}
  #Content4 .about_index04 .left .span_a{right:0; top:-20px; width:100%;}
  #Content4 .about_index04 .right{width:100%; margin:0; padding:25px; min-height:200px; height:auto;}
  #Content4 .about_index04 .right .h4_a{font-size:16px;}
  #Content4 .about_index04 .right .p{font-size:14px; line-height:22px; min-height:100px; height:auto;}
}
#Content5 .news_index05{background:#f0f0f0; padding:40px 0; display:block; width:100%; float:left;margin-bottom: 20px;}
#Content5 .news_index05 .index_top{position:relative; width:100%; display:block; padding-bottom:40px;}
#Content5 .news_index05 .h3_y{font-weight:bold; font-size:42px; color:#333333; display:block; }
#Content5 .news_index05 .p_h3{font-weight:bold; font-size:30px; color:#104492; position:relative;}
#Content5 .news_index05 .p_h3::after{position:absolute; right:0; top:55%; margin-top:-1px; height:1px;
 width:86%; content:"";background:#e5e5e5;
}
#Content5 .news_index05 .top_rig{position:absolute; right:0; bottom:43%;}
#Content5 .news_index05 .li_a{float:left; padding:0 20px; line-height:45px; margin-left:10px;background:#363e45; 
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Content5 .news_index05 .right{float:right;}
#Content5 .news_index05 .li_a a{font-size:16px; color:#ffffff; display:block; width:100%;}
#Content5 .news_index05 .li_a:hover,
#Content5 .news_index05 .li_a.on{background:#104492;}
#Content5 .news_index05 .news_ul{display:block; width:100%;}
#Content5 .news_index05 .li_e{width:49%; float:left; margin:0 2% 2% 0; height:120px; overflow: hidden;}
#Content5 .news_index05 .li_e:nth-child(2n){margin-right:0;}
#Content5 .news_index05 .li_e a{display:block; width:100%; height:100%; background:#ffffff;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Content5 .news_index05 .li_e .span_left{float:left; width:20%; position:relative;color:#ffffff;}
#Content5 .news_index05 .li_e .i{padding:30px 20px 10px; display:block; font-size:16px; line-height:18px; position:relative; z-index:2;}
#Content5 .news_index05 .li_e .b_e{position:relative; z-index:2; font-weight:bold; font-size:48px; 
   display:block;padding:0 20px; line-height:40px;}
#Content5 .news_index05 .li_e .span_left::after{position:absolute; left:0; top:0; content:"";
width:160px; height:0; border-bottom:120px solid #dfdfdf;  border-right:78px solid transparent;
-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}

#Content5 .news_index05 .li_e .span_right{float:left; width:80%;padding:20px 28px;}
#Content5 .news_index05 .li_e .h4_e{font-size:18px; line-height:20px; display:block; color:#333333;}
#Content5 .news_index05 .li_e .p_e{line-height:24px; margin-top:12px; display:block; font-size:14px; color:#666666;
height:48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
#Content5 .news_index05 .li_e:hover .span_left::after{border-bottom:120px solid #104492;}
#Content5 .news_index05 .li_e:hover a{background:#363e45;}
#Content5 .news_index05 .li_e:hover .h4_e,
#Content5 .news_index05 .li_e:hover .p_e{color:#ffffff;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content5 .news_index05 .h3_y{font-size:36px;}
  #Content5 .news_index05 .p_h3{font-size:30px;}
  #Content5 .news_index05 .top_rig{bottom:46%;}
  #Content5 .news_index05 .li_a{padding:0 16px;}
  #Content5 .news_index05 .li_e .i{padding:30px 15px 10px;}
  #Content5 .news_index05 .li_e .span_left::after{width:150px;}
  #Content5 .news_index05 .li_e .span_right{padding:20px 45px;}
}
@media screen and  (max-width:992px){
#Content5 .news_index05{padding:50px 0;}
  #Content5 .news_index05 .p_h3::after{width:80%;}
  #Content5 .news_index05 .h3_y{font-size:32px;}
  #Content5 .news_index05 .p_h3{font-size:24px;}
  #Content5 .news_index05 .top_rig{position:inherit;width: 100%; margin-top:10px;
    display: flex; align-items: center; justify-content: center;
  }
  #Content5 .news_index05 .li_e{height:110px;}
  #Content5 .news_index05 .li_e .i{padding:25px 10px 10px; font-size:14px;}
  #Content5 .news_index05 .li_e .span_left::after{width:130px;border-bottom: 110px solid #dfdfdf;}
  #Content5 .news_index05 .li_e .span_right{padding:20px 45px;}
  #Content5 .news_index05 .li_e .b_e{font-size:36px; line-height:30px; padding:0 10px; text-align:center;}
  #Content5 .news_index05 .li_e .span_left{width:23%;}
  #Content5 .news_index05 .li_e .span_right{width:77%;}
  #Content5 .news_index05 .li_e .h4_e{font-size:16px;}
  #Content5 .news_index05 .li_e .p_e{line-height:22px; margin-top:8px; height:43px;}
}
@media screen and  (max-width:768px){
#Content5 .news_index05{padding:30px 0;}
  #Content5 .news_index05 .index_top{padding-bottom:20px;}
  #Content5 .news_index05 .h3_y{font-size:20px;}
  #Content5 .news_index05 .p_h3{font-size:18px;}
  #Content5 .news_index05 .p_h3::after{width:70%;}
  #Content5 .news_index05 .top_rig{display:block;}
  #Content5 .news_index05 .right{float:none;}
  #Content5 .news_index05 .li_a{width:46%; padding:0 10px; text-align:center; margin:2%; line-height:36px;}
  #Content5 .news_index05 .li_a a{font-size:14px; width:100%; display:block; text-align:center;}
  #Content5 .news_index05 .li_e{width:100%; margin-right:0; height:98px; margin-bottom:15px;}
  #Content5 .news_index05 .li_e .i{padding:30px 15px 6px; font-size:12px;}
  #Content5 .news_index05 .li_e .span_left::after{width:116px;border-bottom: 98px solid #dfdfdf;}
  #Content5 .news_index05 .li_e .span_right{padding:16px 27px;}
  #Content5 .news_index05 .li_e .b_e{font-size:28px; line-height:20px; padding:0 20px; text-align:left;}
  #Content5 .news_index05 .li_e .span_left{width:27%;}
  #Content5 .news_index05 .li_e .span_right{width:73%;}
  #Content5 .news_index05 .li_e .h4_e{font-size:16px;}
  #Content5 .news_index05 .li_e .p_e{line-height:20px; font-size:14px; margin-top:5px; height:40px;}
}
/*底部*/
#Down .footer{width:100%; float:left; display:block;}
#Down .footer .d_footer{width:100%; display:block;}
#Down .d_footer .top_d{background:#272c31; padding-top:60px; display:block; width:100%;}
#Down .d_footer .ul_left{float:left; width:81.5%;}
#Down .d_footer .ul_left .li_f{float:left; width:14.666%; margin-right:2%;}
#Down .d_footer .ul_left .h4_a{display:block; line-height:20px; font-size:18px; color:#ffffff;
 font-weight:bold; position:relative; padding-bottom:16px;
}
#Down .d_footer .ul_left .h4_a .b{position: absolute; display:none;
    right:15px;top:56%; width: 9px;height: 9px; float: right; border-top:solid 1px #bdbebf;
    border-right:solid 1px #bdbebf;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Down .d_footer .ul_left .h4_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#Down .d_footer .ul_left .h4_a::after{width:20px; height:1px; background:#52565a;
 position:absolute; left:0; bottom:0; content:"";
}
#Down .d_footer .ul_left ul{margin-top:20px; display:block;}
#Down .d_footer .ul_left .li{line-height:30px;}
#Down .d_footer .ul_left .li a{font-size:14px; color:#bdbebf; display:block;}
#Down .d_footer .ul_left .li:hover a{color:#104492;}
#Down .d_footer .right_d{width:17.5%; float:right;}
#Down .d_footer .top_g{padding-left:42px; width:100%; color:#ffffff; position:relative;font-size:16px; line-height:24px;} 
#Down .d_footer .top_g .i{width:25px; height:22px; background:url(../images/907_tel_1.png)no-repeat;
 position:absolute; left:0; top:0;
}
#Down .d_footer .top_g .b{font-size:24px; line-height:28px; font-weight:normal;}
#Down .d_footer .bot_g{display:block; width:100%; padding-left:42px; margin-top:10px;}
#Down .d_footer .span_1{float:left; }
#Down .d_footer .span_2{float:right; border-top:1px solid #52565a; border-bottom:1px solid #52565a; font-size:14px; line-height:28px; padding:20px 0; margin:10px 0 0 6px; 
writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  
}
#Down .d_footer .ul{margin-top:30px; position:relative; display:block; border-top:1px dashed #52565a; width:100%; padding:25px 0;}
#Down .d_footer .h5_a{padding-left:30px; line-height:18px; position:relative; font-size:16px; float:left;color:#bdbebf;}
#Down .d_footer .h5_a .i{width:16px; height:16px; background:url(../images/907_link.png)no-repeat; 
  position: absolute; left:0; top:0;
}
#Down .d_footer .ul_a{float:left;width:86%;}
#Down .d_footer .ul_a .li_g{line-height:16px; font-size:14px; float:left; color:#363b41; font-size:12px;}
#Down .d_footer .ul_a .li_g a{ color:#bdbebf; font-size:14px;padding:0 8px; }
#Down .d_footer .ul_a .li_g:hover a{color:#104492;}
#Down .d_footer .ul .span{font-size:14px; float:right;}
#Down .d_footer .ul .span a{color:#bdbebf; font-size:14px;}
#Down .bottom_d{background:#104492; padding:15px 0; line-height:26px; width:100%; display:block;}
#Down .bottom_d .span_3{float:left; width:90%; line-height:26px; font-size:14px; color:#a4afc9;}
#Down .bottom_d .span_4{float:right; line-height:24px; color:#a4afc9; font-size:14px;}
#Down .bottom_d .span_4 a{ color:#a4afc9; font-size:14px;}
#Down .bottom_d .span_4:hover a{color:#ffffff;}
#Down .pf_down{display:none; box-shadow:0 -6px 4px -6px #ccc;}
/*右侧漂浮*/
#Down .pf_right{display: none; width:72px; right:30px; position:fixed; top:50%; z-index:999; }
#Down .pf_right ul{ width:100%; float:left;}
#Down .pf_right ul li{ width:72px; height:72px; float:left; margin-bottom:1px;}
#Down .pf_right ul li a{ display:block; float:right; width:72px; height:72px; position:relative;
padding:8px 0; background:#494d52;}
#Down .pf_right ul li a img{ float:left;}
#Down .pf_right ul li a .ico{ width:30px; height:30px; margin:0 auto;}
#Down .pf_right ul li a .i{color:#ffffff; line-height:24px; font-size:16px; display:block; text-align:center; width:100%;}
#Down .pf_right ul li:hover a{background:#203764;}
#Down .pf_right ul li.r_ewm .z_ewm{position:absolute; right:80px;width:100px; height:100px; display:none; top:-12px;border:5px solid #203764;}
#Down .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;}
#Down .pf_right ul li.r_ewm:hover a .z_ewm{display:block;}
/* 20200413修改开始 */
#Down .pf_right{ top: 35%;}
#Down .pf_right ul li{ position: relative;}
#Down .pf_right ul li .z_dh{ display: none; width: 170px; height: 72px; line-height: 72px; overflow: hidden; text-align: center; position: absolute; top: 0; right: 80px; color: #fff; background:#203764;} 
#Down .pf_right ul li:hover .z_dh{ display: block;}
/* 20200413修改结束 */
/*留言弹窗*/
#Down .mess-wrapper{width:100%; height:100%; background:rgba(0,0,0,0.5); 
position: fixed; top: 0; left: 0;  z-index: 99999;
}
#Down .mess-wrapper .mess_width{width:600px; margin:0 auto; position:relative; top:20%;}
#Down .mess-wrapper .top_1{background:#104492; line-height:64px; border-radius:20px 20px 0 0; text-align:center; color:#ffffff; font-size:24px;
}
#Down .mess-wrapper .form_width{background:#ffffff; padding:26px 46px 46px; border-radius:0 0 20px 20px;}
#Down .mess-wrapper .h4_1{font-size:16px; color:#666666; padding-bottom:22px; text-align:center;}
#Down .mess-wrapper .li_1{width:100%; margin-bottom:10px;  float:left; background:#efefef; padding:13px 24px; line-height:28px; position:relative;}
#Down .mess-wrapper .input{background:none; border:none; padding:0 5px; outline: none; width:79%; height:28px; line-height:28px;}
#Down .mess-wrapper .input_1{width:40%;}
#Down .mess-wrapper .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Down .mess-wrapper .b{color:#104492; font-size:16px;}
#Down .mess-wrapper .li_2{width:49%; margin-right:2%; float:left;}
#Down .mess-wrapper .li_3{margin-right:0;}
#Down .mess-wrapper .li_4{background:#104492;}
#Down .mess-wrapper .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Down .mess-wrapper .ri{padding-left:100px;}
#Down .mess-wrapper .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Down .mess-wrapper .demo--radio{display:none; }
#Down .mess-wrapper .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Down .mess-wrapper .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2.5px;margin-top:2px;width:5px;position: absolute;}
#Down .mess-wrapper .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Down .mess-wrapper .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Down .mess-wrapper .span_d{float:right; position:absolute; right:24px; top:13px;}
#Down .mess-wrapper .span_d img{display:block;}
#Down .mess-wrapper .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Down .mess-wrapper .pointa:hover .navbtna,
#Down .mess-wrapper .pointa:hover .navbtna::after,
#Down .mess-wrapper .pointa:hover .navbtna::before {  width: 22px;  }
#Down .mess-wrapper .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Down .mess-wrapper .pointa .navbtna::after,
#Down .mess-wrapper .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Down .mess-wrapper .pointa .navbtna::after { top:-8px; }
#Down .mess-wrapper .pointa .navbtna::before { top:8px; }
#Down .mess-wrapper .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Down .mess-wrapper .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Down .visible-lg{display:block!important;}

@media screen and  (max-width:1630px){
#Down .d_footer .right_d{width:18.5%;}
  #Down .d_footer .ul_a{width:86%;}
}
@media screen and  (max-width:1200px){
#Down .d_footer .right_d{width:22.5%;}
  #Down .d_footer .ul_a{width:84%;}
  #Down .d_footer .ul_left{width:77.5%;}
}
@media screen and  (max-width:992px){
#Down .d_footer .right_d{width:30%; float:left; margin-top:20px;}
  #Down .d_footer .ul_a{width:78%;}
  #Down .d_footer .ul_left{width:100%;}
}
@media screen and  (max-width:768px){
#Down .d_footer .top_d{padding-top:30px;}
  #Down .d_footer .ul_left .h4_a .b{display:block;}
  #Down .d_footer .ul_left .h4_a{line-height:36px; font-size:16px; height:36px;padding: 0 15px; }
  #Down .d_footer .ul_left .h4_a::after{display:none;}
  #Down .d_footer .ul_left ul{display:none; margin:0; padding:0 15px;}
  #Down .d_footer .ul_left .li_f{width:49%; margin-bottom:15px; border:1px solid #bdbebf;}
  #Down .d_footer .ul_left .li_f:nth-child(2n){margin-right:0;}
  #Down .d_footer .right_d{width:100%; margin-top:10px;}
  #Down .d_footer .ul{margin-top:20px; padding:15px 0;}
  #Down .d_footer .bot_g{display:none;}
  #Down .d_footer .ul .span{position:absolute; right:0; top:20;}
  #Down .d_footer .ul_a{width:100%; margin-top:10px;}
  #Down .bottom_d{text-align:center;}
  #Down .bottom_d .span_3,
  #Down .bottom_d .span_4{width:100%; line-height:22px; font-size:14px;}
  #Down .q_d_m{float:left; width:100%; height:50px;}
  #Down .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;}
  #Down .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
  #Down .pf_down li .ico{ width:100%; float:left; height:30px;}
  #Down .pf_down li .ico img{ height:36px;}
  #Down .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
  #Down .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #104492; margin-top:-20px;
    -moz-border-radius:50%; 
    -webkit-border-radius:50%; 
    -khtml-border-radius:50%;
    border-radius:50%;}
#Down .visible-lg{display:none!important;}
  #Down .mess-wrapper .mess_width{width:90%; top:10%;}
  #Down .mess-wrapper .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
  #Down .mess-wrapper .pointa{right:12px; top:10px;}
  #Down .mess-wrapper .form_width{padding:15px 20px 20px; overflow-y: auto; height:400px;border-radius: 0 0 15px 15px;}
  #Down .mess-wrapper .h4_1{font-size:12px; padding-bottom:15px;}
  #Down .mess-wrapper .li_2{width:100%;}
  #Down .mess-wrapper .li_1{padding:10px 15px; line-height:24px;}
  #Down .mess-wrapper .i{line-height:24px; font-size:14px;}
  #Down .mess-wrapper .input{line-height:24px; height:24px; font-size:12px;}
  #Down .mess-wrapper .li_11 .input{width:60%;}
  #Down .mess-wrapper .demo--label{font-size:14px;}
  #Down .mess-wrapper .span_d{width:100px; right:10px; top:10px;}
  #Down .mess-wrapper .tj{font-size:15px;}
  #Down .mess-wrapper .li_4{padding:8px 10px;}
  /* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */
  #Down .mess-wrapper .form_width::-webkit-scrollbar { width:10px; height:10px; background-color: #F5F5F5;}
  /* 定义滚动条轨道 内阴影+圆角 */
  #Down .mess-wrapper .form_width::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F5F5F5;}
  /* 定义滑块 内阴影+圆角 */ 
  #Down .mess-wrapper .form_width::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color: rgba(16,68,146,.9);}
}
/* 内页banner */
#Slide2{ width: 100%; float: left;}
#Slide2 .zy_banner{ line-height: 0;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 内页导航 */
#Content6{ width: 100%; float: left;}
#Content6 .subNav{ text-align: center;}
#Content6 .subNav .u1{ display: inline-block;}
#Content6 .subNav .l1{ float: left; font-size: 16px; height: 48px; line-height: 48px; padding: 0 40px; margin: 5px 10px; background: #363e45;}
#Content6 .subNav .l1 a{ color: #fff;}
#Content6 .subNav .l1.on,#Content6 .subNav .l1:hover{ background: #104492;}
@media  screen and (max-width:1200px){
#Content6 .subNav .l1{ padding: 0 20px;}    
}
@media  screen and (max-width:1023px){
#Content6 .subNav .l1{ font-size: 14px; height: 28px; line-height: 28px; padding: 0 10px; margin: 2px 5px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){
#Content6 .subNav .u1{ margin: 0 -5px;} 
#Content6 .subNav .l1{ font-size: 12px; padding: 0 6px; margin: 1px 2px;}
}
/*1关于宏工*/
#Content7 .about_width{width:100%; display:block; float:left;}
#Content7 .about_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content7 .about_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content7 .about_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content7 .about_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content7 .about_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";

}
#Content7 .about_width .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content7 .about_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content7 .about_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
}
@media screen and  (max-width:992px){
 #Content7 .about_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content7 .about_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content7 .about_width .title{margin-bottom:20px;}
}
@media screen and  (max-width:768px){
#Content7 .about_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content7 .about_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content7 .about_width .title .h4_a::after,
  #Content7 .about_width .title .h4_a::before{width:12px;}
  #Content7 .about_width .title{margin-bottom:20px;}
  #Content7 .about_width .text{line-height:22px; font-size:14px;}
}
/*发展历程*/
#Content8 .deve_width{width:100%; display:block; float:left; background:#f4f4f4; padding:100px 0 90px;}
#Content8 .deve_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content8 .deve_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content8 .deve_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content8 .deve_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content8 .deve_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content8 .deve_width .deve_pic{ margin:0 -94px; display:block; }
#Content8 .deve_width .deve_pic .homeGame_s{width:100%; margin:0 auto; position:relative; padding:0 94px;}
#Content8 .deve_width .deve_pic .homeGame_s .slick-list::after{position: absolute; left: 0; top:112px;
 width: 100%; border-bottom:1px dashed #aaaaaa; height: 1px; content: ""; z-index: -1;
}
#Content8 .deve_width .slick-dots{display:none!important;width: 100%;bottom:-20px; font-size: 0; text-align:center;}
#Content8 .deve_width .slick-dots li{width:10px; height: 10px;margin: 0 5px; border-radius: 50%;
  border:1px solid #fff; background:none; background:#d1cfce;
  }
#Content8 .deve_width .slick-dots li.slick-active{ background-color: #104492; border:1px solid #fff;}
#Content8 .deve_width .slick-dots li button:before,
#Content8 .deve_width .slick-dots li button{display:none;}
#Content8 .deve_width .deve_pic .slick-prev,
#Content8 .deve_width .deve_pic .slick-next{width:24px; height:54px; border-radius:15px; background-size:100% 100%;}
#Content8 .deve_width .deve_pic .slick-prev{left:0; top:112px; background:url(../images/911_jt_1.png)no-repeat #c3c3c3;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .slick-next{right:0; top:112px; background:url(../images/911_jt_2.png)no-repeat #c3c3c3;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .slick-prev:hover{background:url(../images/911_jt_1.png)no-repeat #104492;}
#Content8 .deve_width .deve_pic .slick-next:hover{background:url(../images/911_jt_2.png)no-repeat #104492;}
#Content8 .deve_width .deve_pic .slick-slide{margin-right:30px; cursor: pointer; }
#Content8 .deve_width .deve_pic .slick-slide:hover .span_3{
  background:#104492;
}
#Content8 .deve_width .deve_pic .slick-slide:hover .i{ border-bottom-color: #104492;}
#Content8 .deve_width .deve_pic .slick-slide:hover .p{color:#ffffff;}
#Content8 .deve_width .deve_pic .slick-slide:hover .span_1{
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}
#Content8 .deve_width .deve_pic .span_1{width:67px; height:82px; background:url(../images/911_lc.png)no-repeat; margin:0 auto;
color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:72px;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .span_2{margin:23px auto; display:block; width:16px; height:16px; 
  background:#ffffff; border:1px solid #104492; border-radius:50%;
}
#Content8 .deve_width .deve_pic .span_3{position:relative; padding:20px 20px 10px; background:#ffffff; display:block;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .i{position: absolute; top: -14px; width: 0; height: 0; 
  border:7px solid transparent; left:50%; margin-left:-7px;
 border-bottom-color: #ffffff;
 -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content8 .deve_width .deve_pic .p{line-height:24px; color:#333333; min-height:154px; font-size:14px;
 display:block; width:100%;
 -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
@media screen and  (max-width:1630px){
#Content8 .deve_width .deve_pic{margin:0 -10px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;}
}
@media screen and  (max-width:1200px){
#Content8 .deve_width{padding:80px 0 60px;}
  #Content8 .deve_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content8 .deve_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
  #Content8 .deve_width .deve_pic{margin:0 -20px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 80px;}
}
@media screen and  (max-width:992px){
#Content8 .deve_width{padding:60px 0 40px;}
  #Content8 .deve_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content8 .deve_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content8 .deve_width .title{margin-bottom:20px;}
  #Content8 .deve_width .deve_pic{margin:0 -10px;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0 50px;}
}
@media screen and  (max-width:768px){
#Content8 .deve_width{padding:40px 0 30px;}
  #Content8 .deve_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content8 .deve_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content8 .deve_width .title .h4_a::after,
  #Content8 .deve_width .title .h4_a::before{width:12px;}
  #Content8 .deve_width .title{margin-bottom:20px;}
  #Content8 .deve_width .deve_pic .slick-slide{margin:0;}
  #Content8 .deve_width .deve_pic{margin:0;}
  #Content8 .deve_width .deve_pic .homeGame_s{padding:0;}
  #Content8 .deve_width .deve_pic .slick-prev,
  #Content8 .deve_width .deve_pic .slick-next{background:none;}
  #Content8 .deve_width .deve_pic .span_1{width:55px; height:67px; background-size:100% 100%; 
    line-height:56px; font-size:16px;}
  #Content8 .deve_width .deve_pic .span_2{width:12px; height:12px; margin:16px auto;}
  #Content8 .deve_width .deve_pic .homeGame_s .slick-list::after{top:88px;}
  #Content8 .deve_width .deve_pic .span_3{padding:15px 15px 10px;}
  #Content8 .deve_width .slick-dots{display:block!important;}
  #Content8 .deve_width .deve_pic .p{min-height:110px;}
}
/*企业文化*/
#Content9 .cor_width{width:100%; display:block; float:left; }
#Content9 .cor_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content9 .cor_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content9 .cor_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content9 .cor_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content9 .cor_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content9 .cor_width .cor_list{width:100%; display:block;}
#Content9 .cor_width .li_a{width:23.5%; margin-right:2%; float:left;
-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content9 .cor_width .li_a:last-child{margin-right:0;}
#Content9 .cor_width .li_a a{dispaly:block; width:100%; height:100%; text-align:center;}
#Content9 .cor_width .li_a .img_1{width:100%; margin-bottom:16px;}
#Content9 .cor_width .li_a img{display:block;}
#Content9 .cor_width .li_a .h3_a{font-size:20px; margin-bottom:10px; line-height:30px; font-weight:bold; colro:#333333; display:block;}
#Content9 .cor_width .li_a .p{line-height:22px; color:#666666; font-size:14px; display:block;}
#Content9 .cor_width .li_a:hover{-webkit-transform: translateY(-10px);
          transform: translateY(-10px);}
#Content9 .cor_width .li_a:hover .p{color:#104492;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#Content9 .cor_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content9 .cor_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
}
@media screen and  (max-width:992px){
#Content9 .cor_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content9 .cor_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content9 .cor_width .title{margin-bottom:20px;}
  #Content9 .cor_width .li_a{width:48%; margin:0 4% 4% 0;}
  #Content9 .cor_width .li_a:nth-child(2n){margin-right:0;}
}
@media screen and  (max-width:768px){
#Content9 .cor_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content9 .cor_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content9 .cor_width .title .h4_a::after,
  #Content9 .cor_width .title .h4_a::before{width:12px;}
  #Content9 .cor_width .title{margin-bottom:20px;}
  #Content9 .cor_width .li_a{width:100%; margin:0 0 15px 0;}
  #Content9 .cor_width .li_a .img_1{margin-bottom:10px;}
  #Content9 .cor_width .li_a .h3_a{font-size:16px; margin-bottom:5px;}
}
/*组织架构*/
#Content10 .org_width{width:100%; display:block; float:left; background:#f4f4f4; padding:100px 0 90px;}
#Content10 .org_width .title{text-align:center; margin-bottom:30px; display:block;}
#Content10 .org_width .title .h3_a{text-align:center; color:#1c1f21; font-size:30px;font-weight:bold; display:block; line-height:40px;}
#Content10 .org_width .title .h4_a{position: relative; text-align:center; padding:0 42px; display:inline-block;
font-size:24px; color:#104492; font-weight:bold; line-height:30px;
}
#Content10 .org_width .title .h4_a::after{position:absolute; right:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content10 .org_width .title .h4_a::before{position:absolute; left:0; top:50%; 
 height:1px; width:22px; background:#104492; content:"";
}
#Content10 .org_width .org_pic{width:100%;display:block;}
#Content10 .org_width .top_a1{text-align:center; width:120px; height:120px; position:relative;
  padding:40px 0; display:block; background:#104492; border-radius:50%; margin:0 auto;
}
#Content10 .org_width .top_a1::after{position:absolute; left:50%; margin-left:-1px;
 bottom:-25px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a1 .b{color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block;}
#Content10 .org_width .top_a2{padding-top:37px; display:block; width:100%; overflow: hidden;}
#Content10 .org_width .top_a2 .ul_a{width:100%; display:block; overflow: hidden; position:relative;}
#Content10 .org_width .top_a2 .ul_a::before,
#Content10 .org_width .top_a2 .ul_a::after{ content: "";width: 25%; position: absolute;
    height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9;
}
#Content10 .org_width .top_a2 .ul_a::after{right:0!important; left:auto;}
#Content10 .org_width .top_a2 .li_a{width:50%; border-top: 1px solid #afafaf;position: relative;
    text-align: center; float:left;
}
#Content10 .org_width .top_a2 .li_a::before{ position:absolute; left:50%; margin-left:-1px;
  top:0px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .li_a .h3_a{width:80px; height:80px; margin:20px auto; text-align:center;
background:#104492; border-radius:50%; padding:20px 0; position:relative; color:#ffffff; font-size:16px; text-align:center; font-weight:normal; display:block;
}
#Content10 .org_width .top_a2 .li_a .h3_a::after{position:absolute; left:50%; margin-left:-1px;
  bottom:-20px; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .ul_b{display: inline-block;position: relative;}
#Content10 .org_width .top_a2 .ul_b::before,
#Content10 .org_width .top_a2 .ul_b::after{ content: "";width:50px; position: absolute;
    height: 0; border-top: 1px solid #f4f4f4; left: 0; top: 0; z-index: 9;
}
#Content10 .org_width .top_a2 .ul_b::after{right:0!important; left:auto;}
#Content10 .org_width .top_a2 .li_b{width:100px; border-top: 1px solid #afafaf;position: relative; 
    text-align: center; float:left; padding:25px 27.5px 0;
}
#Content10 .org_width .top_a2 .li_b .span_a{background:#363e45; display:block; min-height:192px;
 width:45px; padding:15px;line-height:20px; font-size:16px; color:#ffffff;
  -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
#Content10 .org_width .top_a2 .li_b::before{ position:absolute; left:50%; margin-left:-1px;
  top:0; height:20px; width:1px; background:#afafaf;content:"";
}
#Content10 .org_width .top_a2 .li_b:hover .span_a{background:#104492;}
@media screen and  (max-width:1630px){
#Content10 .org_width{padding:90px 0 80px;}
}
@media screen and  (max-width:1200px){
#Content10 .org_width{padding:70px 0 50px;}
  #Content10 .org_width .title .h3_a{font-size:26px; line-height:36px;}
  #Content10 .org_width .title .h4_a{font-size:22px; line-height:26px; padding:0 30px;}
  #Content10 .org_width .org_pic{width:100%;}
  #Content10 .org_width .top_a2 .li_b{padding:25px 20px 0; width:86px;}
  #Content10 .org_width .top_a2 .ul_b::before,
  #Content10 .org_width .top_a2 .ul_b::after{width:43px;}
}
@media screen and  (max-width:992px){
 #Content10 .org_width{padding:50px 0 30px;}
  #Content10 .org_width .title .h3_a{font-size:24px; line-height:30px;}
  #Content10 .org_width .title .h4_a{font-size:20px; line-height:26px; padding:0 25px;}
  #Content10 .org_width .title{margin-bottom:20px;}
  #Content10 .org_width .top_a1{width:100px; height:100px; padding:30px 0;}
  #Content10 .org_width .top_a2 .li_a .h3_a{width:70px; height:70px; padding:15px 0;}
  #Content10 .org_width .top_a2 .li_b{width:72px;}
  #Content10 .org_width .top_a2 .ul_b::before,
  #Content10 .org_width .top_a2 .ul_b::after{width:36px;}
}
@media screen and  (max-width:768px){
#Content10 .org_width{padding:30px 0 30px;}
  #Content10 .org_width .title .h3_a{font-size:22px; line-height:28px;}
  #Content10 .org_width .title .h4_a{font-size:18px; line-height:22px; padding:0 20px;}
  #Content10 .org_width .title .h4_a::after,
  #Content10 .org_width .title .h4_a::before{width:12px;}
  #Content10 .org_width .title{margin-bottom:20px;}
  #Content10 .org_width .top_a1{width:80px; height:80px; padding:20px 0; margin-top:20px;}
  #Content10 .org_width .top_a1 .b{font-size:14px;}
  #Content10 .org_width .top_a2 .li_a .h3_a{width:60px; height:60px; padding:10px 0; font-size:14px;}
  #Content10 .org_width .top_a2 .li_b{width:90%; border:none; padding:0
    ; margin:0 auto 10px; min-height:auto;}
  #Content10 .org_width .top_a2 .li_b .span_a{width:100%; padding:8px;min-height:auto; font-size:14px;}
  #Content10 .org_width .top_a2 .ul_b::before,
  #Content10 .org_width .top_a2 .ul_b::after{width:36px;display:none;}
  #Content10 .org_width .top_a2 .li_b::before{display:none;}
}
/*产品中心*/
#List .pro_list{width:100%; display:block; float:left;}
#List .pro_list .pro_left{width:21.754%; float:left;}
#List .pro_list .pro_left .top_a{width:100%; background:url(../images/914_cp_bg1.png)no-repeat #104492; 
  border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px;
}
#List .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;}
#List .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;}
#List .pro_list .bottom_a{dispaly:block; width:100%;}
#List .pro_list .bottom_a .h4_a{display:none;}
#List .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; }
#List .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; 
  position:relative; font-size:18px; color:#ffffff; cursor: pointer;
}
#List .pro_list .bottom_a .li_a .h5_a .b{position: absolute;
    left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff;
    border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#List .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#List .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px;
 border:1px solid #dadada; border-top:none; border-bottom:none;
}
#List .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;}
#List .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; 
  color:#333333; font-size:16px;
}
#List .pro_list .bottom_a .li_a .li_b:last-child{border:none;}
#List .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;}
#List .pro_list .pro_right{float:right; width:74%;}
.pro_ul{width:100%; display:block;}
.li_c{width:31.3333%; float:left; margin:0 3% 4% 0; padding-bottom:20px;}
@media (max-width:750px) {
	.li_c{width: 48%;margin-left: 1%;margin-right: 1%;}
	
}

.li_c:nth-child(3n){margin-right:0;}
.li_c a{width:100%; display:block;position:relative; 
  padding:0 0 50px; background:#f0f0f0; border:1px solid #f0f0f0; height:100%;transition:all 0.5s ease;}
.li_c .pic{display:block; overflow: hidden;}
.li_c img{display:block;transition:all 0.5s ease;}
.li_c .h4_b{display:block; padding:16px 20px 0; line-height:40px; color:#333333; font-size:18px; width:100%; text-align:center;transition:all 0.5s ease; 
}
.li_c .p_b{line-height:30px; color:#888888; font-size:14px; text-align:center;
 display:block; width:100%;transition:all 0.5s ease; padding:0 20px;}
.li_c .more{position:absolute; left:50%;margin-left:-27px; bottom:-20px; z-index:2; 
  border:4px solid #f0f0f0; background:#ffffff; line-height:48px; width:54px; height:54px; text-align:center; 
  color:#b3b3b3; font-size:12px; border-radius:50%;transition:all 0.5s ease;
}
.li_c:hover a{background:#363e45;}
.li_c:hover .h4_b,
.li_c:hover .p_b,
.li_c:hover .more{color:#ffffff;}
.li_c:hover .more{border:4px solid #104492; background:#104492;}
.li_c:hover img{
 -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
       -o-transform: scale(1.1);
  transform: scale(1.1);
}

/*分页*/
#List{ width: 100%; float: left;}
#List .wack1{ text-align: center;}
#List .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;}
#List .pz_fy a:hover,
#List .pz_fy a.on { background: #104492; color:#fff; border: 1px solid #104492;}
#List .pz_fy .l2{ width: 100px; height: 36px;}
#List .pz_fy .l2:hover{ background-color: #104492; border: 1px solid #104492;}
#List .pz_fy .r2{ width: 100px; height: 36px;}
#List .pz_fy .r2:hover{ background-color: #104492; border: 1px solid #104492;}
@media  screen and (max-width:1023px){
#List .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#List .fy_pc a{ padding:5px 25px; background: #104492; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
#List .fy_pc span{ padding:5px 20px; color:#272727;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){
#List .pro_list .pro_left .top_a{padding:25px 18px; height:102px;}
  #List .pro_list .bottom_a .li_a .li_b{padding:12px 10px;}
  #List .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;}
}
@media screen and  (max-width:992px){
#List .pro_list .pro_left .top_a{display:none;}
  #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #List .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;}
  #List .pro_list .pro_left{width:100%; margin-bottom:15px;}
  #List .pro_list .pro_right{width:100%;}
  #List .pro_list .pro_right .li_c{width:48%;}
  #List .pro_list .li_c:nth-child(3n){margin-right:4%;}
  #List .pro_list .li_c:nth-child(2n){margin-right:0;}
  #List .pro_list .li_c:nth-child(9){display:none;}
}
@media screen and  (max-width:768px){
#List .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;}
  #List .pro_list .bottom_a .li_a .h5_a .b{left:12px;}
  #List .pro_list .bottom_a .li_a .ul_a{padding:0 10px;}
  #List .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;}
  #List .pro_list .bottom_a .li_a .li_b{padding:10px 0;}
  #List .pro_list .bottom_a .li_a .li_b a{font-size:12px;}
  #List .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #List .pro_list .li_c .h4_b{line-height:28px; padding-top:10px; font-size:16px;}
  #List .pro_list .li_c a{padding:0 0  32px;}
  #List .pro_list .li_c .more{width:50px; height:50px; margin-left:-25px; }
}
/*产品详情页*/
/*产品中心*/
#Subpage .pro_list{width:100%; display:block; float:left;}
#Subpage .pro_list .pro_left{width:21.754%; float:left;}
#Subpage .pro_list .pro_left .top_a{width:100%; background:url(../images/915_cp_bg1.png)no-repeat #104492; 
  border-radius:0 30px 0 0; background-size:100% 100%; height:115px; display:block; padding:30px 22px;
}
#Subpage .pro_list .pro_left .h3_a{color:#ffffff; font-size:28px; font-weight:bold;display:block;}
#Subpage .pro_list .pro_left .b_a{color:#ffffff; font-size:18px; font-weight:bold; line-height:24px;display:block;}
#Subpage .pro_list .bottom_a{dispaly:block; width:100%;}
#Subpage .pro_list .bottom_a .h4_a{display:none;}
#Subpage .pro_list .bottom_a .li_a{margin-bottom:2px; width:100%; }
#Subpage .pro_list .bottom_a .li_a .h5_a{background:#363e45; padding:18px 20px 18px 46px; display:block; width:100%; 
  position:relative; font-size:18px; color:#ffffff; cursor: pointer;
}
#Subpage .pro_list .bottom_a .li_a .h5_a .b{position: absolute;
    left:20px;top:56%; width: 6px;height: 6px; float: right; border-top:solid 1px #ffffff;
    border-right: solid 1px #ffffff;margin-top: -5px; cursor: pointer;transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);
    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;
     transition: all 0.3s linear;
}
#Subpage .pro_list .bottom_a .li_a .h5_a.active .b{ transform: rotate(135deg);-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);-o-transform: rotate(135deg); margin-top: -7px;
}
#Subpage .pro_list .bottom_a .li_a .ul_a{width:100%; display:none; padding:0 20px;
 border:1px solid #dadada; border-top:none; border-bottom:none;
}
#Subpage .pro_list .bottom_a .li_a .li_b{width:100%; border-bottom:1px dashed #dadada; padding:20px 25px;}
#Subpage .pro_list .bottom_a .li_a .li_b a{width:100%; padding:0; display:block; height:100%; 
  color:#333333; font-size:16px;
}
#Subpage .pro_list .bottom_a .li_a .li_b:last-child{border:none;}
#Subpage .pro_list .bottom_a .li_a .li_b:hover a{color:#104492;}
#Subpage .pro_list .pro_right{float:right; width:74%;}
#Subpage .pro_pic{width:100%; display:block;}
#Subpage .pro_pic .top_c{text-align:center;}
#Subpage .pro_pic .h4_title{text-align:center; color:#333333; display:block; line-height:36px; font-size:30px;}
#Subpage .pro_pic .pro_span{color:#888888; display:inline-block; font-size:14px; line-height:22px; text-align:center; padding-top:10px;}
#Subpage .pro_pic .pro_span .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;}
#Subpage .pro_pic .pro_span .wz{ float: left; margin-right: 20px;}
#Subpage .pro_pic .pro_span .i img{vertical-align:middle; margin-right:5px;}
#Subpage .pro_pic .text{color:#666666; font-size:14px; line-height:30px; padding:20px 0; 
  border-top:1px dashed #b2b2b2; margin:26px 0 20px;
}
#Subpage .pro_pic .bdsharebuttonbox{display: inline-block; *display: inline; *zoom:1; vertical-align: top; padding: 0!important; margin: 0!important;}
#Subpage .pro_pic .bdsharebuttonbox span{float: left; padding-right: 5px; line-height: 26px; height: 26px; color: #666; font-size: 14px;}
#Subpage .pro_pic .bdsharebuttonbox a{float: left; width: 26px !important; height: 26px !important; margin: 0 8px !important; padding: 0!important; }
#Subpage .pro_pic .bdsharebuttonbox .bds_weixin{background:url(../images/915_share_wx.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_sqq{background:url(../images/915_share_qq.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_qzone{background:url(../images/915_share_kj.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tsina{background:url(../images/915_share_wb.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tqq{background:url(../images/915_share_txwb.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .bdsharebuttonbox .bds_tt{background:url(../images/915_cpxq_im8.png) no-repeat !important; background-size: 100% !important;}
#Subpage .pro_pic .fy_xq{margin:20px auto; width:100%; background:#f7f7f7; padding:15px 18px;}
#Subpage .pro_pic .fy_xq a{width:49%; text-align:left; line-height:18px; color:#333333; font-size:14px;}
#Subpage .pro_pic .fy_xq .left{float:left; text-align:left;}
#Subpage .pro_pic .fy_xq .right{text-align:right; float:right;}
#Subpage .pro_pic .fy_xq a:hover{color:#104492;}
#Subpage .pro_pic .caseConAl{padding-top:20px;}
#Subpage .pro_pic .caseConAl .tit{ width: 100%; overflow: hidden;}
#Subpage .pro_pic .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;}
#Subpage .pro_pic .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;}
#Subpage .pro_pic .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/915_fh.png) no-repeat left center;}
#Subpage .pro_pic .caseConAl .tit .fh:hover{ text-decoration: underline;}
#Subpage .pro_pic .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage .pro_pic .list{margin:0 -63px; display:block; padding-top:30px; overflow: hidden;}
#Subpage .pro_pic .list .list_ul{display:block; padding:0 63px; width:100%; }
#Subpage .pro_pic .list .slick-list{position: relative;}
#Subpage .pro_pic .list .slick-slide{margin:0 15px; background:#f0f0f0; border:1px solid #f0f0f0;}
#Subpage .pro_pic .list .slick-slide:hover img{
-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);
}
#Subpage .pro_pic .list .slick-slide:hover .h4_b a{color:#104492;}
#Subpage .pro_pic .list .slick-prev,
#Subpage .pro_pic .list .slick-next{width:34px; height:34px; display:block; border-radius:50%; margin-top:-17px;}
#Subpage .pro_pic .list .slick-prev{background:url(../images/915_left_a1.png)no-repeat #f0f0f0;
 background-size:100% 100%; left:0;}
#Subpage .pro_pic .list .slick-next{background:url(../images/915_right_a1.png)no-repeat #f0f0f0;
 background-size:100% 100%; right:0;}
#Subpage .pro_pic .list .slick-prev:hover{background:url(../images/915_left_b1.png)no-repeat rgba(16,68,146,0.6);
 background-size:100% 100%;}
#Subpage .pro_pic .list .slick-next:hover{background:url(../images/915_right_b1.png)no-repeat rgba(16,68,146,0.6);
 background-size:100% 100%;}
#Subpage .pro_pic .list .pic{width:100%; overflow: hidden;}
#Subpage .pro_pic .list .pic img{display:block;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;
}
#Subpage .pro_pic .list .h4_b{padding:20px 10px; color:#333333; font-size:18px; line-height:22px; 
  display:block; text-align:center;}
#Subpage .pro_pic .list .h4_b a{color:#333333; font-size:18px;}
@media screen and  (max-width:1630px){
#Subpage .pro_pic .list{margin:0 -5px;}
  #Subpage .pro_pic .list .slick-slide{margin-right:20px;}
  #Subpage .pro_pic .list .list_ul{padding:0 50px; }
}
@media screen and  (max-width:1200px){
#Subpage .pro_list .pro_left .top_a{padding:25px 18px; height:102px;}
  #Subpage .pro_list .bottom_a .li_a .li_b{padding:12px 10px;}
  #Subpage .pro_list .bottom_a .li_a .h5_a{padding:10px 15px 10px 40px;}
}
@media screen and  (max-width:992px){
#Subpage .pro_list .pro_left .top_a{display:none;}
  #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #Subpage .pro_list .bottom_a .li_a:nth-child(2n){margin-right:0;}
  #Subpage .pro_list .pro_left{width:100%; margin-bottom:15px;}
  #Subpage .pro_list .pro_right{width:100%;}
  #Subpage .pro_pic .fx_xq{display:none;}
  #Subpage .pro_pic .h4_title{font-size:20px;}
}
@media screen and  (max-width:768px){
#Subpage .pro_list .bottom_a .li_a .h5_a{padding:6px 10px 6px 30px; font-size:14px;}
  #Subpage .pro_list .bottom_a .li_a .h5_a .b{left:12px;}
  #Subpage .pro_list .bottom_a .li_a .ul_a{padding:0 10px;}
  #Subpage .pro_list .bottom_a .li_a .ul_a:last-child{border-bottom:1px solid #dadada;}
  #Subpage .pro_list .bottom_a .li_a .li_b{padding:10px 0;}
  #Subpage .pro_list .bottom_a .li_a .li_b a{font-size:12px;}
  #Subpage .pro_list .bottom_a .li_a{width:48%; margin-right:4%; float:left;}
  #Subpage .pro_pic .text{line-height:24px; }
  #Subpage .pro_pic .h4_title{font-size:18px; line-height:24px;}
  #Subpage .pro_pic .pro_span{text-align:center; line-height:22px; padding-top:5px;}
  #Subpage .pro_pic .text{margin:18px 0 10px; padding:15px 0;}
  #Subpage .pro_pic .fy_xq a{width:100%; display:block; margin:5px 0;}
  #Subpage .pro_pic .fy_xq .right{text-align:left; float:left; }
  #Subpage .pro_pic .caseConAl .tit .t1{font-size:18px; line-height:20px;}
  #Subpage .pro_pic .caseConAl .tit .t1::before{width:70px;}
  #Subpage .pro_pic .list .slick-slide{margin-right:0;}
  #Subpage .pro_pic .list .list_ul{padding:0 40px;}
  #Subpage .pro_pic .list .h4_b{padding:10px 10px;}
  #Subpage .pro_pic .list .h4_b a{font-size:14px; line-height:22px;}
}
/* 4工程案例 */
#List2 .caseList .u1{width:102%; margin: 0 -1%;}
#List2 .caseList .l1{float:left; width:31.3%; margin: 15px 1%; background:#ffffff;}
#List2 .caseList .l1 a{display:block; width:100%; height:100%;}
#List2 .caseList .l1 .pic{position:relative; }
#List2 .caseList .l1 img{display:block;}
#List2 .caseList .l1 .mor{display:flex;align-items: center; justify-content: center; width:100%; height:100%; background:rgba(16,68,146,0.7); position:absolute; left:0; top:0;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#List2 .caseList .l1 .i{width:54px; height:54px; border:1px solid #ffffff; line-height:54px; font-size:12px; border-radius:50%; color:#ffffff; text-align:center;
}
#List2 .caseList .l1 .text{line-height:68px; height:68px; width:100%; padding:0 10px; text-align:center; display:block; font-size:18px; background: #f3f3f3; color:#333333;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
#List2 .caseList .l1:hover .mor{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
#List2 .caseList .l1:hover .text{background:#104492; color:#ffffff;}
@media  screen and (max-width:1023px){
#List2 .caseList .l1{ width: 48%; margin: 5px 1%;}
#List2 .caseList .l1 .text{line-height:44px; height:44px; font-size:14px;}
#List2 .caseList .l1 .i{width:46px; height:46px; line-height:46px;}
}

@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 页码 */
#Pagination{ width: 100%; float: left;}
#Pagination .wack1{ text-align: center;}
#Pagination .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#Pagination .pz_fy a { float: left; width: 36px; height: 36px; line-height: 36px; border: 1px solid #e1e1e1; color: #272727; font-size: 14px; margin: 0 10px;}
#Pagination .pz_fy a:hover,
#Pagination .pz_fy a.on { background: #104492; color:#fff; border: 1px solid #104492;}
#Pagination .pz_fy .l2{ width: 100px; height: 36px;}
#Pagination .pz_fy .l2:hover{ background-color: #104492; border: 1px solid #104492;}
#Pagination .pz_fy .r2{ width: 100px; height: 36px;}
#Pagination .pz_fy .r2:hover{ background-color: #104492; border: 1px solid #104492;}
@media  screen and (max-width:1023px){
#Pagination .fy_pc{ text-align:center; font-size:14px; color:#272727; padding:5px 0;}
#Pagination .fy_pc a{ padding:5px 25px; background: #104492; color:#fff; border: transparent; border-radius:16px; overflow:hidden;}
#Pagination .fy_pc span{ padding:5px 20px; color:#272727;}
 .pz_fy a.page-num-current { background: #104492; color:#fff; border: 1px solid #104492;}
}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 5案例详情 */
#Subpage2{ width: 100%; float: left;}
#Subpage2 .caseCon .title{ font-size: 30px; line-height: 32px; color: #333; text-align: center;}
#Subpage2 .caseCon .time{ width: 100%; overflow: hidden; position: relative; line-height: 28px; font-size: 14px; margin: 15px 0 18px 0; color: #888888; text-align: center;}
#Subpage2 .caseCon .time .fbt{ display: inline-block;}
#Subpage2 .caseCon .time .ico{ display: block; float: left; width: 18px; height: 18px; margin: 5px 8px 5px 0;}
#Subpage2 .caseCon .time .wz{ float: left; margin-right: 20px;}
#Subpage2 .caseCon .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;}
#Subpage2 .caseCon .nyfx { position: absolute; right: 0; top: 0;}
#Subpage2 .caseCon .nyfx .p{ float: left;}
#Subpage2 .caseCon .bdsharebuttonbox{ display: inline-block;}
#Subpage2 .caseCon .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(1){ background: url(../images/918_fx1.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(2){ background: url(../images/918_fx2.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(3){ background: url(../images/918_fx3.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(4){ background: url(../images/918_fx4.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(5){ background: url(../images/918_fx5.png) no-repeat center;}
#Subpage2 .caseCon .bdsharebuttonbox a:nth-child(6){ background: url(../images/918_fx6.png) no-repeat center;}
#Subpage2 .caseCon .home_res11{ float: left; width: 100%;}
#Subpage2 .caseCon .slick_res1l{ float: left; width: 74.3%;}
#Subpage2 .caseCon .home_res12{ float: right; width: 23.5%; padding-top: 40px; overflow: hidden; position: relative;}
#Subpage2 .caseCon .home_res12 .imgk{ line-height: 0; margin-bottom: 20px; border: 0;}
#Subpage2 .caseCon .home_res12 .imgk:hover,#Subpage2 .caseCon .home_res12 .slick-current .imgk{ border: 4px solid #104492;}
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 128px; height: 23px; position: absolute; top: -30px; z-index: 9;}
#Subpage2 .caseCon .home_res12 .slick-prev{ left: auto; right: 160px; background-color: #e7e7e7;}
#Subpage2 .caseCon .home_res12 .slick-prev::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 10px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(-45deg);}
#Subpage2 .caseCon .home_res12 .slick-next{ left: auto; right: 0; background-color: #e7e7e7;}
#Subpage2 .caseCon .home_res12 .slick-next::before{ content: ""; display: block; width: 9px; height: 9px; position: absolute; top: 5px; left: 50%; margin-left: -5px; border-top: solid 1px #104492; border-right: solid 1px #104492; transform: rotate(135deg);}
#Subpage2 .caseCon .home_res12 .slick-prev:hover{ background: #104492;}
#Subpage2 .caseCon .home_res12 .slick-prev:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;}
#Subpage2 .caseCon .home_res12 .slick-next:hover{ background: #104492;}
#Subpage2 .caseCon .home_res12 .slick-next:hover::before{ border-top: solid 1px #fff; border-right: solid 1px #fff;}

#Subpage2 .caseCon .caseConJs{ margin: 60px 0;}
#Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 15px;}
#Subpage2 .caseCon .caseConJs .tit span{ font-size: 24px; padding-right: 20px; background: #fff;}
#Subpage2 .caseCon .caseConJs .info{ font-size: 16px; margin-top: 40px; line-height: 30px; color: #555;}

#Subpage2 .caseCon .caseConAl .tit{ width: 100%; overflow: hidden;}
#Subpage2 .caseCon .caseConAl .tit .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;}
#Subpage2 .caseCon .caseConAl .tit .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;}
#Subpage2 .caseCon .caseConAl .tit .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/918_fh.png) no-repeat left center;}
#Subpage2 .caseCon .caseConAl .tit .fh:hover{ text-decoration: underline;}
#Subpage2 .caseCon .caseConAl .tit .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage2 .caseCon .caseConAl .tab{ margin: 30px -15px 0 -15px; position: relative;}
#Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 15px;}
#Subpage2 .caseCon .caseConAl .tab .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage2 .caseCon .caseConAl .tab .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage2 .caseCon .caseConAl .tab .pic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#Subpage2 .caseCon .caseConAl .tab .t1{ font: 18px; height: 64px; line-height: 64px; text-align: center; color: #333; background: #f3f3f3; overflow: hidden;}
#Subpage2 .caseCon .caseConAl .tab .pic:hover .t1{ color: #104492;}
#Subpage2 .caseCon .caseConAl .slick-prev{ display: block; width: 34px; height: 34px; position: absolute; left: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon8.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;}
#Subpage2 .caseCon .caseConAl .slick-prev:hover{ background: url(../images/918_casecon8_1.png) no-repeat center; background-color: #b7c7de;}
#Subpage2 .caseCon .caseConAl .slick-next{ display: block; width: 34px; height: 34px; position: absolute; right: -65px; top: 50%; margin-top: -17px; background: url(../images/918_casecon9.png) no-repeat center; border-radius: 50%; background-color: #f0f0f0; background-size: cover;}
#Subpage2 .caseCon .caseConAl .slick-next:hover{ background: url(../images/918_casecon9_1.png) no-repeat center; background-color: #b7c7de;}
@media  screen and (max-width:1200px){
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100px; height: 23px;}
#Subpage2 .caseCon .home_res12 .slick-prev{ right: 130px;}

}
@media  screen and (max-width:1023px){
#Subpage2 .caseCon .title{ font-size: 16px; line-height: 18px;}
#Subpage2 .caseCon .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;}
#Subpage2 .caseCon .time .ico{ margin: 0 3px 0 0;}
#Subpage2 .caseCon .time .wz{ margin-right: 5px;}
#Subpage2 .caseCon .home_res12 .imgk{ margin-bottom: 10px;}
#Subpage2 .caseCon .home_res12 .slick-prev,#Subpage2 .caseCon .home_res12 .slick-next{ width: 100%; height: 16px;}
#Subpage2 .caseCon .home_res12 .slick-prev{ right: 0; top: -32px;}
#Subpage2 .caseCon .home_res12 .slick-next{ right: 0; top: -14px;}
#Subpage2 .caseCon .home_res12 .slick-prev::before{ top: 7px;}
#Subpage2 .caseCon .home_res12 .slick-next::before{ top: 0;}

#Subpage2 .caseCon .caseConJs{ margin: 15px 0;}
#Subpage2 .caseCon .caseConJs .tit{ background: url(../images/918_casecon4.png) repeat-x center 8px;}
#Subpage2 .caseCon .caseConJs .tit span{ font-size: 16px; padding-right: 10px;}
#Subpage2 .caseCon .caseConJs .info{ font-size: 14px; margin-top: 10px; line-height: 24px;}

#Subpage2 .caseCon .caseConAl .tit .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;}
#Subpage2 .caseCon .caseConAl .tit .t1::before{ width: 65px;}
#Subpage2 .caseCon .caseConAl .tit .fh{ font-size: 14px; padding-left: 25px;}   
#Subpage2 .caseCon .caseConAl .tab{ margin: 10px -5px 0 -5px;}
#Subpage2 .caseCon .caseConAl .tab .pic{ margin: 0 5px;}
#Subpage2 .caseCon .caseConAl .tab .t1{ font: 16px; height: 30px; line-height: 30px;} 
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 6新闻列表 */
#List3{ width: 100%; float: left;}
#List3 .newsList .l1{ padding: 30px 0; width: 100%; border-bottom: 1px solid #ededed; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List3 .newsList .l1 .img{ float: left; width: 21.15%; line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#List3 .newsList .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#List3 .newsList .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
#List3 .newsList .l1 .text{ float: left; border-right: 1px solid #ededed; width: 65%; padding: 30px 55px 25px 40px;}
#List3 .newsList .l1 .text .tit{ font-size: 20px; margin-bottom: 20px; line-height: 20px; height: 20px; overflow: hidden; color: #4f4b4c;}
#List3 .newsList .l1 .text .info{ font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #656262;}
#List3 .newsList .l1 .date{ float: left; width: 13.85%; font-family: "Arial"; padding: 45px 0 0 40px;}
#List3 .newsList .l1 .date .date_r{ font-size: 28px; line-height: 28px; color: #888;}
#List3 .newsList .l1 .date .date_ny{ font-size: 16px; line-height: 16px; margin: 10px 0 20px 0; color: #888;}
#List3 .newsList .l1 .date .ico{ font-size: 34px; height: 14px; line-height: 14px; font-weight: lighter; color: #888;}
#List3 .newsList .l1:hover{ padding-left: 2%;}
#List3 .newsList .l1:hover .text .tit{ text-decoration: underline; color: #104492;}
#List3 .newsList .l1:hover .date{ width: 9.35%;}
#List3 .newsList .l1:hover .text{ width: 68.5%;}
#List3 .newsList .l1:hover .date .ico{ color: #104492;}
@media  screen and (max-width:1023px){
#List3 .newsList .l1{ padding: 10px 0;}
#List3 .newsList .l1 .img{ width: 26.15%;}
#List3 .newsList .l1 .text{ width: 55%; padding: 0 10px 5px 10px;}
#List3 .newsList .l1 .text .tit{ font-size: 16px; line-height: 16px; height: 16px; margin-bottom: 10px;}
#List3 .newsList .l1 .text .info{ line-height: 16px; height: 32px;}
#List3 .newsList .l1 .date{ width: 18.85%; padding: 5px 0 0 8px;}
#List3 .newsList .l1 .date .date_r{ font-size: 16px; line-height: 16px;}
#List3 .newsList .l1 .date .date_ny{ font-size: 12px; line-height: 12px; margin: 5px 0 8px 0;}
#List3 .newsList .l1 .date .ico{ width: 24px; height: 12px; font-size: 22px;}
#List3 .newsList .l1:hover .text{ width: 58.5%;}
#List3 .newsList .l1:hover .date{ width: 13.35%;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 7新闻详情 */
#Subpage3{ width: 100%; float: left;}
#Subpage3 .newsCon{ width: 100%; float: left;}
#Subpage3 .newsConLeft{ float: left; width: 68.2%;}
#Subpage3 .newsConLeft .tit{ font-size: 30px; line-height: 32px; color: #333;}
#Subpage3 .newsConLeft .time{ width: 100%; overflow: hidden; line-height: 18px; font-size: 14px; margin: 15px 0 18px 0; color: #888888;}
#Subpage3 .newsConLeft .time .ico{ display: block; float: left; width: 18px; height: 18px; margin-right: 8px;}
#Subpage3 .newsConLeft .time .wz{ float: left; margin-right: 20px;}
#Subpage3 .newsConLeft .line{ width: 100%; height: 1px; border-bottom: 1px dashed #b2b2b2;}
#Subpage3 .newsConLeft .info{ font-size: 14px; line-height: 30px; margin: 30px 0 40px 0; color: #666;}

#Subpage3 .newsConLeft .zan{ display: block; margin: 0 auto; width: 62px; height: 62px; border-radius: 50%; text-align: center; border: 1px solid #104492;}
#Subpage3 .newsConLeft .zan:hover{transform: translateY(-10px)}
#Subpage3 .newsConLeft .zan .ico{ width: 26px; height: 26px; margin: 8px auto 4px auto; line-height: 0;}
#Subpage3 .newsConLeft .zan .ico I{ font-size: 26px; line-height: 26px; color: #104492;}
#Subpage3 .newsConLeft .zan .wz{ font-size: 12px; color: #104492;}
#Subpage3 .newsConLeft .nyfx{ text-align: center; margin: 30px 0 15px 0;}
#Subpage3 .newsConLeft .bdsharebuttonbox{ display: inline-block;}
#Subpage3 .newsConLeft .bdsharebuttonbox a{ display: inline-block; width: 27px; height: 27px; margin: 0 7px;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(1){ background: url(../images/920_fx1.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(2){ background: url(../images/920_fx2.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(3){ background: url(../images/920_fx3.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(4){ background: url(../images/920_fx4.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(5){ background: url(../images/920_fx5.png) no-repeat center;}
#Subpage3 .newsConLeft .bdsharebuttonbox a:nth-child(6){ background: url(../images/920_fx6.png) no-repeat center;}

#Subpage3 .newsConLeft .sx_fy{ float: left; width: 100%; font-size: 14px; line-height: 16px; padding: 20px 0 70px 0; border-top: 1px dashed #cccccc;}
#Subpage3 .newsConLeft .sx_fy a{ color: #333;}
#Subpage3 .newsConLeft .sx_fy a:hover{ color: #104492;}
#Subpage3 .newsConLeft .sx_fy .l_fy{ width: 50%; float: left;}
#Subpage3 .newsConLeft .sx_fy .r_fy{ width: 50%; float: right; text-align: right;}

#Subpage3 .newsConLeft .newsXg .title{ width: 100%; overflow: hidden;}
#Subpage3 .newsConLeft .newsXg .title .t1{ float: left; font-size: 24px; line-height: 24px; padding-bottom: 15px; color: #104492; position: relative;}
#Subpage3 .newsConLeft .newsXg .title .t1::before{ content: ""; display: block; width: 95px; height: 3px; background: #104492; position: absolute; bottom: -2px; left: 0;}
#Subpage3 .newsConLeft .newsXg .title .fh{ float: right; font-size: 16px; padding-left: 25px; color: #888888; background: url(../images/920_fh.png) no-repeat left center;}
#Subpage3 .newsConLeft .newsXg .title .fh:hover{ text-decoration: underline;}
#Subpage3 .newsConLeft .newsXg .title .lin{ width: 100%; height: 1px; padding-bottom: 2px; float: left; border-top: 1px solid #d1d1d1;}
#Subpage3 .newsConLeft .newsXg .u1{ overflow: hidden; width: 102%; margin: 10px -1% 0 -1%;}
#Subpage3 .newsConLeft .newsXg .u1 .l1{ float: left; overflow: hidden; width: 48%; line-height: 18px; padding: 15px 0; overflow: hidden; margin: 0 1%; border-bottom: 1px dotted #cccccc;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ width: 100%; float: left; font-size: 16px; line-height: 18px; height: 18px; overflow: hidden; color: #333333;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ width: 20%; float: right; text-align: right; font-size: 16px; color: #777777;}
#Subpage3 .newsConLeft .newsXg .u1 .l1:hover .tit{ color: #104492;}

#Subpage3 .newsConRight{ float: right; width: 29%;}
#Subpage3 .newsConRight .pic .slick-dots{ position: absolute; bottom: 10px; z-index: 10; height: 10px; text-align: center;}
#Subpage3 .newsConRight .pic .slick-dots li{ vertical-align: top; width: 10px; height: 10px; background: #b5c1d6; margin: 0 5px; border-radius: 50%; cursor: pointer; text-indent: -999px; overflow: hidden;}
#Subpage3 .newsConRight .pic .slick-dots .slick-active{ background: #104492;}
#Subpage3 .newsConRight .pic .img{ line-height: 0; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
#Subpage3 .newsConRight .pic .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align:middle;
-ms-interpolation-mode:bicubic;}
#Subpage3 .newsConRight .pic .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

#Subpage3 .newsConRight .tab{ margin: 20px 0; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0 5px 5px -5px #ccc; overflow: hidden;} 
#Subpage3 .newsConRight .tab .hd{ width: 100%; overflow: hidden; border-bottom: 1px solid #efefef;}
#Subpage3 .newsConRight .tab .hd .l1{ float: left; width: 50%; font-size: 18px; height: 50px; line-height: 50px; cursor: pointer; color: #333; text-align: center;}
#Subpage3 .newsConRight .tab .hd .l1.on{ color: #fff; background: #104492;}
#Subpage3 .newsConRight .tab .bd{ padding: 0 0 30px 0;}
#Subpage3 .newsConRight .tab .bd .l1{ padding: 20px 20px 0 20px;}
#Subpage3 .newsConRight .tab .bd .l1:hover{ background: #fafafa;}
#Subpage3 .newsConRight .tab .bd .tit{ font-size: 16px; line-height: 18px; color: #333;}
#Subpage3 .newsConRight .tab .bd .time{ width: 100%; overflow: hidden; line-height: 14px; font-size: 14px; margin: 15px 0 0 0; color: #888888;}
#Subpage3 .newsConRight .tab .bd .time .ico{ display: block; float: left; width: 14px; height: 14px; margin-right: 8px;}
#Subpage3 .newsConRight .tab .bd .time .wz{ float: left; margin-right: 20px;}
#Subpage3 .newsConRight .tab .bd .l1 .xian{ width: 98%; margin: 0 1%; height: 1px; margin-top: 20px; background: #f1f3f4;}

#Subpage3 .newsConRight .mess{ padding: 20px 30px; border-radius: 10px; border: 1px solid #efefef; box-shadow: 0px 5px 5px -5px #ccc;}
#Subpage3 .newsConRight .mess .tit{ font-size: 18px; margin-bottom: 20px; color: #104492;}
#Subpage3 .newsConRight .mess .li_1{width: 100%; margin-bottom:10px;  float:left; background:#efefef; padding:13px; line-height:28px; position:relative;}
#Subpage3 .newsConRight .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;font-size:14px;}
#Subpage3 .newsConRight .mess .input_1{width:40%;}
#Subpage3 .newsConRight .mess .input_2{width:50%;}
#Subpage3 .newsConRight .mess .i{ font-size:16px; color:#666666; line-height:28px;}
#Subpage3 .newsConRight .mess .b{color:#104492; font-size:16px;}
#Subpage3 .newsConRight .mess .li_2{width:100%; float:left;}
#Subpage3 .newsConRight .mess .li_3{margin-right:0;}
#Subpage3 .newsConRight .mess .li_4{background:#104492;}
#Subpage3 .newsConRight .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Subpage3 .newsConRight .mess .ri{width: 100%; margin-top: 10px;}
#Subpage3 .newsConRight .mess .demo--label{float:left; margin:0 30px 0 5px; font-size:16px; color:#666666;}
#Subpage3 .newsConRight .mess .demo--radio{display:none; }
#Subpage3 .newsConRight .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Subpage3 .newsConRight .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Subpage3 .newsConRight .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Subpage3 .newsConRight .mess .span_d{float:right; position:absolute; right:13px; top:16px;}
#Subpage3 .newsConRight .mess .span_d img{display:block; height:26px;}
#Subpage3 .newsConRight .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Subpage3 .newsConRight .mess .pointa:hover .navbtna,
#Subpage3 .newsConRight .mess .pointa:hover .navbtna::after,
#Subpage3 .newsConRight .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Subpage3 .newsConRight .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Subpage3 .newsConRight .mess .pointa .navbtna::after,
#Subpage3 .newsConRight .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Subpage3 .newsConRight .mess .pointa .navbtna::after { top:-8px; }
#Subpage3 .newsConRight .mess .pointa .navbtna::before { top:8px; }
#Subpage3 .newsConRight .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Subpage3 .newsConRight .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}

@media  screen and (max-width:1023px){
#Subpage3 .newsConLeft{ width: 100%;}
#Subpage3 .newsConLeft .tit{ font-size: 16px; line-height: 18px;}
#Subpage3 .newsConLeft .time{ line-height: 18px; font-size: 12px; margin: 5px 0 10px 0;}
#Subpage3 .newsConLeft .time .ico{ width: 16px; height: 16px; margin-right: 3px;}
#Subpage3 .newsConLeft .time .wz{ margin-right: 5px;}
#Subpage3 .newsConLeft .info{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;}

#Subpage3 .newsConLeft .sx_fy{ font-size: 12px; line-height: 18px; padding: 10px 0 20px 0; margin-top: 10px;}
#Subpage3 .newsConLeft .sx_fy .l_fy{ width: 100%;}
#Subpage3 .newsConLeft .sx_fy .r_fy{ width: 100%; text-align: left;}

#Subpage3 .newsConLeft .newsXg .title .t1{ font-size: 16px; line-height: 16px; padding-bottom: 10px;}
#Subpage3 .newsConLeft .newsXg .title .t1::before{ width: 65px;}
#Subpage3 .newsConLeft .newsXg .title .fh{ font-size: 14px; padding-left: 25px;}
#Subpage3 .newsConLeft .newsXg .u1{ width: 100%; margin: 10px 0 0 0;}
#Subpage3 .newsConLeft .newsXg .u1 .l1{ width: 100%; line-height: 18px; padding: 5px 0; margin: 0;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .tit{ font-size: 12px; line-height: 18px; height: 18px;}
#Subpage3 .newsConLeft .newsXg .u1 .l1 .date{ font-size: 12px;}

#Subpage3 .newsConRight{ width: 100%; margin-top: 15px;}
#Subpage3 .newsConRight .tab{ margin: 10px 0; border-radius: 5px;} 
#Subpage3 .newsConRight .tab .hd .l1{ font-size: 16px; height: 30px; line-height: 30px;}
#Subpage3 .newsConRight .tab .bd{ padding: 0 0 10px 0;}
#Subpage3 .newsConRight .tab .bd .l1{ padding: 10px 10px 0 10px;}
#Subpage3 .newsConRight .tab .bd .tit{ font-size: 14px; line-height: 16px;}
#Subpage3 .newsConRight .tab .bd .time{ line-height: 14px; font-size: 14px; margin: 10px 0 0 0;}
#Subpage3 .newsConRight .tab .bd .time .wz{ margin-right: 5px;}
#Subpage3 .newsConRight .tab .bd .l1 .xian{ margin-top: 10px;}

#Subpage3 .newsConRight .mess{ padding: 10px 15px; border-radius: 5px;}
#Subpage3 .newsConRight .mess .tit{ font-size: 16px; margin-bottom: 10px;}
#Subpage3 .newsConRight .mess .mess_width{width:90%; top:10%;}
#Subpage3 .newsConRight .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Subpage3 .newsConRight .mess .pointa{right:12px; top:10px;}
#Subpage3 .newsConRight .mess .form_width{border-radius: 0 0 15px 15px;}
#Subpage3 .newsConRight .mess .h4_1{font-size:12px; padding-bottom:15px;}
#Subpage3 .newsConRight .mess .li_2{width:100%;}
#Subpage3 .newsConRight .mess .li_1{padding:10px 15px; line-height:24px;}
#Subpage3 .newsConRight .mess .i{line-height:24px; font-size:14px;}
#Subpage3 .newsConRight .mess .input{line-height:24px; height:24px;font-size:12px;}
#Subpage3 .newsConRight .mess .li_11 .input{width:60%;}
#Subpage3 .newsConRight .mess .ri{margin-top: 5px;}
#Subpage3 .newsConRight .mess .demo--label{font-size:14px;}
#Subpage3 .newsConRight .mess .span_d{/*width:70px;*/ right:10px; top:10px;}
#Subpage3 .newsConRight .mess .tj{font-size:15px;}
#Subpage3 .newsConRight .mess .li_4{padding:8px 10px;}
}

@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 8常见问题 */
#List4{ width: 100%; float: left;}
#List4 .qustList .l1{ margin: 20px 0;}
#List4 .qustList .l1 .ico{ font-size: 12px; width: 26px; margin: 0 0 0 20px; height: 26px; line-height: 26px; font-family: "Tahoma"; text-align: center; float: left; color: #fff;}
#List4 .qustList .l1 .tit{ font-size: 16px; color: #333; line-height: 26px; padding: 15px 20px 15px 0; background: #f4f4f4; position: relative; cursor: pointer;}
#List4 .qustList .l1 .tit .ico{ background: #8f9499;}
#List4 .qustList .l1 .tit .t1{ padding: 0 20px 0 60px;}
#List4 .qustList .l1 .tit .more{ position: absolute; right: 20px; top: 15px; font-size: 18px; color: #104492; font-family: "宋体";}
#List4 .qustList .l1 .tit.on{ background: #104492; color: #fff;}
#List4 .qustList .l1 .tit.on .ico{ background:rgba(255,255,255,0.2);}
#List4 .qustList .l1 .tit.on .more{ color: #fff; transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg);} 
#List4 .qustList .l1 .box{ display: none; background: #f4f4f4; padding: 15px 20px 15px 0;}
#List4 .qustList .l1 .box .ico{ background: #104492;}
#List4 .qustList .l1 .box .info{ font-size: 14px; line-height: 26px; color: #104492; padding: 0 20px 0 60px;}
@media  screen and (max-width:1023px){
#List4 .qustList .l1{ margin: 10px 0;}
#List4 .qustList .l1 .tit{ font-size: 14px;}
#List4 .qustList .l1 .box .info{ font-size: 12px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){
#List4 .qustList .l1 .tit .t1{padding:0 20px 0 20px;}
}
/* 10人才招聘 */
#Content11{ width: 100%; float: left;}
#Content11 .joinList .u1{ border-top: 1px solid #e3e3e3;}
#Content11 .joinList .l1{ border-bottom: 1px solid #e3e3e3;}
#Content11 .joinList .l1 .tit{ padding: 25px 105px 25px 20px; cursor: pointer; position: relative;}
#Content11 .joinList .l1 .tit .t1{ color: #242424; font-size: 18px; line-height: 18px; margin-bottom: 15px; font-weight: bold;}
#Content11 .joinList .l1 .tit .t2{ color: #5c5c5c; font-size: 16px; line-height: 16px;}
#Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 70px;}
#Content11 .joinList .l1 .tit .t3{ position: absolute; right: 40px; top: 25px; width: 65px; height: 48px; line-height: 48px; border-left: 1px solid #dddddd; font-size: 34px; font-weight: lighter; text-align: right; color: #dddddd;}
#Content11 .joinList .l1.on{ background: #f4f4f4;}
#Content11 .joinList .l1.on .tit .t3{ color: #104492;} 
#Content11 .joinList .l1 .box{ display: none; padding: 25px 20px 45px 20px;}
#Content11 .joinList .l1 .box .p1{ display: inline-block; font-size: 14px; height: 30px; line-height: 30px; padding: 0 30px; color: #fff; background: #104492;}
#Content11 .joinList .l1 .box .p2{ color: #565656; font-size: 12px; line-height: 24px; margin: 20px 0 30px 0;}
#Content11 .joinList .l1 .box .email{ font-size: 12px; color: #565656;}
#Content11 .joinList .l1 .box .email .col{ font-size: 14px; margin: 0 5px; color: #104492; font-weight: bold;}
@media  screen and (max-width:1023px){
#Content11 .joinList .l1 .tit{ padding: 10px 25px 10px 5px;}
#Content11 .joinList .l1 .tit .t1{ font-size: 16px; line-height: 16px; margin-bottom: 10px;}
#Content11 .joinList .l1 .tit .t2{ font-size: 14px; line-height: 14px;}
#Content11 .joinList .l1 .tit .t2 .wz{ margin-right: 5px;}
#Content11 .joinList .l1 .tit .t3{ right: 5px; top: 10px; width: 20px; height: 40px; line-height: 40px; font-size: 22px;}
#Content11 .joinList .l1 .box{ padding: 10px 5px 15px 5px;}
#Content11 .joinList .l1 .box .p1{ font-size: 14px; height: 24px; line-height: 24px; padding: 0 10px;}
#Content11 .joinList .l1 .box .p2{ font-size: 12px; line-height: 24px; margin: 10px 0 15px 0;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 11在线留言 */
#Content12{ width: 100%; float: left;}
#Content12 .messCon .text{ float: left; width: 48%;}
#Content12 .messCon .text .tit{ font-size: 36px; line-height: 38px; margin: 45px 0; color: #242424;}
#Content12 .messCon .text .info{ font-size: 16px; line-height: 36px; color: #666;}
#Content12 .messCon .mess{ float: right; width: 48%; padding: 40px; background: #f2f2f2;}
#Content12 .messCon .mess .t1{ font-size: 24px; line-height: 24px; color: #104492;}
#Content12 .messCon .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;}

#Content12 .messCon .mess .form_width{ border-radius:0 0 20px 20px;}
#Content12 .messCon .mess .li_1{width:100%; margin-bottom:10px;  float:left; background:#ffffff; padding:13px 24px; line-height:28px; position:relative;}
#Content12 .messCon .mess .input{background:none; border:none; padding:0 5px; outline: none; width:75%; height:28px; line-height:28px;}
#Content12 .messCon .mess .input_1{width:40%;}
#Content12 .messCon .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Content12 .messCon .mess .b{color:#104492; font-size:16px;}
#Content12 .messCon .mess .li_2{width:49%; margin-right:2%; float:left;}
#Content12 .messCon .mess .li_3{margin-right:0;}
#Content12 .messCon .mess .li_4{background:#104492;}
#Content12 .messCon .mess .li_4:hover{ opacity: 0.8;}
#Content12 .messCon .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Content12 .messCon .mess .ri{padding-left:100px;}
#Content12 .messCon .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Content12 .messCon .mess .demo--radio{display:none; }
#Content12 .messCon .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Content12 .messCon .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Content12 .messCon .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Content12 .messCon .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Content12 .messCon .mess .span_d{float:right; position:absolute; right:24px; top:13px;}
#Content12 .messCon .mess .span_d img{display:block;}
#Content12 .messCon .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Content12 .messCon .mess .pointa:hover .navbtna,
#Content12 .messCon .mess .pointa:hover .navbtna::after,
#Content12 .messCon .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Content12 .messCon .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Content12 .messCon .mess .pointa .navbtna::after,
#Content12 .messCon .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Content12 .messCon .mess .pointa .navbtna::after { top:-8px; }
#Content12 .messCon .mess .pointa .navbtna::before { top:8px; }
#Content12 .messCon .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Content12 .messCon .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}
@media  screen and (max-width:1023px){
#Content12 .messCon .text{ width: 100%; margin-bottom: 15px;}
#Content12 .messCon .text .tit{ font-size: 16px; line-height: 18px; margin: 0 0 10px 0;}
#Content12 .messCon .text .info{ font-size: 14px; line-height: 24px;}
#Content12 .messCon .mess{ width: 100%; padding: 10px;}
#Content12 .messCon .mess .t1{ font-size: 16px; line-height: 16px;}
#Content12 .messCon .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;}

#Content12 .messCon .mess .mess_width{width:90%; top:10%;}
#Content12 .messCon .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Content12 .messCon .mess .pointa{right:12px; top:10px;}
#Content12 .messCon .mess .form_width{border-radius: 0 0 15px 15px;}
#Content12 .messCon .mess .li_2{width:100%;}
#Content12 .messCon .mess .li_1{padding:10px 15px; line-height:24px;}
#Content12 .messCon .mess .i{line-height:24px; font-size:14px;}
#Content12 .messCon .mess .input{line-height:24px; height:24px; font-size:12px;}
#Content12 .messCon .mess .li_11 .input{width:60%;}
#Content12 .messCon .mess .demo--label{font-size:14px;}
#Content12 .messCon .mess .span_d{width:70px; right:10px; top:10px;}
#Content12 .messCon .mess .tj{font-size:15px;}
#Content12 .messCon .mess .li_4{padding:8px 10px;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 12证书 */
#List5{ width: 100%; float: left;}
#List5 .certList .u1{ width: 102%; margin: 0 -1%; overflow: hidden;}
#List5 .certList .l1{ float: left; width: 31.3%; margin: 15px 1%; box-shadow: 0 0 5px #ccc; position: relative;}
#List5 .certList .l1 .img{ line-height: 0; margin: 20px 0;}
#List5 .certList .l1 .bg{ display: none; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(16,68,146,0.8);}
#List5 .certList .l1 i{ width: 60px; height: 60px; background:url(../images/924_cert2.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; left: -60px; margin-left: -30px; margin-top: -30px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
#List5 .certList .l1 em{ width: 60px; height: 60px; background:url(../images/924_cert3.png) center no-repeat; background-size:100% 100%; z-index: -1; position:absolute; top: 50%; right: -60px; margin-top: -30px; margin-right: -30px;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;
}
#List5 .certList .l1 .t1{ width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #333; text-align: center; margin-bottom: 30px; padding:0 5px;} 
#List5 .certList .l1 .t2{ display: none; width: 100%; font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; color: #fff; text-align: center; position: absolute; bottom: 30px;  padding:0 5px;} 
#List5 .certList .l1:hover .bg{ display: block;}
#List5 .certList .l1:hover em{ right: 50%; z-index: 1;}
#List5 .certList .l1:hover i{ display: block; left: 50%; z-index: 1;}
#List5 .certList .l1:hover .t1{ color: #fff;}
#List5 .certList .l1:hover .t2{ display: block;}
#List5 .imgPop{ width: 100%; height: 100%; background: rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; z-index: 99; display: none;}
#List5 .imgPop2{ background:#fff; min-height: 100px; width:40%; left:30%; padding:10px; position: absolute; top:50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
#List5 .imgPop2 .img{ display:block;width: 100%;}
#List5 .imgPop2 .clo{ width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; background: url(../images/924_close.png) no-repeat center; background-size: cover;}
@media  screen and (max-width:1023px){
#List5 .certList .l1{ width: 48%; margin: 5px 1%;}  
#List5 .certList .l1 .img{ margin: 5px 0;}
#List5 .certList .l1 i{ width: 40px; height: 40px; left: -40px; margin-left: -20px; margin-top: -20px;}
#List5 .certList .l1 em{ width: 40px; height: 40px; right: -40px; margin-top: -20px; margin-right: -20px;}
#List5 .certList .l1 .t1{ font-size: 14px; height: 16px; line-height: 16px; margin-bottom: 10px;}  
#List5 .certList .l1 .t2{ font-size: 14px; height: 16px; line-height: 16px; bottom: 10px;} 
#List5 .imgPop2{ width:80%; left: 10%;}
}

@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/* 9联系我们 */
#Content13{ width: 100%; float: left;}
#Content13 .contCon .conLeft{ width: 48%; float: left;}
#Content13 .contCon .conLeft .bdmap{ border: 1px solid #e5e5e5; height: 310px; margin-bottom: 20px;}
#Content13 .contCon .conLeft .bdmap img{ max-width:none;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content{ padding-left: 0px; margin-top: 0px; white-space: nowrap; font-size: 14px; color: #333333; line-height: 30px; width: 100%; background: none!important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop{ float:right; font-size:14px; color:#333333; background-color:#fff; background-repeat:no-repeat; border:none !important; width:435px!important; height:50px; margin:0; left: 40px!important; top: 150px!important;}
#Content13 .contCon .conLeft .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop .BMap_top{display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(8){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(7){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(3){display:none;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(5){display:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_bottom{display:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(2){background:none !important;}
#Content13 .contCon .conLeft .bdmap .BMap_bubble_content{width:435px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9),
#Content13 .contCon .conLeft .bdmap .BMap_center{left: 0 !important; top:0 !important; width:435px !important; height:50px !important; border:none !important; background: none!important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop img:nth-child(10){display:none;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content p{width:435px !important; height:50px !important; border:1px solid #e5e5e5 !important; line-height: 50px; padding: 0 30px; font-size:14px; color:#333333;}
#Content13 .contCon .conLeft .mess{ padding: 40px; background: #f2f2f2;}
#Content13 .contCon .conLeft .mess .t1{ font-size: 24px; line-height: 24px; color: #104492;}
#Content13 .contCon .conLeft .mess .t2{ font-size: 16px; line-height: 16px; margin: 20px 0 25px 0; color: #666;}
#Content13 .contCon .conLeft .mess .form_width{ border-radius:0 0 20px 20px;}
#Content13 .contCon .conLeft .mess .li_1{width:100%; margin-bottom:10px;  float:left; background:#ffffff; padding:13px 11px; line-height:28px; position:relative;}
#Content13 .contCon .conLeft .mess .input{background:none; border:none; padding:0 5px; outline: none; width:70%; height:28px; line-height:28px; font-size:14px;}
#Content13 .contCon .conLeft .mess .input_1{width:40%;}
#Content13 .contCon .conLeft .mess .i{float:left; font-size:16px; color:#666666; line-height:28px;}
#Content13 .contCon .conLeft .mess .b{color:#104492; font-size:16px;}
#Content13 .contCon .conLeft .mess .li_2{width:49%; margin-right:2%; float:left;}
#Content13 .contCon .conLeft .mess .li_3{margin-right:0;}
#Content13 .contCon .conLeft .mess .li_4{background:#104492;}
#Content13 .contCon .conLeft .mess .li_4:hover{ opacity: 0.8;}
#Content13 .contCon .conLeft .mess .tj{background:none; border:none; width:100%; height:100%; outline: none; color:#ffffff; font-size:18px;}
#Content13 .contCon .conLeft .mess .ri{padding-left:100px;}
#Content13 .contCon .conLeft .mess .demo--label{float:left; margin:0 5px; font-size:16px; color:#666666;}
#Content13 .contCon .conLeft .mess .demo--radio{display:none; }
#Content13 .contCon .conLeft .mess .demo--radioInput{background-color:#fff;border:1px solid #d4d4d4;border-radius:100%;display:inline-block;height:11px;margin-right:10px;margin-top:-1px;vertical-align:middle;width:11px;line-height:1;
 position:relative;}
#Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput:after{background-color:#104492;border-radius:100%;content:"";display:inline-block;height:5px;margin-left:2px;margin-top:2px;width:5px;position: absolute;}
#Content13 .contCon .conLeft .mess .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}
#Content13 .contCon .conLeft .mess .demo--radio:checked + .demo--radioInput{border:1px solid #104492;}
#Content13 .contCon .conLeft .mess .span_d{float:right; position:absolute; right:0; top:13px;}
#Content13 .contCon .conLeft .mess .span_d img{display:block;}
#Content13 .contCon .conLeft .mess .pointa{position:absolute; right:18px; top:20px; display:block;
  display: inline-block;width: 22px;height: 22px; cursor: pointer;
}
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna,
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna::after,
#Content13 .contCon .conLeft .mess .pointa:hover .navbtna::before {  width: 22px;  }
#Content13 .contCon .conLeft .mess .pointa .navbtna {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 16px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background:rgba(255,255,255,0.9);  
background: transparent;
}
#Content13 .contCon .conLeft .mess .pointa .navbtna::after,
#Content13 .contCon .conLeft .mess .pointa .navbtna::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s; background:rgba(255,255,255,0.9); }
#Content13 .contCon .conLeft .mess .pointa .navbtna::after { top:-8px; }
#Content13 .contCon .conLeft .mess .pointa .navbtna::before { top:8px; }
#Content13 .contCon .conLeft .mess .pointa .navbtna::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background:rgba(255,255,255,0.9);}
#Content13 .contCon .conLeft .mess .pointa .navbtna::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background:rgba(255,255,255,0.9);}

#Content13 .contCon .conRight{ width: 49%; float: right;}
#Content13 .contCon .conRight .box{ width: 100%; float: left; margin-bottom: 80px;}
#Content13 .contCon .conRight .box:last-child{ margin-bottom: 0;}
#Content13 .contCon .conRight .tit{ width: 100%; float: left;}
#Content13 .contCon .conRight .tit .t1{ float: left; font-size: 24px; color: #333;}
#Content13 .contCon .conRight .tit .zx{ float: right; position: relative; cursor: pointer;}
#Content13 .contCon .conRight .tit .zx .wz{ display: inline-block; font-size: 14px; height: 26px; line-height: 26px; padding: 0 40px 0 15px; border-radius: 13px; color: #888888; background: url(../images/925_cont1.png) no-repeat 80px center; background-color: #e9e9e9;}
#Content13 .contCon .conRight .tit .zx .img{ display: none; position: absolute; right: -110px; top: -30px; line-height: 0; border: 3px solid #104492;}
#Content13 .contCon .conRight .tit .zx .img::before{ display: none; content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #104492; position: absolute; top: 36px; left: -19px;}
#Content13 .contCon .conRight .tit .zx .img::after{ display: none; content: ""; display: block; width: 12px; height: 1px; background: #104492; position: absolute; top: 39px; left: -12px;}
#Content13 .contCon .conRight .tit .zx:hover .wz{ color: #fff; background: url(../images/925_cont1_1.png) no-repeat 80px center; background-color: #104492;}
#Content13 .contCon .conRight .tit .zx:hover .img{ display: block;}
#Content13 .contCon .conRight .tit .zx:hover .img::before{ display: block;}
#Content13 .contCon .conRight .tit .zx:hover .img::after{ display: block;}
#Content13 .contCon .conRight .info{ width: 100%; float: left; font-size: 14px; line-height: 30px; padding-left: 20px; margin: 24px 0 0 0; border-left: 3px solid #104492; color: #666;}
@media  screen and (max-width:1400px){
#Content13 .contCon .conRight .tit .zx .img{ right: auto; left: -110px; top: -30px;}
#Content13 .contCon .conRight .tit .zx .img::before{ top: 36px; left: auto; right: -19px;}
#Content13 .contCon .conRight .tit .zx .img::after{ top: 39px; left: auto; right: -12px;}
}
@media  screen and (max-width:1200px){
#Content13 .contCon .conLeft .bdmap .BMap_pop{ left: 0!important;}
}
@media  screen and (max-width:1023px){
#Content13 .contCon .conLeft{ width: 100%;margin-bottom:15px; min-height:400px; display:block;}
#Content13 .contCon .conLeft .bdmap .BMap_pop{ display: none;}
#Content13 .contCon .conLeft .bdmap .BMap_bubble_content{ width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .BMap_pop div:nth-child(9),
#Content13 .contCon .conLeft .bdmap .BMap_center{ width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .bdmap .iw_poi_content p{ font-size: 12px; padding: 0 5px; width:315px !important; height:50px !important;}
#Content13 .contCon .conLeft .mess{ width: 100%; padding: 10px; }
#Content13 .contCon .conLeft .mess .t1{ font-size: 16px; line-height: 16px;}
#Content13 .contCon .conLeft .mess .t2{ font-size: 14px; line-height: 14px; margin: 5px 0 10px 0;}
#Content13 .contCon .conLeft .mess .mess_width{width:90%; top:10%;}
#Content13 .contCon .conLeft .mess .top_1{line-height:44px; font-size:18px;border-radius:15px 15px 0 0;}
#Content13 .contCon .conLeft .mess .pointa{right:12px; top:10px;}
#Content13 .contCon .conLeft .mess .form_width{border-radius: 0 0 15px 15px;}
#Content13 .contCon .conLeft .mess .li_2{width:100%;}
#Content13 .contCon .conLeft .mess .li_1{padding:10px 15px; line-height:24px;}
#Content13 .contCon .conLeft .mess .i{line-height:24px; font-size:14px;}
#Content13 .contCon .conLeft .mess .input{line-height:24px; height:24px; font-size:12px;}
#Content13 .contCon .conLeft .mess .li_11 .input{width:71%;}
#Content13 .contCon .conLeft .mess .demo--label{font-size:14px;}
#Content13 .contCon .conLeft .mess .span_d{width:70px; right:10px; top:10px;}
#Content13 .contCon .conLeft .mess .tj{font-size:15px;}
#Content13 .contCon .conLeft .mess .li_4{padding:8px 10px;}

#Content13 .contCon .conRight{ width: 100%; margin-bottom: 15px; clear:both; display:block; }
#Content13 .contCon .conRight .box{ margin-bottom: 15px;}
#Content13 .contCon .conRight .tit .t1{ font-size: 18px;}
#Content13 .contCon .conRight .tit .zx .wz{ font-size: 12px; padding: 0 30px 0 10px; background: url(../images/925_cont1.png) no-repeat 61px center; background-color: #e9e9e9;}
#Content13 .contCon .conRight .tit .zx:hover .wz{ background: url(../images/925_cont1_1.png) no-repeat 61px center; background-color: #104492;}
#Content13 .contCon .conRight .info{ font-size: 14px; line-height: 24px; padding-left: 10px; margin: 10px 0 0 0; border-left: 1px solid #104492;}
}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){

}
@media screen and  (max-width:768px){

}
/*1关于宏工*/
#Content14{width:100%; display:block; float:left;}
#Content14 .text{line-height:28px; ccolor:#444444; font-size:16px; display:block; min-height:60px;}
@media screen and  (max-width:1630px){

}
@media screen and  (max-width:1200px){

}
@media screen and  (max-width:992px){
#Content14 .text{line-height:26px ;}
}
@media screen and  (max-width:768px){
#Content14 .text{line-height:24px; font-size:14px;}
}




 	.tNavBox {
 		width: 100%;
 		height: auto;
		margin: 0 auto;
 		overflow: visible;
		background: #f3f3f3;
 	}

 	.navBtn {
 		display: none;
 	}

 	.navSliBtn {
 		display: none;
 	}

 	.iconJt {
 		display: none;
 	}

 	.tNav {
 		width: 1200px;
 		margin: 0 auto;
 		overflow: hidden;
		/* border: 1px solid #f3f3f3; */
 	}

 	.navUl {
 		width: 100%;
 		display: flex;
 		/* justify-content: flex-end; */
 		font-size: 0;
 		border-left: #fff 1px solid;
 	}

 	.navLi {
 		display: inline-block;
 		font-size: 16px;
 		width: calc((100% - 0px)/6);
 		text-align: center;
 		border-right: #fff 1px solid;
 	}
	
 	.navLi.nav09 {}

 	.navLi:hover .tNavH::before {
 		width: 100%;
 		opacity: 1;
 	}

 	.tNavH {
 		position: relative;
 	}

 	.tNavH::before {
 		content: '';
 		position: absolute;
 		bottom: 0;
 		left: 50%;
 		transform: translateX(-50%);
 		display: block;
 		width: 0;
 		height: 2px;
 		background-color: #0066cf;
 		opacity: 0;
 		transition: all .5s ease;
 	}

 	.tNav .navName {
 		position: relative;
 		display: block;
 		padding: 1.6rem 0.7vw;
 		font-size: 20px;
 		color: #333;
 		font-weight: normal;
 		transition: all .5s ease;
 	}

 	.tNav.fixed .navName {
 		color: #333;
 		padding: 2.2rem 0.7vw;
 	}

 	.navName::after {
 		content: attr(data-title);
 		position: absolute;
 		top: 0;
 		left: 0;
 		transform: translateY(100%);
 		width: 100%;
 		height: 100%;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		color: #fff;
		background: #0066cf;
 	}
	.navName.active{
		color: #fff;
		background: #0066cf;
	}
 	.navLi:hover .navName {
 		transform: translateY(-100%);
 	}

 	.slidBox {
 		position: fixed;
 		left: 0;
 		right: 0;
 		width: 100%;
 		min-width: 1024px;
 		height: 0;
 		overflow: hidden;
 		display: flex;
 		flex-direction: row-reverse;
 		justify-content: space-between;
 		flex-wrap: nowrap;
 		z-index: 110;
 		margin: 0 auto;
 		padding: 0 18%;
 		transition: all .5s ease;
 		opacity: 0;
 	}

 	.navLi:hover .slidBox {
 		height: auto;
 		opacity: 1;
 		background: rgba(0, 0, 0, .6);
 	}

 	.leftBox {
 		flex: 0 0 45%;
 		overflow: hidden;
 		max-width: 350px;
 		margin: 20px 0px;
 	}

 	.img100 {
 		display: block;
 		width: 100%;
 	}

 	.right_img .img100 {
 		transition-duration: .5s;
 	}

 	.right_img:hover .img100 {
 		transform: scale(1.1);
 	}

 	.rightBox {
 		flex: 0 0 40%;
 		margin: 30px 0px;
 	}

 	.left_text .onetitle {
 		font-size: 18px;
 		line-height: 1.1;
 		color: #333;
 		padding-bottom: 20px;
 		padding-top: 20px;
 		font-weight: bold;
 		text-align: left;
 		display: none;
 	}

 	.navSbox {
 		display: flex;
 		flex-wrap: wrap;
 		justify-content: space-between;
 	}

 	.oneName {
 		font-size: 26px;
 		padding-bottom: 15px;
 		color: #000;
 		width: 100%;
 		overflow: hidden;
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}

 	.tNavSummry {
 		line-height: 24px;
 		width: 100%;
 		height: auto;
 		overflow: hidden;
 		color: #666666;
 		font-size: 14px;
 		max-width: 420px;
 		display: -webkit-box;
 		-webkit-line-clamp: 3;
 		-webkit-box-orient: vertical;
 		text-overflow: ellipsis;
 	}

 	.tNavMore {
 		display: block;
 		position: relative;
 		height: auto;
 		padding-top: 25px;
 		border-top: 1px dashed #cccccc;
 		margin-top: 20px;
 		cursor: pointer;
 	}

 	.txt {
 		color: #000;
 		transition: all .5s ease;
 	}

 	.leanMore {
 		margin-left: 2rem;
 		transition: all .5s ease;
 	}

 	.tNavMore:hover .txt {
 		color: #015bbb;
 		margin-left: 10px;
 	}

 	.tNavMore:hover .leanMore {
 		color: #015bbb;
 	}

 	.navSli {
 		flex: 0 0 50%;
 	}

 	.navSimg {
 		position: relative;
 		width: 100%;
 		height: 160px;
 		overflow: hidden;
 	}

 	.navImg {
 		position: absolute;
 		left: 50%;
 		transform: translateX(-50%) scale(1);
 		width: auto;
 		height: 100%;
 		transition: all .5s ease;
 	}

 	.navSbox .navSlink {
 		display: block;
 		font-size: 14px;
 		line-height: 36px;
 		color: #fff;
 		transition-duration: .3s;
 		text-align: left;
 	}

 	.navSbox .navSlink:hover {
 		color: #fff;
 		transform: translateX(6px);
 	}

 	.navSbox .navSlink:hover:before {
 		background: #fff;
 	}

 	.navSbox .navSlink:before {
 		content: "";
 		display: inline-block;
 		vertical-align: top;
 		margin-right: 6px;
 		width: 4px;
 		height: 4px;
 		background: #fff;
 		position: relative;
 		top: 16px;
 	}

 	.navSlink::after {
 		content: '';
 		position: absolute;
 		bottom: 0;
 		left: 50%;
 		transform: translateX(-50%);
 		width: 0;
 		height: 3px;
 		opacity: 0;
 		background-color: #015bbb;
 		transition: all .5s ease;
 		display: none;
 	}

 	.navSli:hover .navImg {
 		transform: translateX(-50%) scale(1.1);
 	}

 	.navSli:hover .navSlink::after {
 		width: 100%;
 		opacity: 1;
 	}

 @media only screen and (max-width: 1280px) and (min-width: 1025px) {
 	.navName {
 		padding: 2.25rem 0.5vw;
 		font-size: 15px;
 	}
 }
 @media only screen and (max-width:750px) {
	 .tNav{width: 100%;}
	 .navLi{width: 25% !important;}
 }
 
 
 /* .hex{background: url(../images/902_ys_bg.jpg);width: 100%; height: 703px; overflow: hidden; margin-bottom: 70px; padding-top: 70px;}
 .hex h2{ text-align: center; font-weight: normal; font-size:18px; color: #666; line-height: 100%; padding-top:30px;background: url(../images/hx.png) no-repeat center 0; margin-bottom: 48px;}
 .hex h2 i{ font-size: 36px; color: #1a1a1a; display: block; line-height: 100%; padding-bottom: 43px;}
 .hex h2 span{ padding-left:18px;}
 .hex h2 i b{ font-family: Arial; font-size: 50px;}
 .hx_l{ width: 175px; margin-right: -25px; position: relative; z-index: 9;}
 .hx_l li{ width: 150px; height: 109px; margin-bottom: 1px; background: #fff; color: #1761c6; font-weight: bold; line-height: 109px; font-size: 22px; padding-left: 30px;}
 .hx_l li.bg4{ height: 110px;}
 .hx_l li.cur{background: url(../images/ys.png) no-repeat; padding-left: 54px; width: 181px;color: #fff;}
 .hx_l li.bg2.cur{background: url(../images/ys.png) no-repeat 0 -110px;}
 .hx_l li.bg3.cur{background: url(../images/ys.png) no-repeat 0 -220px;}
 .hx_l li.bg4.cur{background: url(../images/ys.png) no-repeat 0 -329px;}
 
 .hx_r{ width: 1050px;height: 440px;overflow: hidden;}
 .hx_r dl{ overflow: hidden;background: #fff;}
 .hx_r dl dt{ float: left; width: 700px;}
 .hx_r dl dt img{ width: 700px;}
 .hx_r dl dd{ float: right; width:320px; padding-top: 65px;}
 .hx_r dl dd h3 i{ display: block; color: #00b6f2; font-size: 30px; padding: 17px 0 35px 0;font-weight: normal;}
 .hx_r dl dd h3 i span{ font-weight: bold; padding-right: 20px;}
 .hx_r dl dd p{ font-size: 14px; color: #666; line-height: 25px; padding-right:27px;}
 .hx_r dl dd p span{ display: block; padding-left: 20px; margin-bottom: 20px;background: url(../images/y_li.jpg) no-repeat 0 8px;} */
 .home-advantage {
     padding-top: 30px;
     padding-bottom: 79px;
     background: #fff
 }
 
/* .home-advantage .home-bottom {
     padding-top: 46px
 } */
 
 .home-advantage .home-bottom .pro-max {
     margin-top: 45px;
     overflow: hidden;
     max-height: 490px
 }
 
 .home-advantage .home-bottom .pro-max .item {
     position: relative
 }
 
 .home-advantage .home-bottom .pro-max .item .pic {
     width: 802px
 }
 
 .home-advantage .home-bottom .pro-max .item .pic:after {
     padding-bottom: 61%
 }
 
 .home-advantage .home-bottom .pro-max .item .text {
     float: left;
     margin-left: -162px;
     position: absolute;
     right: 0;
     bottom: 0;
     width: 50%;
     padding-left: 67px;
     padding-bottom: 53px;
     padding-top: 46px;
     background: #fff
 }
 
 .home-advantage .home-bottom .pro-max .item .text .top {
     position: relative;
     padding-bottom: 12px
 }
 
 .home-advantage .home-bottom .pro-max .item .text .top .num {
     font-size: 80px;
     font-family: "DINPro-Regular";
     color: #1761c6;
     background: url("../images/num.png") no-repeat center center;
     width: 81px;
     height: 81px;
     line-height: 81px;
     text-align: center;
     position: absolute
 }
 
 .home-advantage .home-bottom .pro-max .item .text .top .right {
     padding-left: 110px
 }
 
 .home-advantage .home-bottom .pro-max .item .text .top .right .bt {
     font-size: 50px;
	 padding-top: 8px;
     color: #333;
     font-weight: bold
 }
 
 .home-advantage .home-bottom .pro-max .item .text .top .right .bt span {
     color: #1761c6
 }
 
 .home-advantage .home-bottom .pro-max .item .text .top .right .span {
     font-size: 18px;
     color: #333
 }
 
 .home-advantage .home-bottom .pro-max .item .text .top .right .span span {
     color: #1761c6
 }
 
 .home-advantage .home-bottom .pro-max .item .text .jsh {
     font-size: 14px;
     color: #666;
     margin-bottom: 39px
 }
 
 .home-advantage .home-bottom .pro-max .item .text .jsh ul li {
     background: url("../images/dot04.png") no-repeat left 7px;
     padding-left: 20px;
     line-height: 25px;
     margin-top: 24px
 }
 
 .home-advantage .home-bottom .pro-max .item .text .more a {
     display: block;
     width: 194px;
     height: 43px;
     line-height: 43px;
     background: #1761c6 url("../images/contact.png") no-repeat 45px center;
     font-size: 16px;
     color: #fff;
     padding-left: 89px;
     border-radius: 30px
 }
 
 .home-advantage .home-bottom .pro-min {
     margin: 0 -6px
 }
 
 .home-advantage .home-bottom .pro-min .getIndex {
     padding: 0 6px;
     width: 20%;
     float: left
 }
 
 .home-advantage .home-bottom .pro-min .getIndex .item {
     height: 49px;
     line-height: 47px;
     text-align: center;
     border: 1px solid #d9d9d9;
     cursor: pointer;
     font-size: 18px;
     color: #333;
     border-radius: 5px;
 }
 
 .home-advantage .home-bottom .pro-min .slick-current .item {
     color: #fff;
     background: #1761c6;
     border: 1px solid #1761c6
 }
 .home-title2 {
     text-align: center;
     position: relative
 }
 
 .home-title2 .bt {
     font-size: 30px;
     color: #4e4e4e;
     font-weight: bold;
     line-height: 60px
 }
 
 .home-title2 .bt span {
     font-family: "BasiliaT-Bold", arial;
     color: #1761c6;
     font-size: 60px
 }
 
 .home-title2 .jsh {
     font-size: 14px;
     color: #666
 }




.inmain .inmain-info {
    position: relative
}

.inmain .inmain-info:before {
    content: '';
    display: block;
    height: 100%;
    width: 0px;
    position: absolute;
    top: 0;
    left: 260px;
    background: #e9e9e9
}

.inmain .right {
    float: right;
    width: 77%
}

.inmain .right .current {
    line-height: 44px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 8px
}

.inmain .right .current .left {
    float: left;
    text-transform: uppercase;
    font-size: 20px;
    color: #2e2e2f;
    font-weight: bold;
    letter-spacing: .7px
}

.inmain .right .current .left span {
    background: url("../images/current.png") no-repeat center left;
    margin-left: 10px
}

.inmain .right .current h3 {
    color: #2e2e2f;
    font-size: 20px;
    font-weight: bold;
    float: left;
    background: url(../images/dot11.png) no-repeat center left;
    padding-left: 30px
}

.inmain .right .current span {
    float: right;
    background: url(../images/home.png) no-repeat left 13px;
    line-height: 30px;
    padding: 7px 0 7px 26px
}

.inmain .right .current span b {
    font-weight: normal;
    color: #1761c6;
    max-width: 188px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top
}



.inmain .right {
    float: right;
    width: 77%
}

.inmain .right .current {
    line-height: 44px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 8px
}

.inmain .right .current .left {
    float: left;
    text-transform: uppercase;
    font-size: 20px;
    color: #2e2e2f;
    font-weight: bold;
    letter-spacing: .7px
}

.inmain .right .current .left span {
    background: url("../images/current.png") no-repeat center left;
    margin-left: 10px
}

.inmain .right .current h3 {
    color: #2e2e2f;
    font-size: 20px;
    font-weight: bold;
    float: left;
    background: url(../images/dot11.png) no-repeat center left;
    padding-left: 30px
}

.inmain .right .current span {
    float: right;
    background: url(../images/home.png) no-repeat left 13px;
    line-height: 30px;
    padding: 7px 0 7px 26px
}

.inmain .right .current span b {
    font-weight: normal;
    color: #1761c6;
    max-width: 188px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top
}

.aside {
    width: 220px;
    float: left
}

.aside {
    width: 220px;
    float: left
}

.aside .aside-title {
    height: 102px;
    background: #1761c6 url("../images/aside1.png") no-repeat 96% center;
    padding: 26px 21px 0 21px;
    border-top-right-radius: 25px
}

.aside .aside-title h3 {
    font-size: 25px;
    color: #fff;
    font-weight: bold;
    line-height: 30px
}

.aside .aside-title p {
    font-size: 17px;
    color: #fff;
    font-family: "NotoSansHans-Light"
}

.aside .aside-list {
    border: 1px solid #e8e8e8;
    border-top: 0;
    padding: 0 18px;
    margin-bottom: 20px
}

.aside .aside-list ul li a {
    display: block;
    line-height: 45px;
    border-bottom: 1px dashed #ccc;
    font-size: 16px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 25px;
    background: url("../images/dot09.png") no-repeat 98% center
}

.aside .aside-list ul .active a {
    color: #1761c6;
    background: url("../images/dot09h.png") no-repeat 98% center
}

.aside .aside-list ul li:last-child a {
    border-bottom: 0
}

.aside .aside-one {
    margin-bottom: 18px
}

.aside .aside-one .aside-bt {
    margin-bottom: 14px
}

.aside .aside-one .aside-bt a {
    font-weight: bold;
    font-size: 20px;
    color: #1761c6;
    display: block;
    background: url("../images/dot10.png") no-repeat center right;
    padding-right: 30px
}

.aside .aside-one .aside-bt span {
    color: #999;
    font-size: 13px;
    font-family: arial
}

.aside .aside-one .img img {
    display: block
}

.aside .aside-one .list {
    padding-top: 2px;
    border-top: 1px solid #1761c6;
    padding-bottom: 2px;
    border-bottom: 1px solid #1761c6
}

.aside .aside-one .list ul {
    padding: 14px 0;
    background: #f5f5f5
}

.aside .aside-one .list ul li {
    padding: 0 5px 0 15px
}

.aside .aside-one .list ul li a {
    display: block;
    line-height: 34px;
    background: url("../images/dot11.png") no-repeat center left;
    padding-left: 21px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.aside .aside-one .list ul .active a {
    background: url("../images/dot11h.png") no-repeat center left;
    color: #1761c6
}

.aside .aside-one .list1 {
    padding-bottom: 6px;
    border-bottom: 2px solid #1761c6
}

.aside .aside-one .list1 ul {
    padding: 14px 0
}

.aside .aside-one .list1 ul li a {
    display: block;
    line-height: 34px;
    background: url("../images/dot11.png") no-repeat center left;
    padding-left: 21px;
    font-size: 14px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.aside .aside-one .list1 ul .active a {
    background: url("../images/dot11h.png") no-repeat center left;
    color: #1761c6
}

.aside .aside-phone {
    background: url("../images/aleft.png") no-repeat 20px 6px;
    padding-left: 88px;
    padding-bottom: 23px;
    /* border-bottom: 2px solid #1761c6; */
}

.aside .aside-phone h3 {
    font-size: 16px;
    color: #4e4e4e;
    letter-spacing: 2px;
    margin-bottom: 4px
}

.aside .aside-phone a {
    height: 27px;
    line-height: 27px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    font-family: arial;
    padding: 5px 30px;
    text-align: center;
    border-radius: 20px;
    background: #1761c6
}

.aside .aside-list1 {
    border: 1px solid #e8e8e8;
    padding: 15px 8px 0 8px;
    margin-bottom: 20px
}

.aside .aside-list1 ul li {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 8px;
    margin-bottom: 14px
}

.aside .aside-list1 ul li > a {
    display: block;
    line-height: 33px;
    font-size: 15px;
    color: #333;
    background: url("../images/dot13.png") no-repeat 13px center;
    padding-left: 40px;
    padding-right: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.aside .aside-list1 ul li ul {
    padding: 6px 0
}

.aside .aside-list1 ul li ul li {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.aside .aside-list1 ul li ul li a {
    font-size: 13px;
    color: #666;
    background: url("../images/dot14.png") no-repeat 19px center;
    line-height: 39px
}

.aside .aside-list1 ul .active > a {
    color: #fff;
    background: #1761c6 url("../images/dot13h.png") no-repeat 13px center;
    border-radius: 20px
}

.aside .aside-list1 ul .active ul .active a {
    background: url("../images/dot14h.png") no-repeat 19px center;
    color: #1761c6;
}

.aside .aside-list1 ul li:last-child {
    border-bottom: 0
}

.aside2 .aside-title {
    background: #1761c6 url("../images/aside2.png") no-repeat 96% center
}

.aside3 .aside-title {
    background: #1761c6 url("../images/aside3.png") no-repeat 96% center
}

.aside4 .aside-title {
    background: #1761c6 url("../images/aside4.png") no-repeat 96% center
}

.aside5 .aside-title {
    background: #1761c6 url("../images/aside5.png") no-repeat 96% center
}

.aside6 .aside-title {
    background: #1761c6 url("../images/aside6.png") no-repeat 96% center
}

.content {
    font-size: 14px;
    line-height: 28px;
    color: #666
}

.about {
    padding: 35px 0
}

.about .about-info {
    position: relative;
    margin-bottom: 2px
}



.about .about-info .title {
    font-family: "CA InfoTypeOPTU-RegularCon";
    color: #1761c6;
    font-size: 87px;
    text-transform: uppercase;
    letter-spacing: -4px;
    line-height: 90px
}

.about .about-info .title span {
    font-size: 62px;
    font-family: "DINPro-Regular";
    letter-spacing: 0
}

.about .about-info .info {
    font-size: 27px;
    color: #115275;
    position: absolute;
    bottom: 13px;
    left: 0;
    background: #fff
}

.about .about-list {
    padding-top: 27px;
    padding-bottom: 32px
}

.about .about-list li {
    width: 25%;
    float: left;
    text-align: center
}

.about .about-list li .pic {
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.about .about-list li .bt {
    font-size: 17px;
    color: #003894;
    font-weight: bold;
    margin-bottom: 8px
}

.about .about-list li .jsh {
    font-size: 15px;
    color: #333
}

 .inmain .right .current span a:hover {
        color: #1761c6;
        text-decoration: underline
    }

    .aside .aside-list ul li:hover a {
        color: #1761c6;
        background: url("../images/dot09h.png") no-repeat 98% center
    }

    .aside .aside-one .list ul li:hover a {
        background: url("../images/dot11h.png") no-repeat center left;
        color: #1761c6
    }

    .aside .aside-one .aside-bt a:hover {
        background: url("../images/dot10h.png") no-repeat center right
    }

    .aside .aside-one .list1 ul li:hover a {
        background: url("../images/dot11h.png") no-repeat center left;
        color: #1761c6
    }

    .aside .aside-list1 ul li > a:hover {
        color: #fff;
        background: #1761c6 url("../images/dot13h.png") no-repeat 13px center;
        border-radius: 20px
    }

    .aside .aside-list1 ul li ul li a:hover {
        background: url("../images/dot14h.png") no-repeat 19px center;
        color: #1761c6
    }



.product {
    padding: 32px 0
}

.product ul {
    margin-bottom: 58px
}

.product ul li {
    margin-bottom: 25px
}

.product ul li .box {
    position: relative;
    border: 1px solid #e9e9e9;
    padding: 10px;
    background: #fcfcfc
}

.product ul li .pic {
    width: 232px;
    height: 183px;
    position: absolute;
    top: 10px;
    left: 10px
}

.product ul li .pic img {
    transition: .5s
}

.product ul li .text {
    height: 183px;
    padding-left: 261px;
    padding-top: 12px
}

.product ul li .text .bt {
    font-size: 16px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 1px dashed #e9e9e9;
    padding-bottom: 13px;
    margin-bottom: 13px
}

.product ul li .text .jsh {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-bottom: 19px;
    height: 50px;
    overflow: hidden
}

.product ul li .text .span {
    width: 134px;
    height: 32px;
    line-height: 30px;
    border: 1px solid #cbcbcb;
    color: #9e9e9e;
    font-size: 12px;
    padding-left: 22px;
    background: url("../images/dot15.png") no-repeat 100px center
}

.product-show {
    padding: 40px 0 0;
    overflow: hidden
}

.product-show .product-bottom .pro-nav ul li {
    width: 20%;
    float: left;
    text-align: center;
    border-right: 1px solid #fff
}

.product-show .product-bottom .pro-nav ul li a {
    display: block;
    border-top: 1px solid #1761c6;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    background: #1761c6
}

.product-show .product-bottom .pro-nav ul .active a {
    background: #fff;
    color: #1761c6
}

.product-show .product-bottom .pro-list .pro-info {
    padding: 38px 0 19px 0;
    border-bottom: 1px solid #e9e9e9
}

.product-show .product-bottom .pro-list .pro-info .bt {
    color: #1761c6;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px
}

.product-show .product-bottom .pro-list .pro-info .jsh p {
    line-height: 25px
}

.product-top {
    /* margin-bottom: 49px; */
    overflow: hidden
}

.product-top .pro-left {
    width: 41%;
    float: left;
    overflow: hidden
}

.product-top .pro-left .pic:after {
    padding-bottom: 79%
}

.product-top .pro-left .pro-min {
    margin: 4px -2px 0 -2px
}

.product-top .pro-left .pro-min .getIndex {
    padding: 0 2px
}

.product-top .pro-right {
    width: 59%;
    float: left;
    padding-top: 13px;
    padding-left: 50px
}

.product-top .pro-right .bt {
    font-size: 20px;
    color: #1761c6;
    font-weight: bold;
    padding-bottom: 19px;
    border-bottom: 1px dashed #e9e9e9
}

.product-top .pro-right .info {
    padding-top: 20px;
    margin-bottom: 20px;
    overflow: hidden
}

.product-top .pro-right .info .title {
    font-size: 18px;
    color: #343434;
    font-weight: bold;
    margin-bottom: 8px
}

.product-top .pro-right .info .jsh {
    line-height: 30px;
    font-size: 14px;
    color: #666
}

.product-top .pro-right .online a {
    display: block;
    float: left;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: #1761c6;
	border-radius: 5px;
}

.product-top .pro-right .online .phone {
    background: url("../images/phone1.png") no-repeat center left;
    padding-left: 31px;
	padding-top: 4px;
    margin-left: 20px;
    float: left;
    font-size: 30px;
    color: #343434;
    font-weight: bold
}

 .product ul li .box:hover {
        box-shadow: 0 0 15px 0 rgba(8, 1, 2, 0.06)
    }

    .product ul li .box:hover .pic img {
        transform: scale(1.05)
    }

    .product ul li .box:hover .text .bt {
        color: #1761c6
    }

    .product ul li .box:hover .text .span {
        border: 1px solid #1761c6;
        color: #fff;
        background: #1761c6 url("../images/dot15h.png") no-repeat 100px center
    }
	.xiangguan {
	    margin-top: 44px
	}
	
	.xiangguan .title {
	    margin-bottom: 15px;
	    border-bottom: 1px dashed #e9e9e9;
	    padding-bottom: 19px
	}
	
	.xiangguan .title h3 {
	    font-size: 30px;
	    color: #232323;
	    background: url("../images/dot5.png") no-repeat center left;
	    padding-left: 29px
	}
	
	.xiangguan .news-list li {
	    font-size: 14px;
	    line-height: 38px;
	    width: 50%;
	    float: left;
	    padding-left: 14px
	}
	
	.xiangguan .news-list li a {
	    display: block;
	    background: url("../images/dot11.png") no-repeat center left;
	    padding-left: 16px;
	    overflow: hidden
	}
	
	.xiangguan .news-list li h3 {
	    color: #333;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden;
	    font-size: 14px
	}
	
	.xiangguan .news-list .background {
	    background: #f9f9f9
	}
	
	.xiangguan .pro-lists {
	    margin: 0 -10px;
	    padding-top: 15px;
	    position: relative;
	}
	
	.xiangguan .pro-lists li {
	    width: 33.3333333333%;
	    padding: 0 10px;
	    float: left
	}
	
	.xiangguan .pro-lists li .box {
	    box-shadow: 0 0 15px 0 rgba(8, 1, 2, 0.04)
	}
	
	.xiangguan .pro-lists li .pic img {
	    transition: .5s
	}
	
	.xiangguan .pro-lists li .pic:after {
	    padding-bottom: 60%
	}
	
	.xiangguan .pro-lists li .text {
	    padding: 10px 50px 10px 20px;
	    overflow: hidden;
	    background: #fff url("../images/more1.png") no-repeat 93% center;
		text-align: center;
	}
	
	.xiangguan .pro-lists li .text .bt {
	    font-size: 16px;
	    color: #464646;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden
	}
	
	.xiangguan .pro-lists li .text .jsh {
	    font-size: 12px;
	    color: #bababa;
	    font-family: arial;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    overflow: hidden
	}
	
	.xiangguan .slick-dots {
	    z-index: 10;
	    bottom: 0;
	    line-height: 0;
	    text-align: center
	}
	
	.xiangguan .slick-dots li {
	    margin: 0 7px;
	    width: 18px;
	    height: 18px;
	    padding: 3px;
	    position: relative;
	    border-radius: 50%;
	    float: none
	}
	
	.xiangguan .slick-dots li button {
	    width: 10px;
	    height: 10px;
	    display: block;
	    background: #1761c6;
	    border-radius: 50%;
	    padding: 0
	}
	
	.xiangguan .slick-dots li button:before {
	    content: ""
	}
	
	.xiangguan .slick-dots .slick-active {
	    border: 1px solid #1761c6
	}
	
	.xiangguan .slick-dots .slick-active button {
	    background: #1761c6
	}
	.xiangguan .box{
		width: 316px;
		height: 360px;
		overflow: hidden;
	}
	.xiangguan .box .pic{
		width: 100%;
		height: 316px;
		overflow: hidden;
	}
	.xiangguan .box .pic img{
		width: 100%;
	}
 .addr_l {
		padding-top: 30px;
        float: left;
        width: 595px;
        margin-left: 0px;
		margin-right: 20px;
    }
    
    .addr_l h2 {
        font-weight: normal;
        height: 58px;
        border-bottom: 1px dashed #d4d4d4;
    }
    
    .addr_l h2 b {
        display: block;
        font-size: 24px;
        color: #1761c6;
        line-height: 24px;
    }
    
    .addr_l h2 i {
        display: block;
        font-size: 13px;
        color: #333;
        font-family: "Arial";
        opacity: 0.3;
        text-transform: uppercase;
        line-height: 26px;
        font-style: normal;
    }
    
    .addr_l li {
        height: 70px;
        border-bottom: 1px dashed #d4d4d4;
    }
    
    .addr_l li>img {
        float: left;
        margin: 20px 8px 0 0;
    }
    
    .addr_l li p {
        float: left;
        width: 550px;
        font-size: 18px;
        color: #333;
        line-height: 70px;
        margin: 0;
    }
	.add_r{
		width: 360px;
		float: right;
		padding-top: 86px;
	}
	.map {
	        float: right;
	        width: 100%;
			padding-top: 40px;
	    }
	    
	    .map h2 {
	        height: 58px;
	    }
@media (max-width750px) {
	 .addr_l{width: 100%;}
	 .addr_l li p{width: 90%;}
	
}

.news {
    padding: 16px 0
}

.news ul {
    margin-bottom: 58px
}

.news ul li .box {
    position: relative;
    padding: 20px 33px 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9
}

.news ul li .pic {
    width: 219px;
    height: 219px;
    position: absolute;
    top: 30px;
    left: 0;
    transition: .5s
}

.news ul li .pic img {
    transition: .5s
}

.news ul li .text {
    height: 219px;
    padding-top: 26px;
    padding-left: 258px;
    padding-right: 60px;
    transition: .5s;
    background: url("../images/more3.png") no-repeat bottom right
}

.news ul li .text .bt {
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 20px
}

.news ul li .text .jsh {
    font-size: 14px;
    color: #666;
    line-height: 25px;
   
    overflow: hidden
}

.news ul li .text .span {
    color: #999;
    font-size: 24px;
    position: absolute;
    top: 60px;
    right: 20px;
    font-family: "NotoSansHans-Light"
}

.news-show {
    padding: 58px 0
}

.news-show .news-h1 {
    font-size: 30px;
    color: #333;
    text-align: center;
    line-height: 40px;
    margin-bottom: 23px
}

.news-show .news-h2 {
    color: #9e9e9e;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 20px
}

.news-show .news-info {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    padding-bottom: 42px;
    padding-top: 25px
}

.news-show .news-h2 {
    font-size: 12px;
    color: #999;
    border-bottom: 1px dashed #e9e9e9;
    padding-bottom: 9px
}

.news-show .news-h2 .num {
    background: url("../images/yan.png") no-repeat center left;
    padding-left: 20px;
    padding-right: 10px;
    vertical-align: top;
    display: inline-block
}

.news-show .news-h2 .time {
    background: url("../images/time.png") no-repeat center left;
    padding-left: 20px;
    padding-right: 10px;
    vertical-align: top;
    display: inline-block
}

.news-show .share-list {
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.news-show .share {
    font-size: 12px;
    color: #999;
    float: right
}

.news-show .share a {
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%
}

.news-show .share .sina {
    background: url(../images/f2.png) no-repeat center center !important;
    margin-right: 5px
}

.news-show .share .wechat {
    background: url(../images/f1.png) no-repeat center center !important;
    margin-right: 5px
}

.news-show .share .qzone {
    background: url(../images/f3.png) no-repeat center center !important;
    margin-right: 5px
}

.news-show .bdshare-button-style0-16 a, .news-show .bdshare-button-style0-16 .bds_more #bdshare_weixin_qrcode_dialog.bd_weixin_popup {
    height: auto !important
}

.news-show .bdsharebuttonbox {
    display: inline-block;
    vertical-align: middle
}

.news-show .bdshare-button-style0-16 a, .news-show .bdshare-button-style0-16 .bds_more {
    padding-right: 0;
    height: 21px !important;
    line-height: 21px;
    margin: 0 5px 0 0 !important
}

.prev-next-return {
    overflow: hidden;
    position: relative;
    padding: 0
}

.prev-next-return a {
    color: #fff;
    display: block;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
}

.prev-next-return .prev, .prev-next-return .next {
    width: 50%;
    height: 48px;
    line-height: 48px;
    padding-left: 50px;
    padding-right: 50px;
    color: #fff;
    background-color: #b6b6b6;
    float: left;
    font-size: 13px;
    transition: all .5s;
    overflow: hidden
}

.prev-next-return .prev {
    background: #b6b6b6 url(../images/arrow-left-02.png) no-repeat left center;
    padding-right: 84px
}

.prev-next-return .next {
    text-align: right;
    background: #b6b6b6 url(../images/arrow-right-02.png) no-repeat right center;
    padding-left: 84px
}

.prev-next-return .return {
    position: absolute;
    z-index: 9;
    left: 50%;
    margin-left: -64px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    width: 128px;
    background-color: #b6b6b6;
    border-left: 1px #f8f8f8 solid;
    border-right: 1px #f8f8f8 solid;
    height: 48px;
    line-height: 48px;
    transition: all .5s
}

.prev-next-return .return:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    background: url(../images/return.png) no-repeat
}
@media (min-width: 1025px) {
    .header .nav ul li .subnav dl dd a:hover {
        background: url(../images/dot17h.png) no-repeat center right;
        color: #1761c6
    }

    .header .nav ul li .pronav .container dl dt a:hover {
        color: #1761c6;
        text-decoration: underline
    }

    .header .nav ul li:hover a {
        border-bottom: 3px solid #1761c6;
        color: #1761c6
    }

    .header .nav ul li:hover .subnav {
        display: block
    }

    .header .nav ul li:hover .subnav dl dd a {
        border: 0
    }

    .home-banner .home-banner-slick .slick-prev:hover {
        background: url("../images/lefth.png") no-repeat center center !important
    }

    .home-banner .home-banner-slick .slick-next:hover {
        background: url("../images/righth.png") no-repeat center center !important
    }

    .home-class ul li:hover .box {
        background: #1761c6;
        padding-top: 63px;
        padding-bottom: 62px
    }

    .home-class ul li:hover .pic {
        margin-top: -63px;
        border: 5px solid #1761c6;
        border-radius: 50%;
        background: #fff
    }

    .home-class ul li:hover .pic .c {
        display: none
    }

    .home-class ul li:hover .pic .ch {
        display: block
    }

    .home-class ul li:hover .pic:before {
        display: none
    }

    .home-class ul li:hover .text {
        background: url("../images/bg.png") no-repeat bottom center
    }

    .home-class ul li:hover .text .bt {
        color: #fff
    }

    .home-class ul li:hover .text .jsh {
        color: #fff
    }

    .home-products .home-proclass dl dt a:hover {
        color: #1761c6
    }

    .home-products .home-proclass dl dd:hover {
        background: #1761c6
    }

    .home-products .home-proclass dl dd:hover a {
        color: #fff
    }

    .home-products .home-prolist .item ul li:hover .pic img {
        transform: scale(1.05)
    }

    .home-products .home-prolist .item ul li:hover .text {
        background: #1761c6 url("../images/more1h.png") no-repeat 93% center
    }

    .home-products .home-prolist .item ul li:hover .text .bt {
        color: #fff
    }

    .home-products .home-prolist .item ul li:hover .text .jsh {
        color: #fff
    }

    .home-partner ul li a:hover {
        border: 1px solid #1761c6
    }

    .home-partner ul li a:hover .pic img {
        transform: scale(1.05)
    }

    .home-partner .slick-prev:hover {
        background: url("../images/left1h.png") no-repeat center center !important
    }

    .home-partner .slick-next:hover {
        background: url("../images/right1h.png") no-repeat center center !important
    }

    .home-about .left .more a:hover {
        background: #1761c6 url("../images/dot05h.png") no-repeat 118px center;
        color: #fff
    }

    .home-about .pics-2 .items:hover .pic img {
        transform: scale(1.02)
    }

    .home-about .controller a:hover {
        background: #ef6121
    }

    .home-news .home-bottom .left .top .more a:hover {
        color: #1761c6;
        border-bottom: 1px solid #1761c6
    }

    .home-news .home-bottom .left .show .info .one a:hover .text .bt {
        color: #003158
    }

    .home-news .home-bottom .left .show .info ul li a:hover {
        color: #003158
    }

    .home-news .home-bottom .right .top .more a:hover {
        color: #1761c6;
        border-bottom: 1px solid #1761c6
    }

    .home-news .home-bottom .right .show ul li a:hover .bt {
        color: #1761c6
    }

    .footer-top ul li ul li a:hover {
        text-decoration: underline;
        opacity: 1
    }

    .inmain .right .current span a:hover {
        color: #1761c6;
        text-decoration: underline
    }

    .aside .aside-list ul li:hover a {
        color: #1761c6;
        background: url("../images/dot09h.png") no-repeat 98% center
    }

    .aside .aside-one .list ul li:hover a {
        background: url("../images/dot11h.png") no-repeat center left;
        color: #1761c6
    }

    .aside .aside-one .aside-bt a:hover {
        background: url("../images/dot10h.png") no-repeat center right
    }

    .aside .aside-one .list1 ul li:hover a {
        background: url("../images/dot11h.png") no-repeat center left;
        color: #1761c6
    }

    .aside .aside-list1 ul li > a:hover {
        color: #fff;
        background: #1761c6 url("../images/dot13h.png") no-repeat 13px center;
        border-radius: 20px
    }

    .aside .aside-list1 ul li ul li a:hover {
        background: url("../images/dot14h.png") no-repeat 19px center;
        color: #1761c6
    }

    .gallery ul li .box:hover .pic img {
        transform: scale(1.05)
    }

    .gallery ul li .box:hover .bt {
        color: #1761c6
    }

    .history .history-info ul li .box:hover .num {
        background: #fff url("../images/dot12h.png") no-repeat center 8px
    }

    .history .history-info ul li .box:hover .num h3 {
        color: #1761c6
    }

    .history .history-info ul li .box:hover .bt {
        color: #1761c6
    }

    .page a.cpb, .page a:hover {
        background: #1761c6;
        color: #fff;
        border: 1px solid #1761c6
    }

    .research .list-honor1 .honor-info a .pic:hover img {
        transform: scale(1.1)
    }

    .research .list-honor1 .honor-info a .pic:hover i {
        display: block
    }

    .message1 ul .yanzhen a:hover {
        color: #666
    }

    .message1 .btn2 input:hover {
        background: #003158
    }

    .news ul li:hover .box {
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.06)
    }

    .news ul li:hover .pic {
        left: 30px
    }

    .news ul li:hover .pic img {
        transform: scale(1.05)
    }

    .news ul li:hover .text {
        padding-left: 280px
    }

    .news ul li:hover .text .bt {
        color: #1761c6
    }

    .prev-next-return .prev:hover, .prev-next-return .next:hover {
        background-color: #1761c6;
        color: #fff;
        text-decoration: underline
    }

    .prev-next-return .return:hover {
        background: #1761c6
    }

    .xiangguan .news-list li:hover a {
        background: url("../images/dot11h.png") no-repeat center left
    }

    .xiangguan .news-list li:hover h3 {
        color: #1761c6
    }

    .xiangguan .pro-lists li:hover .pic img {
        transform: scale(1.05)
    }

    .xiangguan .pro-lists li:hover .text {
        background: #1761c6 url("../images/more1h.png") no-repeat 93% center
    }

    .xiangguan .pro-lists li:hover .text .bt {
        color: #fff
    }

    .xiangguan .pro-lists li:hover .text .jsh {
        color: #fff
    }

    .product ul li .box:hover {
        box-shadow: 0 0 15px 0 rgba(8, 1, 2, 0.06)
    }

    .product ul li .box:hover .pic img {
        transform: scale(1.05)
    }

    .product ul li .box:hover .text .bt {
        color: #1761c6
    }

    .product ul li .box:hover .text .span {
        border: 1px solid #1761c6;
        color: #fff;
        background: #1761c6 url("../images/dot15h.png") no-repeat 100px center
    }

    .pro5 a .pic:hover img {
        transform: scale(1.1)
    }

    .pro5 a .pic:hover i {
        display: block
    }
}

@media (max-width: 1200px) {
    .home-about .left {
        width: 100%
    }

    .home-about .left .list ul {
        text-align: center;
        margin-bottom: 20px
    }

    .home-about .left .list ul li {
        width: 148px;
        display: inline-block;
        float: none
    }

    .home-about .about-visual-recommon {
        width: 642px;
        float: none;
        margin: 0 auto;
        overflow: hidden
    }

    .inmain .right {
        padding-left: 20px
    }
}

@media (max-width: 1024px) {
    .footer-top .footer-right {
        padding-left: 20px
    }

    .home-class {
        margin-top: 0;
        padding-top: 20px
    }

    .home-app .home-bottom .app-info .left li a {
        padding-left: 65px
    }

    .inmain .right {
        width: 67%
    }

    .contact .info li {
        width: 100%
    }

    .contact .info li .text {
        line-height: 26px;
        font-size: 14px
    }

    .contact #allmap {
        height: 350px
    }
}
.research {
    padding: 35px 0
}

.research .list-honor1 {
    overflow: hidden;
    margin-bottom: 30px
}

.research .list-honor1 .honor-info {
    overflow: hidden;
    margin: 0 -13px
}

.research .list-honor1 .honor-info a {
    width: 33.33333%;
    float: left;
    padding: 0 13px;
    margin-bottom: 26px
}

.research .list-honor1 .honor-info a .pic img {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.research .list-honor1 .honor-info a .pic:after {
    padding-bottom: 131.5%
}

.research .list-honor1 .honor-info a .pic i {
    background: url(../images/bg4.png) repeat center center;
    text-align: center;
    position: absolute;
    height: inherit;
    padding-top: 50%;
    z-index: 10;
    top: 0;
    display: none;
    /* width: 100%;
    padding-bottom: 131.5% */
}

.research .list-honor1 .honor-info a .pic i img {
    width: 50px;
    height: 50px
}

.research .list-honor1 .honor-info a span {
    color: #666;
    height: 49px;
    margin-top: 4px;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    line-height: 49px;
    font-size: 18px;
    border-top: 0;
    background: #f5f5f5;
    padding: 0 2px
}

.research .list-job {
    overflow: hidden;
    margin-bottom: 30px
}

.research .list-job .honor-info {
    overflow: hidden;
    margin: 0 -13px
}

.research .list-job .honor-info a {
    width: 33.33333%;
    float: left;
    padding: 0 13px;
    margin-bottom: 26px
}

.research .list-job .honor-info a .pic img {
    transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -webkit-transition: all .3s linear
}

.research .list-job .honor-info a .pic:after {
    padding-bottom: 131.5%
}

.research .list-job .honor-info a .pic i {
    background: url(../images/bg4.png) repeat center center;
    text-align: center;
    position: absolute;
    height: inherit;
    padding-top: 50%;
    z-index: 10;
    top: 0;
    display: none;
    width: 100%;
    padding-bottom: 131.5%
}

.research .list-job .honor-info a .pic i img {
    width: 50px;
    height: 50px
}

.research .list-job .honor-info a span {
    color: #666;
    height: 49px;
    margin-top: 4px;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    line-height: 49px;
    font-size: 18px;
    border-top: 0;
    background: #f5f5f5;
    padding: 0 2px
}

@media (max-width: 992px) {
    .home-banner {
        max-height: 576px
    }
}

@media (max-width: 768px) {
    .home-banner {
        max-height: 446px
    }
}

@media (max-width: 520px) {
    .home-banner {
        max-height: 302px
    }
}

@media (max-width: 414px) {
    .home-banner {
        max-height: 240px
    }
}

@media (max-width: 375px) {
    .home-banner {
        max-height: 218px
    }
}

@media (max-width: 360px) {
    .home-banner {
        max-height: 209px
    }
}

@media (max-width: 320px) {
    .home-banner {
        max-height: 186px
    }
}
@media (max-width: 992px) {
    .inbanner .inbanner-slick-phone {
        max-height: 320px
    }
}

@media (max-width: 768px) {
    .inbanner .inbanner-slick-phone {
        max-height: 248px
    }
}

@media (max-width: 520px) {
    .inbanner .inbanner-slick-phone {
        max-height: 168px
    }
}

@media (max-width: 414px) {
    .inbanner .inbanner-slick-phone {
        max-height: 134px
    }
}

@media (max-width: 375px) {
    .inbanner .inbanner-slick-phone {
        max-height: 121px
    }
}

@media (max-width: 360px) {
    .inbanner .inbanner-slick-phone {
        max-height: 116px
    }
}

@media (max-width: 320px) {
    .inbanner .inbanner-slick-phone {
        max-height: 103px
    }
}
@media (max-width: 767px) {
    .page a {
        display: none
    }

    .page a.first, .page a.prev, .page a.next, .page a.last {
        display: inline-block
    }
}
@media (max-width: 768px) {
    .inmain {
        padding: 30px 0
    }

    .inmain .right {
        width: 100%;
        padding-left: 0
    }

    .inmain .inmain-info:before {
        display: none
    }

    .aside {
        width: 100%
    }

    .aside .aside-one {
        display: none
    }

    .aside .aside-phone {
        display: none
    }

    .aside .aside-title h3 {
        font-size: 18px
    }

    .aside .aside-title p {
        font-size: 13px
    }

    .aside .aside-title {
        height: 80px;
        padding: 15px 21px
    }

    .aside .aside-list ul li a {
        font-size: 14px;
        line-height: 42px
    }

    .about {
        padding: 25px 0
    }

    .about .about-list li {
        width: 50%;
        margin-bottom: 10px
    }

    .about .about-list {
        padding: 20px 0
    }

    .inmain .right .current h3 {
        font-size: 16px;
        padding-left: 13px
    }

    .inmain .right .current span {
        font-size: 12px
    }

    .about .about-list li .bt {
        font-size: 15px
    }

    .about .about-list li .jsh {
        font-size: 13px
    }

    .about .about-info .title {
        font-size: 50px;
        line-height: 75px
    }

    .about .about-info .title span {
        font-size: 30px
    }

    .about .about-info .info {
        font-size: 17px
    }

    .history {
        padding: 25px 0
    }

    .history .history-info {
        padding-top: 80px;
        background: url(../images/history.png) no-repeat top left;
        background-size: 80px
    }

    .history .history-info ul li .num {
        left: 20px;
        margin-left: 0
    }

    .history .history-info ul li .text {
        padding-left: 80px;
        margin-bottom: 20px;
        overflow: hidden;
        padding-top: 20px
    }

    .history .history-info ul {
        background: url(../images/line.png) repeat-y 39px top
    }

    .history .history-info ul li .bt {
        display: none
    }

    .history .history-info ul li .text {
        width: 100%
    }

    .history .history-info ul .even .text {
        float: none;
        padding-right: 0
    }

    .history .history-info ul .odd .text {
        float: none
    }

    .history .history-info .more {
        margin: 0;
        width: 80px;
        height: 80px
    }

    .partners {
        padding: 25px 0
    }

    .partners ul li .box {
        font-size: 14px;
        line-height: 35px
    }

    .idea ul li .text .bt {
        font-size: 17px
    }

    .home-products .home-proclass dl dt {
        width: 100%
    }

    .home-products .home-proclass dl dd {
        width: 50%;
        border-bottom: 1px solid #eee
    }

    .home-products .home-proclass dl {
        font-size: 14px
    }

    .home-class ul li .pic {
        width: 100px;
        height: 100px;
        margin-left: -50px
    }

    .idea ul li .text .bt:after {
        margin: 20px 0
    }

    .idea .left ul li .text {
        padding-right: 20px
    }

    .idea .left ul li .text {
        padding-bottom: 20px
    }

    .idea .right1 ul li .text {
        padding: 20px 0 20px 20px
    }

    .home-class ul li .text .bt {
        font-size: 16px;
        margin-bottom: 10px
    }

    .home-class ul li .text {
        padding: 20px
    }

    .home-class ul li {
        width: 100%
    }

    .home-class ul li .box {
        background: 0;
        border-top: 1px solid #eee;
        padding-top: 100px
    }

    .home-class ul .first .box {
        border-top: 0
    }

    .home-class ul li .text .jsh {
        font-size: 12px;
        height: auto
    }

    .home-title .top .bt {
        font-size: 18px
    }

    .home-title .top .span {
        font-size: 35px
    }

    .home-class {
        padding-bottom: 20px
    }

    .home-products .home-proclass {
        padding-top: 20px;
        margin-bottom: 20px
    }

    .home-products .home-prolist .item ul li {
        width: 50%
    }

    .home-products .home-prolist {
        max-height: none;
        padding-bottom: 45px
    }

    .home-products {
        padding-bottom: 10px
    }

    .home-products .home-prolist .item ul li .text .bt {
        font-size: 16px
    }

    .home-products .home-prolist .item ul li .text {
        padding: 20px 50px 20px 20px
    }

    .home-partner {
        padding: 30px 0 0 0
    }

    .home-title1 .bt {
        font-size: 18px
    }

    .home-title1 .jsh {
        font-size: 12px
    }

    .home-title1 {
        padding: 0 0 7px 0;
        background: 0
    }

    .home-partner .home-bottom {
        padding: 30px 49px
    }

    .home-app {
        padding-top: 30px
    }

    .home-app .home-bottom {
        margin-top: 30px;
        padding: 30px 0
    }

    .home-app .home-bottom .app-info .left {
        width: 100%
    }

    .home-app .home-bottom .app-info .left li {
        width: 33.33333333%;
        float: left
    }

    .home-app .home-bottom .app-info .left .odd a {
        background: #eee
    }

    .home-app .home-bottom .app-info .left li a {
        background: #f6f6f6
    }

    .home-app .home-bottom .app-info .left .sel a {
        background: #1761c6
    }

    .home-app .home-bottom .app-info .left .sel {
        background: 0
    }

    .home-app .home-bottom .app-info .left li a {
        padding: 0 5px;
        text-align: center
    }

    .home-app .home-bottom .app-info .left li {
        padding-right: 0
    }

    .home-app .home-bottom .app-info .left {
        line-height: 45px
    }

    .home-app .home-bottom .app-info .right {
        width: 100%;
        margin-top: 20px
    }

    .home-app .home-bottom .app-info .right .info .title {
        font-size: 18px;
        background-size: 25px;
        padding-left: 30px
    }

    .home-app .home-bottom .app-info {
        padding: 25px
    }

    .home-advantage {
        padding: 30px 0
    }

    .home-title2 .bt {
        font-size: 20px;
        line-height: 40px
    }

    .home-title2 .bt span {
        font-size: 35px
    }

    .home-advantage .home-bottom {
        padding-top: 30px
    }

    .home-advantage .home-bottom .pro-max {
        max-height: none
    }

    .home-advantage .home-bottom .pro-max .item .text {
        position: relative;
        bottom: auto;
        right: auto;
        margin-left: 0;
        width: 100%;
        padding: 20px 0
    }

    .home-advantage .home-bottom .pro-max .item .pic {
        width: 100%
    }

    .home-advantage .home-bottom .pro-max .item .text .top .num {
        background: 0;
        font-size: 40px;
        width: 54px;
        height: 54px;
        line-height: 54px
    }

    .home-advantage .home-bottom .pro-max .item .text .top .right {
        padding-left: 60px
    }

    .home-advantage .home-bottom .pro-max .item .text .top .right .bt {
        font-size: 20px
    }

    .home-advantage .home-bottom .pro-max .item .text .top .right .span {
        font-size: 16px
    }

    .home-advantage .home-bottom .pro-max .item .text .jsh ul li {
        margin-top: 10px
    }

    .home-advantage .home-bottom .pro-max .item .text .jsh {
        margin-bottom: 20px
    }

    .home-advantage .home-bottom .pro-max .item .text .more a {
        width: 143px;
        height: 40px;
        line-height: 40px;
        background: #1761c6 url(../images/contact.png) no-repeat 19px center;
        font-size: 14px;
        padding-left: 52px
    }

    .home-advantage .home-bottom .pro-max {
        margin-bottom: 20px
    }

    .home-advantage .home-bottom .pro-min .getIndex .item {
        font-size: 14px
    }

    .home-about {
        padding: 30px 0
    }

    .home-about .left .bt {
        font-size: 18px
    }

    .home-about .left .span {
        font-size: 12px
    }

    .home-about .left .span:after {
        margin: 15px 0
    }

    .home-about .left .list ul li h3 {
        font-size: 14px
    }

    .home-news .home-bottom .left {
        width: 100%;
        padding-right: 0
    }

    .home-news .home-bottom .right {
        width: 100%;
        padding-left: 0
    }

    .home-news {
        padding: 30px 0
    }

    .home-news .home-bottom {
        padding-top: 30px
    }

    .home-news .home-bottom .left .show .info .one .text {
        padding-top: 10px
    }

    .home-news .home-bottom .left .show .info .one a {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .home-news .home-bottom .left .show .info .one .text .bt span {
        font-size: 16px
    }

    .home-news .home-bottom .left .show .info .one .text .bt {
        font-size: 16px;
        margin-bottom: 10px
    }

    .home-news .home-bottom .right .show ul li a .bt {
        font-size: 16px;
        padding-left: 35px;
        margin-bottom: 10px
    }

    .home-news .home-bottom .right .show ul li a .jsh {
        padding-left: 35px
    }

    .home-news .home-bottom .right .show .one {
        margin-bottom: 20px
    }

    .home-news .home-bottom .right .show ul li {
        margin-bottom: 20px;
        padding-bottom: 20px
    }

    .footer-top ul {
        width: 100%;
        border-right: 0
    }

    .footer-top ul li {
        width: 100%;
        border-bottom: 1px solid #4c4c4c
    }

    .footer-top ul li ul {
        display: none
    }

    .footer-top ul li a {
        line-height: 40px;
        margin-bottom: 0;
        font-size: 15px
    }

    .footer-top {
        padding: 20px 0
    }

    .footer-top .footer-right {
        width: 100%;
        padding-top: 20px;
        padding-left: 0
    }

    .footer-top .footer-right .footer-contact {
        float: left;
        margin-top: 10px
    }

    .footer-top .footer-right .wx {
        float: none
    }

    .footer-bottom {
        font-size: 12px
    }

    .idea {
        padding: 25px 0
    }

    .partners ul {
        margin-bottom: 20px
    }

    .gallery {
        padding: 25px 0
    }

    .gallery ul li .box .bt {
        font-size: 14px
    }

    .gallery ul li {
        width: 50%
    }

    .gallery ul {
        margin-bottom: 20px
    }

    .video {
        padding: 25px 0
    }

    .video .video-title {
        font-size: 20px;
        margin-bottom: 15px
    }

    .video .jsh {
        font-size: 14px
    }

    .product {
        padding: 25px 0
    }

    .aside .aside-list1 ul li ul li a {
        line-height: 32px
    }

    .product-top .pro-left {
        width: 100%;
        height: auto
    }

    .product-top .pro-right {
        width: 100%;
        padding-top: 13px;
        padding-left: 0
    }

    .product-show {
        padding: 25px 0
    }

    .product-top .pro-right .bt {
        font-size: 16px;
        padding-bottom: 10px
    }

    .product-top .pro-right .info {
        padding: 10px 0 0 0;
        margin-bottom: 10px
    }

    .product-top .pro-right .info .title {
        font-size: 14px;
        margin-bottom: 0
    }

    .product-top .pro-right .info .jsh {
        line-height: 25px;
        font-size: 12px
    }

    .product-top .pro-right .online .phone {
        font-size: 16px
    }

    .product-top {
        margin-bottom: 20px
    }

    .pro5 {
        margin-bottom: 20px
    }

    .pro5 a span {
        font-size: 14px
    }

    .pro5 a {
        width: 50%
    }

    .product-show .product-bottom .pro-nav ul li a {
        font-size: 14px
    }

    .product-show .product-bottom .pro-list .pro-info {
        padding: 30px 0 20px 0
    }

    .product-show .product-bottom .pro-list .pro-info .bt {
        margin-bottom: 10px
    }

    .prev-next-return .return {
        font-size: 12px
    }

    .prev-next-return .prev, .prev-next-return .next {
        font-size: 12px
    }

    .xiangguan {
        margin-top: 20px
    }

    .xiangguan .title h3 {
        font-size: 20px
    }

    .xiangguan .title {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .application .info1 {
        padding-top: 20px;
        margin-top: 20px;
        padding-bottom: 20px
    }

    .application {
        font-size: 14px;
        line-height: 30px;
        padding: 25px 0
    }

    .application .info1 .bt {
        font-size: 16px;
        margin-bottom: 10px
    }

    .inmain .right .current .left {
        font-size: 16px;
        letter-spacing: normal
    }

    .research .list-honor1 .honor-info a span {
        font-size: 14px
    }

    .research {
        padding: 25px 0
    }

    .research .list-honor1 {
        margin-bottom: 20px
    }

    .contact {
        padding: 25px 0
    }

    .messages1 {
        padding: 25px 0
    }

    .messages1 .message-p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 15px
    }

    .message1 {
        padding: 15px
    }

    .message1 ul li {
        width: 100%;
        padding-left: 0
    }

    .message1 .btn2 {
        padding-left: 0;
        margin-top: 20px
    }

    .message1 ul .yanzhen {
        margin-bottom: 20px
    }

    .message1 .btn2 input {
        width: 120px;
        font-size: 14px;
        height: 40px;
        line-height: 40px
    }

    .news ul li .box {
		width: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px
    }

    .news ul li .pic {
        top: 0
    }

    .news ul li .text .span {
        top: 25px;
        right: 0
    }

    .news-show {
        padding: 25px 0
    }

    .news-show .news-h1 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .news-show .news-info {
        font-size: 14px;
        line-height: 25px;
        padding-bottom: 20px;
        padding-top: 20px
    }
}

@media (max-width: 520px) {
    .research .list-honor1 .honor-info {
        margin: 0 -5px
    }

    .research .list-honor1 .honor-info a {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 20px
    }

    .xiangguan .news-list li {
        width: 100%
    }

    .xiangguan .news-list .background {
        background: 0
    }

    .partners ul li {
        width: 50%
    }

    .home-about .pics-2 .pic {
        width: 100%;
        height: auto
    }

    .home-about .pics-2 .pic:after {
        padding-bottom: 80%
    }

    .home-about .pics-2 .items {
        width: 100%
    }

    .home-about .pics-2 .item {
        height: auto
    }

    .home-about .pics-2 {
        width: 100%;
        height: auto;
        margin-right: 0
    }

    .home-about .about-visual-recommon {
        width: 100%
    }

    .home-about .controller {
        right: 10px;
        top: auto;
        bottom: 10px
    }

    .home-about .left .list ul {
        font-size: 0
    }

    .home-about .left .list ul li {
        width: 50%;
        text-align: center;
        margin-bottom: 10px
    }

    .home-about .left .list ul li .box {
        margin: 0 auto
    }

    .product ul li .pic {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        left: auto
    }

    .product ul li .pic:after {
        padding-bottom: 79%
    }

    .product ul li .text {
        padding-left: 0
    }

    .product ul li {
        margin-bottom: 20px
    }

    .product ul {
        margin-bottom: 20px
    }

    .message1 ul .yanzhen input {
        width: 150px;
        margin-bottom: 5px
    }

    .message1 ul .yanzhen i {
        margin: 0
    }

    .message1 ul .yanzhen i img {
        margin-left: 0
    }

    .news ul li .pic {
        width: 100%;
        height: auto;
        position: relative;
        top: auto;
        left: auto
    }

    .news ul {
        margin: 0 -5px
    }

    .news ul li {
        width: 100%;
        float: left;
        padding: 0 5px
    }

    .news ul li .pic:after {
        padding-bottom: 62%
    }

    .news ul li .text {
        padding-left: 0;
        padding-right: 0;
        background: 0;
        padding-top: 10px;
        height: auto
    }

    .news ul li .text .bt {
        font-size: 16px;
        margin-bottom: 5px
    }

    .news ul li .text .span {
        font-size: 16px;
        top: 0;
        right: 0;
        background: #fff;
        padding: 5px
    }
}

@media (max-width: 414px) {
    .home-products .home-prolist .item ul li {
        width: 100%
    }

    .home-app .home-bottom .app-info .left li {
        width: 50%
    }

    .home-app .home-bottom .app-info .right .info .bottom .item {
        width: 100%
    }

    .footer-bottom {
        text-align: center
    }

    .footer-bottom span {
        float: none;
        display: block
    }

    .idea .left {
        width: 100%
    }

    .idea .right1 {
        width: 100%
    }

    .idea ul li .text .jsh {
        min-height: 0
    }

    .idea ul li {
        margin-bottom: 20px
    }

    .idea .right1 ul li .text {
        padding: 20px 0
    }

    .prev-next-return .prev, .prev-next-return .next {
        width: 100%;
        margin-bottom: 1px
    }

    .prev-next-return .return {
        position: relative;
        width: 100%;
        left: auto;
        margin-left: 0;
        border-right: 0;
        border-left: 0
    }

    .prev-next-return .next {
        text-align: left;
        background: #b6b6b6 url(../images/arrow-left-02.png) no-repeat left center;
        padding-left: 50px
    }

    .prev-next-return .prev {
        padding-right: 10px
    }

    .product-show .product-bottom .pro-nav ul li {
        width: 33.33333%;
        margin-bottom: 1px
    }

    .pro5 a {
        width: 100%
    }

    .news ul li {
        width: 100%
    }
}
@media (max-width:750px) {
	.box{
		width:100%;
	}
	#Content .li_d{
		width:100%;
		margin-right: 0px;
	}
	#Content .li_d .pic{
		width:100%;
		height:auto;
	}
	.pic:after{
		padding-bottom:0;
	}
	#Content3 .case_index03 li .imgbox img{
		-webkit-transform: none;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
}

#pages label{display:none;}
#pages input{display:none;}
#pages {
	clear: both;
	padding: 10px 0 10px;
	text-align: center;
	font: 12px 'Microsoft YaHei';
}
#pages a {
	display: inline-block;
	padding: 0px 8px;
	height: 24px;
	font-size: 12px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	margin-right: -1px;
}
#pages a.a1 {
	padding: 0px 12px;
	height: 24px;
	line-height: 22px;
	margin-top: 0px;
}
#pages a:hover {
	background: #f1f1f1;
	color: #000;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	padding: 0px 8px;
	height: 24px;
	line-height: 22px;
	background: #5a85b2;
	border: 1px solid #5a85b2;
	color: #fff;
	text-align: center;
}	

@media (max-width:750px) {
	.header .logo a img{
		height:40px;
	}
}