@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";}


.banner{height: 640px;position: relative;}
.bdu{width: 100% !important;height: 640px;}
.bdu li{width: 100% !important;height: 640px;position:relative;}
.bdu li a{display: block;height: 640px;}
.bdu li img{height:640px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;right: 0;bottom: 44px;text-align: center;}
.hdu li{display: inline-block;width: 12px;height: 12px;background: #fff;margin:0 10px;border-radius: 6px;}
.hdu li.on{background: #0f4ca6;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.tit i{display:block;font-size: 18px;color: #333333;margin: 14px auto 0;height: 38px;line-height: 38px;border: 1px solid #757575;border-radius: 19px;text-align: center;}


.search{height: 81px;background: #f5f5f5;border-bottom: 1px solid #dcdcdc;}
.search p{float: left;height: 81px;line-height: 81px;font-size: 14px;color: #666666;}
.search p b{ font-weight: normal;color: #333333;}
.search p a{margin-right:20px;color: #666666;font-size: 14px;}
.s_box{float: right;margin-top:24px;width: 324px;height: 36px;background: #fff;border: 1px solid #d4d4d4;border-radius: 18px;}
.s_box .input1{float:left;width:270px;height:36px;line-height: 36px;font-size:14px;color:#333;border:0;outline: 0;padding-left: 20px;border-radius: 18px;}
.s_box .input2{float: left;width:30px;height: 30px;border: 0;background: url(../images/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-top: 3px;margin-right: 3px;}

.yz{background: url(../images/yz_bg.jpg) no-repeat center;height: 452px;}
.yz h2{text-align: center;font-weight: normal;font-size: 0;line-height: 0;padding-top: 85px;}
.yz h2 span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.yz h2 i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 16px;position: relative;}
.yz p{ font-size:16px ;line-height: 26px;color: #333333;padding-top:36px ;text-align: center;}
.yz_z{ margin-top: 40px;}
.yz_z li{ float: left;color: #333333; width:240px;text-align:center; }
.yz_z li:last-child{ margin-right: 0;}
.yz_z li b{ display: inline-block; font-size: 50px; line-height: 50px; color: #0a68c0; vertical-align: sub;font-family: Arial;text-align: center;}
.yz_z li i{ display: inline-block; width: 20px; height: 20px; line-height: 20px; font-size:16px ; color: #333333; border-radius: 2px; border: 1px solid #333333; margin-left: 2px;text-align: center;}
.yz_z li span{ display: block;font-size: 18px; line-height: 20px; color: #333; font-weight:normal;text-align: center;}

.pro{ padding-top: 90px;}
.pro .tit i{ width: 420px;}
.pro_s{ margin-top:41px ;height: 737px;background: url(../images/pros_bg.jpg) no-repeat center;}
.pro_t li{float: left;width: 240px;height: 114px;border-right: 1px solid #dcdcdc;box-sizing: border-box;position: relative;}
.pro_t li i{width: 75px;height: 32px; margin: 33px auto 0;display: block;transition: all 0.5s ease-in-out;}
.pro_t li span{display: block;font-size: 18px;color: #fff;line-height: 18px;padding-top: 6px; text-align: center;}
.pro_t li:hover,.pro_t li.cur{ background: #ffc000;}
.pro_t li:hover span,.pro_t li.cur span{ color: #333;}
.pro_t li:hover:after,.pro_t li.cur:after{ position: absolute;left: 50%;top: 0;width: 20px;margin-left: -10px;height: 12px;content: "";background:url(../images/san2.png) no-repeat  center;}


.pro_t .p1 i{ background:url(../images/pro_ic1.png) no-repeat center; }
.pro_t .p2 i{ background:url(../images/pro_ic2.png) no-repeat center; }
.pro_t .p3 i{ background:url(../images/pro_ic3.png) no-repeat center; }
.pro_t .p4 i{ background:url(../images/pro_ic4.png) no-repeat center; }
.pro_t .p5 i{ background:url(../images/pro_ic5.png) no-repeat center; }
.pro_t .p1:hover i,.pro_t .p1.cur i{background:url(../images/pro_ic1h.png) no-repeat center; }
.pro_t .p2:hover i,.pro_t .p2.cur i{background:url(../images/pro_ic2h.png) no-repeat center; }
.pro_t .p3:hover i,.pro_t .p3.cur i{background:url(../images/pro_ic3h.png) no-repeat center; }
.pro_t .p4:hover i,.pro_t .p4.cur i{background:url(../images/pro_ic4h.png) no-repeat center; }
.pro_t .p5:hover i,.pro_t .p5.cur i{background:url(../images/pro_ic5h.png) no-repeat center; }
.pro_s .content{ position: relative;height: 737px;}

.pro_con{ padding-top: 100px;position: relative;} 
.pro_con dt img{ display: block;width:675px ;height: 450px;float: right;}
.pro_con dd h3{display: block;font-size:30px ;line-height: 30px;color: #0a68c0;font-weight: normal; position: relative;padding-bottom: 64px;}
.pro_con dd h3 b{ display: block;font-size:42px ;line-height: 42px;color: #0a68c0;padding-bottom: 10px;}
.pro_con dd h3:after{ position: absolute;left: 0;top: 100px;width: 42px;height: 3px;background: #1458b9;content: "";}
.pro_con dd p{ padding-bottom: 34px;width: 580px;}
.pro_con dd p em{display: block; font-size:16px ;line-height:16px ;color: #666666;}
.pro_con dd p b{ font-weight: normal;font-size: 24px;line-height:24px ;color: #333;padding-bottom: 14px;display: block;}
.pro_con dd p span{display: block;font-size:16px ;line-height:30px ;color:#666666 ;padding-left: 16px;background:url(../images/tb1.png) no-repeat left; width: 280px;float: left;}
.pro_con dd p span:nth-child(2n+1){ width: 160px;}
.pro_con dd p:nth-child(2n+1){ height: 130px;}
.pro_con dd .more{ display: block;font-size:18px ;line-height:45px ;color: #333333;width: 178px;height: 45px;float: left;box-sizing: border-box;padding-left: 70px;background:url(../images/pro_more.png) no-repeat center;margin-right: 18px;}
.pro_con dd .zx{ display: block;font-size:18px ;line-height:45px ;color: #333;width: 108px;height: 45px;float: left;padding-left: 70px;background:url(../images/pro_zx.png) no-repeat center;}
.pro_con .sprev{ position:absolute; left:-90px; top:275px; width:40px;height:74px; background:url(../images/sprev.png) no-repeat;z-index: 100;}
.pro_con .snext{ position:absolute; right:-90px; top:275px;  width:40px;height:74px; background:url(../images/snext.png) no-repeat;z-index: 100;}
.pro .pageState{position:absolute;right: 0;bottom:32px;line-height: 16px;font-size: 16px;color: #666666;}
.pro .pageState span{font-size: 36px;color: #0a68c0; font-weight: bold;}

.so { padding-top: 90px;}
.so .tit i{background:url(../images/line1.png) no-repeat center;border: 0;}
.so .fa{ margin-top: 39px;}
.so .fa h3{padding-left:28px ;font-size:28px ;line-height:28px ;color: #333333;font-weight: normal;background:url(../images/fang.png) no-repeat left;}
.so .fa h3 span{ display: inline-block;font-size:14px ;line-height: 28px;color: #999999;text-transform: uppercase;margin-left: 10px;}
.so .fa ul{ margin-top: 27px;}
.so .fa ul li{float: left;width:139px ;height:139px ;background: #fff;margin-right: 12.5px;    box-shadow: 0 0 15px rgba(0,0,0,0.19);}
.so .fa ul li:last-child{ margin-right: 0;}
.so .fa ul li span{display: block;font-size:16px ;line-height:16px ;color: #333333;font-weight: bold;text-align: center;}
.so .fa ul li em img{  display: block;width: 42px;height: 42px;transition: all 0.3s;}
.so .fa ul li em {display: block;width: 42px;height: 42px;overflow: hidden;margin-right: 20px;margin: 28px auto 22px;}
.so .fa ul li:hover em img:nth-child(1) { margin-top: -42px;}
.so .fa ul li:hover{ background: #0a68c0;}
.so .fa ul li:hover span{ color: #fff;}
.so .qu{ margin-top:45px;}
.so .qu h3{padding-left:28px ;font-size:28px ;line-height:28px ;color: #333333;font-weight: normal;background:url(../images/fang.png) no-repeat left;}
.so .qu h3 span{ display: inline-block;font-size:14px ;line-height: 28px;color: #999999;text-transform: uppercase;margin-left: 10px;}
.so .qu ul{ margin-top: 22px;}
.so .qu ul li { float: left;font-size: 16px;height: 44px;line-height:44px ;color: #333;margin-right: 6px;border-radius: 3px;background: #e5e5e5;text-align: center;margin-bottom: 6px;padding:0 16px;}

/*.so .qu ul li:nth-child(7n){margin-right: 0; }*/
.so .qu ul li:hover{ background: #0a68c0;color: #fff;}
.so .qu ul li:hover a{color: #fff; }
.liuy{ margin-top: 60px;padding-top:70px ;background:url(../images/liuy_bg.jpg) no-repeat center;height: 305px;}
.liuy_l{ float: left;width: 455px;padding-left: 38px;}
.liuy_l h2{font-size: 16px;line-height: 28px;color: #333;font-weight: normal;padding-top: 42px;}
.liuy_l h3{font-size: 30px;line-height: 30px;color: #333;font-weight: normal;padding-top: 25px;}
.liuy_l h4{font-size: 22px;line-height: 22px;color: #333;font-weight: normal;padding-top: 12px;}

.ly_box{margin-top:33px;position: relative; float: left;width: 654px;position:relative;}
.ly_box ul li{ height:45px; line-height:45px;   width: 303px;margin-bottom: 12px;border: 1px solid #74a5d6;float: left;margin-right: 24px;box-sizing:border-box;}
.ly_box ul li:nth-of-type(5){width: 462px;}
.ly_box ul li:nth-of-type(5) input{width: 330px;}
.ly_box ul li i{ display: inline-block;font-size: 16px; color: #fff; padding-left: 15px;}
.ly_box ul li input{ display: inline-block;width:210px; border: none; background: none; height: 45px; line-height: 45px;outline:none; color: #fff;font-size: 16px;border:0;outline:0;padding-left: 5px;}
.ly_box li span{ display:none;}

.ly_box li:last-of-type{ background: none; margin-right: 0;width:145px;float: left;border: 0;}
.ly_box li:last-of-type button{ width:145px; height: 45px; background:#ffc000; border: none; cursor: pointer; font-size: 16px; color: #333333; line-height: 45px;}
.form-btn-reset{ display:none;}
.ly_box .submit{display:none;}
.ly_box li:last-of-type b{ font-weight:normal;color:#fff!important;}

.ys{ padding-top:90px ;background:url(../images/ys_bg.jpg) no-repeat center;height: 1854px;}
.ys .tit i{ width: 312px;}
.ys_con{ margin-top: 32px;}
.ys1,.ys4{ height: 400px;}
.ys2,.ys3{ height: 420px;}
.ys dd{float: left;position: relative;}
.ys dd h3{padding-top: 114px;font-size: 34px;font-weight: bold;color: #0a68c0;line-height: 34px;position: relative;}
.ys dd h3:after{ position: absolute;width: 60px;height: 1px;left: 0;top: 84px;background: #0a68c0;content: "";}
.ys dd h4{padding-top: 12px;font-size: 24px;color: #333333;line-height: 24px;font-weight: normal;}
.ys dd p{padding-top: 45px;font-size:16px ;color: #333333;line-height:26px ;}
.ys dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 0;top: 74px;}
.ys2 dd em img,.ys4 dd em img{ display: block;width: 94px;height: 84px;position: absolute;right: 78px;top: 74px;}
.ys1 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-left: -40px;}
.ys1 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;}
.ys3 dt { width:960px ;height:420px ;display: block;overflow:hidden;margin-left: -360px;}
.ys3 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;}
.ys2 dt{ width:960px ;height:420px ;display: block;overflow:hidden;margin-right: -360px;}
.ys2 dt img{ width:960px ;height:420px ;display: block;transition: all 0.5s;}
.ys4 dt{ width:640px ;height:400px ;display: block;overflow:hidden;margin-right: -40px;}
.ys4 dt img{ width:640px ;height:400px ;display: block;transition: all 0.5s;}
.ys dt:hover img{transform: scale(1.1); }
.ys1 dd,.ys3 dd{ padding-left: 96px;width: 504px;}
.ys2 dd,.ys4 dd{ padding:0 78px;width: 444px;}

.case{ padding-top: 90px;}
.case .tit i{ width: 472px;}
.al_on{margin-top: 34px;position: relative;}
.al_on .tempWrap{margin-left: -1110px !important;}
.al_on ul{overflow: hidden;}
.al_on ul li{width: 1000px; float: left;margin-left: 120px;}
.al_on ul li strong{display:block; width:1000px; height:512px;overflow:hidden; }
.al_on ul li img{display:block; width:1000px; height:512px;transition: all 0.5s;}
.al_on ul li:hover img{ transform: scale(1.1); }

.al_on ul li p{position: relative;height: 150px;width: 827px;margin: -88px auto 0;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.19);}

.al_on ul li p i{float: left;padding-left: 47px;padding-right: 40px;width:590px ;}
.al_on ul li p i span{ display: block;color: #333333;font-size: 26px;line-height: 26px;padding-top: 22px;}
.al_on ul li p i em{display: block;color: #666666;font-size: 14px;line-height: 24px;padding-top: 12px;}

.al_on ul li p b{display: block;float: right;width: 150px;height: 150px;background:url(../images/case_ic.png) no-repeat center;}
.al_on ul li:hover p b{background:url(../images/case_ich.png) no-repeat center; }

.al_on li:last-child{padding-right:0px;}
.al_on .prev{ position:absolute; left:39px; top:220px; width:60px;height:60px; background:url(../images/prev.png) no-repeat;z-index: 100;}
.al_on .next{ position:absolute; right:-20px; top:220px;  width:60px;height:60px; background:url(../images/next.png) no-repeat;z-index: 100;}

.xc{ padding-top: 90px;}
.xc .tit i{ width: 278px;}
.xc p{ font-size:16px ;line-height: 28px;color: #333333;padding-top:30px ;text-align: center;}
.xc ul{ margin-top: 40px;}
.xc ul li{ float: left;width: 387px;height: 503px;position: relative;margin-right:19px;}
.xc ul li:last-child{ margin-right: 0;}
.xc ul li i{ width: 387px;height: 503px;display: block;overflow:hidden;}
.xc ul li img{ width: 387px;height: 503px;display: block;transition: all 0.5s;}
.xc ul li:hover img{transform: scale(1.1);}
.xc ul li span{display: block;width: 357px;padding-left:30px ;height:78px ;line-height:78px ;color: #fff;font-size: 20px;position: absolute;left: 0;bottom: 0;background:url(../images/xc_ic.png) no-repeat center;}
.xc ul li:hover span{ background:url(../images/xc_ich.png) no-repeat center;}

.news{ padding-top: 90px;margin-top: 90px;background: #f5f5f5;height: 710px;}
.news .tit i{ width: 278px;}
.news_con{ margin-top: 55px;}
.news_l{ float: left;width: 483px;}
.news_l p img{ float: left;width:87px ;height: 31px;}
.news_l .dnext img{ float: right;width:73px ;height: 20px;margin-top: 11px;}
.news_g{ margin-top: 40px;}
.news_g dt{display: block;width: 483px;height: 268px;overflow:hidden;}
.news_g dt img{display: block;width: 483px;height: 268px;transition: all 0.5s;}
.news_g dl:hover img{transform: scale(1.1);}
.news_g dd{padding: 0 44px;background: #fff;height: 173px;}
.news_g dd h3 a{display: block;font-size:18px ;line-height: 18px;color: #333333;font-weight: bold;padding-top:35px ;}
.news_g dd p{font-size:13px ;line-height:22px ;color: #666666;padding-top: 16px;}

.news_r{ float: right;width: 674px;}
.news_q { height: 36px;border-bottom: 1px solid #dcdcdc;}
.news_q ul{ float: left;}
.news_q ul li{ float: left;padding-left: 18px;margin-right: 45px;height: 36px;font-size: 18px;font-weight: bold;color: #666666;background:url(../images/icon1.png) no-repeat 0 8px;}
.news_q ul li a{ color: #666;}
.news_q ul li:hover,.news_q ul li.cur{ background:url(../images/icon1h.png) no-repeat 0 8px;border-bottom: 1px solid #0a68c0;}
.news_q ul li:hover a,.news_q ul li.cur a{ color: #0a68c0;}

.news_q p{float: right;}
.news_q p a{display: block;width: 27px;height:27px ;background:url(../images/news_ic.png) no-repeat center;}
.news_q p a:hover{ background:url(../images/news_ich.png) no-repeat center;}
.news_f dl{ padding-left: 15px;height: 110px;border-bottom: 1px dashed #cccccc;}
.news_f dl:last-child{ border-bottom: 0;}
.news_f dd h3 a{ display: block;font-size:18px ;line-height: 18px;padding-top:20px ;color: #333333;font-weight: normal;}
.news_f dd p{ font-size:14px ;line-height: 20px;padding-top:12px ;color: #999999;}

.abt{ background:url(../images/abt_bg.jpg) no-repeat center;height:705px;}
.abt dl{ padding-top: 100px;}
.abt dt{display: block;width: 852px;height:504px ;overflow:hidden;}
.abt dt img{display: block;width: 852px;height:504px ;transition: all 0.5s;}
.abt dt:hover img{transform: scale(1.1);}
.abt dd{ height: 504px;background: #fff;padding: 0 44px;width:260px;}
.abt dd h3{padding-top: 72px;font-weight: normal;}
.abt dd h3 span{display:block;font-size: 40px;color: #333333;line-height: 40px;}
.abt dd h3 i{display:block;font-size: 18px;color: #333333;line-height: 18px;padding-top: 12px;}
.abt dd p{font-size: 13px;color: #666666;line-height: 24px;padding-top: 40px;}
.abt dd .more{ display: block;width:45px ;height: 18px;margin-top: 65px;float: right;}



/*表单弹框*/
.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: #0a68c0;
    font-size: 14px;
    color:#fff;}
    .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: #ffc000; }
    .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: #fff;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #333; }
      .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px; }