@charset "utf-8";
body{font-family:"Microsoft Yahei";}
a{text-decoration: none;}
a:hover{text-decoration: none;}
em,i{font-style: normal;}
/**/
.guay{background: url(../images/gy.jpg) no-repeat center 0; height: 568px; overflow: hidden; margin-bottom: 73px;}
.guay h3{ margin-left: 9px; margin-top: 52px; padding-top: 116px; text-align: center;background: url(../images/a_h.png) no-repeat center 0; width:607px; color: #002e73; font-
size: 46px; font-weight: bold; line-height: 100%; height:73px;}
.guay p{ width: 612px; color: #707070; font-size: 14px; line-height: 28px; text-align: center;}
/**/
.fw{ height: 910px;}
.fw h3{color: #002e73; font-size: 46px; font-weight: bold; line-height: 100%; padding-bottom: 43px;background: url(../images/h21.png) no-repeat right 0; }
.fw_on{ overflow: hidden; height: 600px;}
.fw_on ul li{ position: relative;}
/*.fw_on ul li strong{display: inline-block; position: absolute;top: 226px; right: 41px; background: rgba(255, 255, 255, 0.85); padding:23px 30px; width: 330px;}*/
.fw_on ul li i{ display: block; color: #1b1b1b; font-size: 26px; font-weight: bold;}
.fw_on ul li i span{ display: block; color: #d2d2d2; font-family: Impact;font-weight: normal; font-size: 46px; height: 35px; overflow: hidden;}
.fw_on ul li em{ display: block; color: #535353; font-size: 14px; line-height: 28px; padding-top: 14px; height: 165px;}
.fw_on ul li b{ display: inline-block; width:36px; height: 36px;background: url(../images/mor.png) no-repeat;}
.fw_on ul li:hover b{background: url(../images/mor2.png) no-repeat;}
.fw_on ul li:hover i{ color: #002e73;}
.fw_on ul li:hover i span{ color: #2b5697; opacity: 0.75;}
.fw_on ul li img{transition: all 0.3s linear 0s;}
.fw_on ul li:hover img{transform: scale(1.02);}
.f_li{ overflow: hidden; border: 2px solid #e5e5e5; border-top: none;}
.f_li ul li{ float: left; width: 221px; text-align: center; padding-top: 25px; height: 76px; border-left:  2px solid #e5e5e5;cursor: pointer;}
.f_li ul li:first-child{ border-left: none;}
.f_li ul li em{ display: block; font-size: 18px; color: #313131;}
.f_li ul li i{display: block; color: #d2d2d2; font-family: Impact;font-weight: normal; font-size: 46px; height:29px; overflow: hidden; line-height: 100%; margin-bottom:2px;}
.f_li ul li.on{ background: #002e73; }
.f_li ul li.on i{color: #2b5697;}
.f_li ul li.on em{ color: #fff;font-weight: bold;}
/**/
.fwlc{ height:430px; overflow:hidden;}
.fwlc .tit01{ font-size: 46px; color: #222222; text-align: center; font-weight: normal; padding-top:48px;}
.fwlc .tit01 a{background: url(../resource/images/c4dfbb2d7ec14586841d063d3f6dea47_2.png) no-repeat center bottom;padding-bottom:8px; color:#000000;}
.fwlc .tit01 span{ display: block;font-size: 26px; color: #222222;padding-bottom:40px;font-family:"Microsoft Yahei"; font-weight: normal; text-align: center;padding-top:15px;}
.fwlc ul li{
    width: 14%;
    float: left;
    text-align: center;
}
.fwlc ul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.fwlc ul li em{
      width: 70px; /* 或者你需要的尺寸 */
  height: 70px; /* 或者你需要的尺寸 */
  border-radius: 50%; /* 使容器的背景成为圆形 */
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); /* 添加阴影 */
  overflow: hidden; /* 裁剪子元素超出容器的部分 */
  background: #F3F1F2;
  display: inline-block;
  margin-bottom: 10px;
}
.fwlc ul li:hover em img{animation: flipInY 1s;}
.fwlc ul li em img{
  width: 44%;
    height: auto;
    padding-top: 18px;
}
.fwlc ul li i{
    display: block;
    width: 79px;
    margin: 0 auto;
    font-size: 19px;
    color: #000;
}
.fwlc ul li span{
    font-size: 19px;
    color: #000000;
}
/**/
.gz{height: 621px;overflow: hidden;}
.gz h3{color: #323232; font-size: 46px; font-weight: bold; line-height: 100%; padding-bottom: 43px;}
.gz1{overflow: hidden;height: 500px;position: relative;}
.gz1 ul li{ width: 630px; height: 354px; margin: 0 auto; position: relative; overflow: hidden;}
.gz_u{ cursor: pointer; position: absolute; top: 159px; z-index: 5; left: 285px;}
.gz_d{ cursor: pointer; position: absolute; top: 159px; z-index: 5; left:879px;}
.gz1 p{ position: absolute; left: 0; top: 0;}
.gz1 p em{display: block;font-size: 0;margin-bottom: 10px;float: left;height: 244px;overflow: hidden;width: 392px;position: relative;border-radius:4px;}
.gz1 p em:nth-child(2){margin-left: 12px;}
.gz1 p em:nth-child(3){margin-left: 12px;}
.gz1 p em:nth-child(4){width:594px;}
.gz1 p em:nth-child(5){width:594px; margin-left:12px;}
.gz1 p em:nth-child(4) i{width:594px;}
.gz1 p em:nth-child(5) i{width:594px;}
.gz1 p em i{display: block;position: absolute;left: 0;top: 0;width: 392px;height: 176px;background:#BCBCBC;font-size: 20px;color: #fff;font-weight: bold;text-align: center;background-size: 100%;padding-top:68px; opacity:0.9;}
.gz1 p em i:hover{background:rgba(0,87,220,.7);}
.gz1 p em i span{ display:block;}
.gz1 p em.cur i{background: url(../images/gmn2.png) no-repeat; line-height: 132px;}
/**/
.cases{background: url(../images/vfg.jpg) no-repeat center 0; height: 669px; overflow: hidden; margin-bottom: 120px; padding-top: 120px;}
.cases h3{color: #fff; font-size: 46px; font-weight: bold; line-height: 100%; padding-bottom: 43px;background: url(../images/h23.png) no-repeat right 0; }
.c_on ul li{ overflow: hidden; background: #fff; height: 460px; overflow: hidden;}
.c_on ul li a{ display: block;}
.c_on ul li img{ height: 460px; width: 814px; float: left;}
.c_on1{ float: right; width: 278px; padding: 102px 50px 0 0;}
.c_on1 h4{ color: #1b1b1b; font-size:19px; font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.c_on1 h4:hover{ color: #002e73;}
.c_on1 p{ color: #7d7d7d; font-size: 14px; line-height: 28px; height: 229px;}
.c_on1 p i{ display: block;}
.c_on1 p i strong{ display: block;font-weight: bold; color: #002e73; font-size: 15px; padding:17px 0 3px 0;}
.c_on1 b{ display: inline-block;background: url(../images/mor.png) no-repeat; width: 36px; height: 36px;}
.c_on1  b:hover{background: url(../images/mor2.png) no-repeat; }
.c_li{ position: absolute; left: 650px; top:192px;}
.c_li ul li{ padding-left: 37px; width: 127px; margin-bottom: 2px; height: 46px; line-height: 46px; font-size: 18px;  background: rgba(0, 73, 134, 0.9)}
.c_li ul li a{color: #bcd3e7; }
.c_li ul li.on{background: rgba(255,255, 255, 0.9)}
.c_li ul li.on a{ color: #004986; font-weight: bold;}
.c_li h4{padding-left: 37px; width: 127px; margin-bottom: 2px; height: 46px; line-height: 46px; font-size: 18px;  background: rgba(0, 73, 134, 0.9)}
.c_li h4 a{color: #bcd3e7; font-weight: normal;}
.c_li h4:hover { background: #ffae00;}
.c_li h4:hover a{color: #333; }
/**/
.shil{ overflow: hidden;background: url(../images/shil.jpg) no-repeat center 0; height: 922px;}
.shil h3{color: #002e73; font-size: 46px; font-weight: bold; line-height: 100%; padding-bottom: 43px;background: url(../images/s_h2.png) no-repeat right 0; }
.shil ul{ overflow: hidden;}
.shil ul li{ float: left; width: 468px; height: 180px; box-sizing: border-box; border: 2px solid #eee;margin: 0 20px 20px 0; background: url(../images/s_ico1.jpg) no-repeat 39px
41px #fff;}
.shil ul li em{ display: none;}
.shil ul li:nth-child(2){background: url(../images/s_ico2.jpg) no-repeat 39px 41px #fff;}
.shil ul li:nth-child(3){background: url(../images/s_ico3.jpg) no-repeat 39px 41px #fff;}
.shil ul li:nth-child(4){background: url(../images/s_ico4.jpg) no-repeat 39px 41px #fff;}
.shil ul li:nth-child(5){background: url(../images/s_ico5.jpg) no-repeat 39px 41px #fff;}
.shil ul li i{ display: block; padding-left: 150px; padding-top: 60px; color: #313131; font-size: 28px; font-weight: bold; line-height: 100%;}
.shil ul li i span{ display: block; font-weight: normal; color: #7d7d7d; font-size: 18px; padding-top: 5px;}
.shil ul li:hover{ background: #ffae00; color: #fff;}
.shil ul li:hover i{ padding-left: 39px; padding-top: 30px; color: #fff;}
.shil ul li:hover i span{ display: none;}
.shil ul li:hover em{ display: block; font-weight: normal; font-size: 14px; color: #fff; line-height: 26px; width: 393px; padding-top:11px;}
/**/
.news{height:639px;background: url(../images/news.jpg) no-repeat center 574px;}
.news h3{color: #343434; font-size: 46px; font-weight: bold; line-height: 100%; padding-bottom: 43px;background: url(../images/n_h.png) no-repeat right 0; }

.dongt{float:left;width:770px;}
.dongt .tit{height:39px;line-height: 39px;font-size:20px;border-bottom:1px solid #e5e5e5;}
.dongt .tit a {color: #686868;padding-left:12px;}
.dongt .tit:hover a{ color:#1C82F4;}
.dongt .tit img {vertical-align: middle;padding-left:8px;}
.dongt dl{height: 430px;overflow: hidden;padding-top:40px;}
.dongt dt{font-size:0;line-height: 0;float:left;overflow: hidden;width:461px;}
.dongt dt img {width:100%;height: 400px;transition: all 1s}
.dongt dl:hover dt img {transform: scale(1.1);}
.dongt dd {float:right;width:289px; background:#0066FF; padding:10px; height:380px;}
.dongt dd h4{padding-top: 47px;border-bottom: 1px solid #fff;padding-bottom: 16px;margin-bottom: 30px;}
.dongt dd h4 a {display: block;height: 26px;font-size:16px;color: #ffffff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: bold;}
.dongt dd p {font-size:14px;color: #ffffff;line-height: 24px;height: 90px}
.dongt dd em a{display: block;width: 122px;height: 32px;border: 1px solid #ffffff;color: #fff;line-height: 32px;text-align: center;font-size: 15px;margin-top:90px;}
/*.dongt dl:hover dd em a{background: url(../images/dt_ico2_hv.jpg) no-repeat left center;}*/
.went ul{height: 170px;margin-top:55px;box-sizing: border-box;}
.went li {padding-left:14px;height: 40px;line-height: 40px;background: url(../images/dt_ico3.jpg) no-repeat left center;font-size:14px;color: #434343}
.went li a{font-size:14px;color: #696969;}
.went li span {float:right;}
.went li:hover{background:url(../resource/images/235fdde80360466ea76024370b4911a3_10.jpg) no-repeat left center;}
.went li:hover a{color: #2194ff}

.went{float:right;width:398px;}
.went .tit{height:39px;line-height: 39px;font-size:20px;border-bottom:1px solid #e5e5e5;}
.went .tit a {color: #686868; padding-left:12px;}
.went .tit:hover a{ color:#2194ff;}
.went .tit img {vertical-align: middle;padding-left:8px;}
.went dl{height: 90px;overflow: hidden;padding-top:40px;}
.went dt {float:left;font-size:0;line-height: 0;width:160px;overflow: hidden;}
.went dt img {width:160px;height: 90px;transition: all 1s}
.went dl:hover dt img {transform: scale(1.1);}
.went dd {float:right;width:366px;padding-top:7px;}
.went dd h4 a{display: block;height:28px;line-height: 28px;font-size:16px;color: #1b1b1b;}
.went dd p {font-size:14px;color: #7d7d7d;line-height: 22px;padding-top:5px;}
/**/
.about{ background:url(../resource/images/027f77f99b5949bf85bd7a5bd4618e5c_2.jpg) no-repeat center bottom #eee; height: 651px; overflow: hidden;padding-top: 29px;}
.about h3{color: #2194ff; font-size: 46px; font-weight: bold; line-height: 100%; padding-bottom: 43px;background: url(../images/zj_h.png) no-repeat right 0; }
.about p{ height: 448px;}
.about ul{ overflow: hidden; height: 65px; display:inline-block;}
.about ul li{ float: left; width: 240px; color: #313131; font-size: 14px;}
.about ul li i{ display: inline-block; float: left; color: #2194ff; font-size: 42px; font-family: Arial; line-height: 100%;font-weight:bold;}
.about ul li b{ display: block;
    font-size: 18px;
    font-weight: normal;}
.about ul li em{ display: inline-block; float: left; padding-left: 3px;padding-top:18px;}
.about ul li em span{ display: block; line-height: 100%; color: #2194ff; font-size: 17px; font-weight: bold; line-height: 100%;}
.about h4{font-weight: normal;color: #626262;font-size: 18px;line-height: 49px;width: 885px;padding-top: 49px;}
.about h4 span{ display: block; padding-top: 18px;}
.about h4 span a{ display: block;
    width: 134px;
    height: 41px;
    background: #2194ff;
    border-radius: 18px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 41px;}

.gz2{ border: 3px solid #eee; height: 225px;}
.gz2 h4{ float: left; padding: 36px 0 0 39px; width: 230px; border-right: 3px solid #eee;height:190px;}
.gz2 h4 i{ display: block; color: #002e73; font-size: 27px; line-height: 100%; padding-bottom: 13px;}
.gz2 h4 a{ display: block; height: 155px;background:url(../images/mor.png) no-repeat 0 bottom;}
.gz2 h4 a:hover{background:url(../images/mor2.png) no-repeat 0 bottom;}
.gz2 ul{ float: left; width:862px; padding: 20px 0 0 60px;}
.gz2 ul li{ float: left; margin-right:81px; margin-bottom: 3px;}
.gz2 ul li a{ display: block; padding-left: 23px; height: 42px; line-height: 42px; color: #313131; font-size: 18px; width: 202px;}
.gz2 ul li a:hover{background:url(../images/gzm.png) no-repeat; color: #002e73; font-weight: bold;}
.gz2 ul li:nth-child(3n){ margin-right: 0;}