@charset "utf-8";

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*??????????*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

/**/
.tit {text-align: center;font-weight: normal; }
.tit i{ display: block;font-size: 16px;color: #358ee4;line-height: 16px;padding-bottom: 12px;text-transform: uppercase;}
.tit i b{ display: inline-block;width: 6px;height: 14px;color: #358ee4;content: "";background: #358ee4;margin: 0px 5px 0;}
.tit span{display:block;font-size: 30px;color: #358ee4;line-height: 30px;font-weight: bold;}
.tit em{ display: block;font-size: 14px;color: #666666;line-height: 14px;padding-top: 18px;}



.gz_yz h2{text-align: center;padding-top: 62px; }
.gz_yz span{display: block;font-size: 18px;color: #999999;line-height: 18px;}
.gz_yz em{ display:block;font-size: 30px;color: #358ee4;line-height: 30px;padding-top: 16px;}
.gz_yz ul{ margin-top: 30px;}
.gz_yz ul li{ float: left;width: 226px;margin-right: 17px;}
.gz_yz ul li:last-child{ margin-right: 0;}
.gz_yz ul li i{  display: block;width: 226px;height: 136px;overflow:hidden;}
.gz_yz ul li img{ display: block;width: 226px;height: 136px;transition:all 0.5s;}
.gz_yz ul li:hover img{ transform:scale(1.05);}
.gz_yz ul li span{ display: block;width: 226px;padding-top: 16px;height:66px ;background: #f3f3f3;font-size:14px ;line-height:24px ;color: #333333;text-align: center;}


.gz_ys{ padding-top: 70px;}
.gz_yscon{ margin-top:22px ;padding-top: 50px;height: 366px;}
.gz_yscon p{ float: left;width: 548px;height: 366px;}
.gz_yscon p img{ display: block;width: 548px;height: 366px;}
.gz_yscon ul{ float: right;width: 624px;}
.gz_yscon ul li{width:295px;height: 174px;border:1px solid #aaaaaa;box-sizing: border-box;margin-left:17px ;float: left;margin-bottom: 15px;}
.gz_yscon ul li em{ display: block;text-align: center;font-size: 18px;line-height:18px ;color: #000000;font-weight: bold;padding-top: 50px;}
.gz_yscon ul li span{ display: block;text-align: center;font-size: 14px;line-height:24px ;color: #000000;padding-top: 10px;}

.gz_xgg1{ height: 200px;background:url(../images/gz_xgg1.jpg) no-repeat center;margin-top: 80px;}
.gz_xgg1 p{ float: right;font-size: 24px;line-height: 24px;color: #fff;padding-top:70px ;padding-right: 180px;font-family: Arial;}



.gz_al{ padding-top: 70px;}
.gz_alt ul{ margin-left: 70px;margin-top: 48px;}
.gz_alt ul li{ float: left;font-size: 18px;line-height: 18px;color: #333;padding:0 27px;float: left;border-right: 1px solid #333333;}
.gz_alt ul li:last-child{border:0;}
.gz_alt ul li a{ color: #333;padding-bottom: 12px;}
.gz_alt ul li:hover a{color: #358ee4; border-bottom: 2px solid #358ee4;}
.gz_alcon{ margin-top: 42px;position: relative;height: 436px;}
.gz_als dt img{ display: block;float: left;width: 600px;height: 436px;}
.gz_als dd{ float: left;width: 570px;padding-left: 30px;}

.gz_als dd h3 a{ display: block;font-size:24px ;line-height:24px ;color: #333333;padding-top: 24px;padding-bottom: 32px;font-weight: normal;}
.gz_als dd p{ font-size: 14px;line-height: 25px;color: #666666;width:345px ;}
.gz_als dd span{ display: block;margin-top: 30px;width: 240px;}
.gz_als dd span em{ float: left;font-size:14px ;line-height: 14px;color: #666666;display: block;width: 120px;}
.gz_als dd span em i{ display: block;font-size:20px ;line-height: 20px;color: #000000;padding-top: 10px;}
.gz_alz{ position: absolute;left: 296px;bottom: 0;}
.gz_alz li{ float: left;width:220px;height: 160px;position: relative;margin-right: 8px;}
.gz_alz li:last-child{ margin-right: 0;}
.gz_alz li img{ width:220px;height: 160px;}
.gz_alz li span{ display: block;width:220px;height: 24px;line-height: 24px;background: rgba(0,0,0,0.5);font-size: 14px;color: #ffffff;text-align: center;position: absolute;left: 0;bottom: 0;}

.gz_fw{ padding-top: 85px;}
.gz_fwcon{ margin-top:20px ;padding-top: 50px;height: 429px;background:url(../images/gz_fwbg.jpg) no-repeat center;}
.gz_fwcon ul{ width: 390px;float: left;}
.gz_fwcon li{ float: left;width: 190px;margin-right:10px ;margin-bottom: 10px;}
.gz_fwcon li:nth-child(2n){ margin-right: 0;}
.gz_fwcon li i{width: 190px;display: block;height: 166px;overflow:hidden; }
.gz_fwcon li img{ width: 190px;display: block;height: 166px;transition:all 0.3s;}
.gz_fwcon li:hover img{ transform:scale(1.08);}

.gz_fwcon li span{ display: block;font-size:14px ;line-height:24px ;color: #fff;text-align: center;}
.gz_fwcon p i{ float: left;margin: 0 13px;overflow:hidden;width: 394px;height: 372px;overflow:hidden;}
.gz_fwcon p  i img{ width: 394px;height: 372px;display:block;transition:all 0.5s;}
.gz_fwcon p:hover img{ transform:scale(1.08);}

.gz_so{ padding-top: 75px;}
.gz_socon{ margin-top: 36px;}
.gz_sol{ width:798px ;float: left;position: relative;}
.gz_sol:after{ position: absolute;right: 20px;top: 20px;content: "";background: #358ee4;width: 115px;height:5px ;}

.gz_sol ul{ width: 617px;}
.gz_sol ul li{ float: left;}
.gz_sol ul li a{ float: left;font-size:15px ;color: #333333;line-height: 26px;}
.gz_sol ul li:hover a{ color:#358ee4;}

.gz_sol ul li:nth-child(4n) i{ display: none;}
.gz_sol ul li i{ display: inline-block;padding:0 16px;color: #333333;}
.gz_sol p{ margin-top: 36px;}
.gz_sol p span{ display: block;float: left;width: 381px;margin-right: 27px;}
.gz_sol p span:last-child{ margin-right: 0;}
.gz_sol p span img{ display: block;width: 381px;height: 280px;}
.gz_sol p span em{ display: block;font-size:16px ;line-height: 30px;color: #333333;text-align-last: center;}

.gz_sor{ display: block;float: right;width: 380px;height: 393px;}
.gz_sor img{display: block;width: 380px;height: 393px; }



.gz_xgg2{ height: 228px;background:url(../images/gz_xgg2.jpg) no-repeat center;margin-top: 80px;}
.gz_xgg2 p{ float: right;padding-top:98px ;padding-right: 340px;}
.gz_xgg2 p em{ display: block;font-size: 14px;line-height: 14px;color: #fff;}
.gz_xgg2 p b{ font-size: 26px;line-height: 26px;color: #fff;font-family: Arial;display: block;padding-top: 4px;}

.gz_why{ padding-top: 80px;}
.gz_whycon{ margin-top:32px ;padding-top: 45px;height: 830px;background:url(../images/gz_whycon.jpg) no-repeat center;}
.gz_whycon .content{ width: 1170px;margin: 0 auto;}
.gz_whycon dl{ height: 373px;}
.gz_whycon dt { display: block;width: 585px;height: 373px;overflow:hidden;box-shadow: 0 0 30px rgba(0,0,0,0.19);box-sizing: border-box;}
.gz_whycon dt img{display: block;width: 585px;height: 373px;transition:all 0.5s;}
.gz_whycon dt:hover img{ transform:scale(1.05);}
.gz_whycon dd{ padding-left: 40px;float: left;}
.gz_whycon dd h3{display: block;font-size:20px ;line-height: 20px;color: #358ee4;padding-top: 102px;}
.gz_whycon dd p{ font-size:14px ;line-height: 26px;color: #333333;width: 354px;padding-top: 30px;}
.gz_whycon dl:last-child dd{ padding-left: 120px;}

.gz_zs{ margin-top: 80px;height: 480px;background:url(../images/gz_zsbg.jpg) no-repeat center;}
.gz_zsl{ float: left;padding-left: 60px;padding-top: 140px;}
.gz_zsl li{ font-size:16px ;line-height:40px ;color: #ffffff;display: block;}
.gz_zsr{ float: right;width: 799px;padding-top: 108px;}
.gz_zsr li{ float: left;width: 217px;margin-right: 74px;}
.gz_zsr li img{ display: block;width: 217px;height: 313px;}
.gz_zsr li:nth-child(3){ margin-right: 0;}
.gz_zsr  li span{ display: block;font-size: 14px;line-height: 24px;color: #333;text-align: center;}


.gz_liu{ padding-top: 48px;}
.gz_liucon{ margin-top:35px ;height: 198px;background: #f5f5f5;}
.gz_liu .content{ width: 1360px;}
.gz_liu ul{ padding-top: 25px;}
.gz_liu ul li{ width: 170px;float: left;position: relative;}
.gz_liu ul li i{display: block;width: 104px;height: 104px;margin: 0 auto;border-radius: 52px;transition:all 0.5s;}
.gz_liu  ul li:hover i{  transform: rotate(360deg);}
.gz_liu ul li span{ display: block;font-size:15px ;line-height: 42px;color: #333333;text-align: center;font-weight: bold;}
.gz_liu ul li:after{ position: absolute;width: 11px;height: 16px;right: 0;top: 52px;content: "";background:url(../images/gz_liujt.png) no-repeat center;}
.gz_liu ul li:last-child:after{ background: 0;}
.gz_liu ul li:last-child:after{ background: 0;}
.gz_liu ul li:nth-child(1) i{background:url(../images/gz_liu1.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(2) i{background:url(../images/gz_liu2.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(3) i{background:url(../images/gz_liu3.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(4) i{background:url(../images/gz_liu4.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(5) i{background:url(../images/gz_liu5.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(6) i{background:url(../images/gz_liu6.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(7) i{background:url(../images/gz_liu7.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(8) i{background:url(../images/gz_liu8.png) no-repeat center #fff; }
.gz_liu ul li:nth-child(1):hover i{background:url(../images/gz_liu1h.png) no-repeat center #358ee4; }
.gz_liu ul li:nth-child(2):hover i{background:url(../images/gz_liu2h.png) no-repeat center #358ee4; }
.gz_liu ul li:nth-child(3):hover i{background:url(../images/gz_liu3h.png) no-repeat center #358ee4; }
.gz_liu ul li:nth-child(4):hover i{background:url(../images/gz_liu4h.png) no-repeat center #358ee4; }
.gz_liu ul li:nth-child(5):hover i{background:url(../images/gz_liu5h.png) no-repeat center #358ee4; }
.gz_liu ul li:nth-child(6):hover i{background:url(../images/gz_liu6h.png) no-repeat center #358ee4; }
.gz_liu ul li:nth-child(7):hover i{background:url(../images/gz_liu7h.png) no-repeat center #358ee4; }
.gz_liu ul li:nth-child(8):hover i{background:url(../images/gz_liu8h.png) no-repeat center #358ee4; }


.gz_ct{ padding-top: 70px;padding-bottom: 54px;}
.gz_ctcon{ margin-top:58px ;height: 452px;}
.gz_ctcon p img{ display: block;width:660px;height: 452px;float: left;}
.gz_ctcon .gz_ctr{ float: right;width: 379px;height: 452px;background:url(../images/gz_ctdd.jpg) no-repeat center;padding: 0 80px;}
.gz_ctcon .gz_ctr p{ display: block;padding-top: 89px;padding-left: 115px;font-size:28px ;line-height: 24px;color: #358ee4;padding-bottom: 88px;font-weight: bold;}
.ly_box{width: 418px;}
.ly_box ul li{ height:32px; line-height:32px;  background: #fff; width: 165px;margin-bottom: 10px;border:1px solid #f0f0f0;margin-right: 42px;float: left;}
.ly_box ul li i{ display: inline-block; float: left; font-size: 10px; color: #999999;width: 60px;padding-left: 8px;}
.ly_box ul li input{ display: inline-block; float: left; width: 97px; background: none; height: 32px; line-height: 32px;outline:none; color: #333;font-size: 12px;border:0;}
.ly_box li span{ display:none;}
.ly_box ul li:nth-of-type(5){ height:84px;width: 373px;border:1px solid #f0f0f0; }
.ly_box ul li:nth-of-type(5) textarea{ clear: both; display: inline-block; height: 84px;outline:none;width: 373px; background: none; border:0;font-size: 12px; color: #333;line-height: 20px;}
.ly_box li:nth-of-type(6){width:96px;height: 26px;float: left;background:url(../images/tj_bg.png) no-repeat center;line-height: 26px;font-size: 16px;color: #f9f9f9;padding-left: 16px;outline:none;border:0;margin-top: 10px;}
.ly_box li:nth-of-type(6) button{ outline:none;border:0;background: 0;color: #f9f9f9;}

.submit .form-btn-submit{ display:none;}
.submit .form-btn-reset{display:none;}



.f_link{background:url(../images/link_bg.jpg) no-repeat center 0;height: 120px;overflow: hidden;line-height: 80px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 80px;}
.f_link p{font-size: 14px;color: #fff;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #fff; padding:0 10px 0 0;}


@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}

/*表单弹框*/
.nsw-modal {
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }

.modal-dialog {
  position: fixed;
  color:#000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%; }
  .modal-dialog .css-icon {
         
      
    background-image: url("../images/modal-icons.png"); }
  .modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; }
    .modal-dialog .modal-head .modal-logo {
      width: 15px;
      height: 15px;
      background-position: 1px 0px;
      margin: 8px 5px 0 0;
      float: left; }
    .modal-dialog .modal-head .close {
      float: right;
      width: 15px;
      height: 15px;
      background-position: -14px 0px;
      margin-top: 8px; }
  .modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; }
    .modal-dialog .modal-body .modal-body-left {
      width: 140px;
      float: left; }
      .modal-dialog .modal-body .modal-body-left .icon {
        width: 64px;
        height: 64px;
        margin: 30px 0 0 48px; }
      .modal-dialog .modal-body .modal-body-left .success-message {
        background-position: 0px -14px; }
      .modal-dialog .modal-body .modal-body-left .warming-message {
        background-position: 0px -78px; }
    .modal-dialog .modal-body .modal-body-right {
      width: 260px;
      float: right;
      padding-top: 20px; }
      .modal-dialog .modal-body .modal-body-right .close-btn {
        color: #000;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #818079; }
      .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px; }