﻿@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{ word-spacing:-1.5px;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";}
.links{display:block!important;}




.banner{height: 660px;position: relative;}
.bdu{width: 100% !important;height: 660px;}
.bdu li{width: 100% !important;height: 660px;position:relative;}
.bdu li a{display: block;height: 660px;}
.bdu li img{height:660px;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: #f39800;width:26px;}

.yz{ height: 592px;background:#efefef;}
.yz h2{text-align: center;font-weight: bold;font-size: 48px;line-height:48px;color: #333333;padding-top: 86px;position: relative;}
.yz h2:after{position: absolute;left: 50%;top: 150px;content:"";width: 30px;height: 3px;margin-left: -15px;background:#000000;}
.yz ul{margin-top: 55px; }
.yz li{float: left; width: 238px;padding:0 30px;text-align: center;position: relative;transition: .3s;}
.yz li:hover{margin-top: -10px;}
.yz li:after{position: absolute;left:300px;top: 70px;content:"";width:1px;height:226px;background:#d2d2d2;}
.yz li:last-child:after{background: 0;}
.yz li img{width: 200px;height: 200px;margin: 0 auto;display: block;}
.yz li span{display: block;font-size: 15px;line-height:24px ;color: #333333;margin-top: 20px;}


.pro{padding-top: 88px;height: 840px;background:url(../images/pro_bg.jpg) no-repeat center ;}
.pro .content{position: relative; }
.pro_s{height: 128px;margin-bottom: 40px;}
.pro h2{float: left;}
.pro h2 span{display:block;font-size: 48px;color: #ffffff;line-height: 48px;}
.pro h2 i{display:block;font-size: 18px;color: #838586;line-height: 24px;position: relative;font-weight: normal;text-transform: uppercase;padding-top: 12px;}
.pro h2 i:after{position: absolute;left: 0;top: 60px;content:"";width: 30px;height: 3px;background:#fff;}
.pro_t{float: right;}
.pro_t li{float: left;color: #fff;margin-right: 60px;}
.pro_t li:last-child{margin-right: 0;}
.pro_t li.cur{color: #f39800;border-top: 3px solid #f39800;}
.pro_t li.cur i,.pro_t li.cur p span,.pro_t li.cur p em{color: #f39800;}
.pro_t li i{font-size: 56px;color: #656a6c;height:85px ;line-height: 85px;font-weight: bold;}
.pro_t li p span{display:block;font-size:22px ;line-height:22px ;color:#ffffff ;}
.pro_t li p em{display:block;font-size:12px ;line-height:12px ;color:#7f8283 ;padding-top: 6px;text-transform: uppercase;}

.pro_con dl{position: relative;}
.pro_con dt img{display: block;width: 1200px;height: 580px;}
.pro_con dd{position: absolute;left: 90px;top: 103px;}
.pro_con dd h3{font-size: 28px;font-weight: normal;line-height:28px ;color: #ffffff;}.pro_con dd h3 a{color:#fff;}
.pro_con dd h3 span{display: block;font-weight: bold;font-size: 40px;line-height: 40px;padding-bottom: 10px;color: #ffffff;}
.pro_con dd p{font-size: 16px;line-height: 28px;padding-top: 50px;color: #fff;width: 444px;}
.pro_con dd .more{display: block;padding-left: 45px;width: 155px;height: 54px;line-height: 54px;font-size:18px ;color: #ffffff;border: 2px solid #fff;border-radius: 3px;margin-top: 110px;background:url(../images/jianth.png) no-repeat 127px 22px;}
.pro .sprev{ position:absolute; left:-80px; top:420px; width:39px;height:73px; background:url(../images/sprev.png) no-repeat;z-index: 100;}
.pro .snext{ position:absolute; right:-80px; top:420px;  width:39px;height:73px; background:url(../images/snext.png) no-repeat;z-index: 100;}


.ls{height: 640px;background:url(../images/ls_bg.jpg) no-repeat center ;}
.ls h2{font-weight: bold;font-size: 48px;line-height:48px;color: #333333;padding-top: 160px;padding-bottom: 40px;}
.ls p{font-size: 16px;line-height: 26px;color: #333;padding-left: 20px;background:url(../images/yuan.png) no-repeat left ;}
.ls ul{float: left;margin-top: 72px;}
.ls ul li{float: left; width: 89px;margin-right:12px ;}
.ls ul li img{display: block; width: 89px;height: 88px;}
.ls ul li span{display: block;height:48px ;line-height:48px ; font-size: 16px;color: #333333;text-align:center;}

.yl{height: 700px;background:url(../images/yl_bg.jpg) no-repeat center ;}
.yl h2{font-weight: bold;font-size: 48px;line-height:48px;color: #1f1f1f;padding-top: 208px;padding-bottom: 60px;}
.yl h3{font-weight: normal;font-size:30px ;line-height:36px ;color: #000000;}
.yl p{font-size:16px;line-height:26px ;color: #000000;padding-top: 20px;}

.wd{height: 765px;background:url(../images/wd_bg.jpg) no-repeat center ;}
.wd h2{font-weight: bold;font-size: 48px;line-height:48px;color: #333;padding-top: 108px;padding-bottom: 40px;}
.wd p{font-size: 16px;line-height: 26px;color: #333;padding-left: 20px;background:url(../images/yuan.png) no-repeat left ;}
.wd em img{display: block;width: 560px;height:315px;margin-top: 85px;}
.wd i img{display: block;width:580px ;height:580px;margin-top: 94px;}

.fw{height: 914px;background:url(../resource/images/e3e254ce6c894398b19c2957372b2832_2.jpg) no-repeat center ;}
.fw h2{font-weight: bold;font-size: 48px;line-height:48px;color: #fff;padding-top:90px;}
.fw h2 span{font-weight: normal;font-size: 24px;line-height:24px;color: #fff;padding-top:12px;display: block;}
.fw ul{margin-top: 50px;}
.fw li{float: left;}

.fw li:hover img{transform: scale(1.1);}
.fw .fw1{width:386px ;height:594px ;position: relative; margin-right: 21px;}
.fw .fw1 i{display:block;width:386px ;height:594px ;overflow:hidden;}
.fw .fw1 img{width:386px ;height:594px ;transition: all 0.5s;}
.fw .fw1 span{position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,0.8);width: 100%;text-align: center;padding-top: 15px;height: 65px;font-size:18px ;color: #333333;line-height: 26px;}
.fw .fw2{width:386px ;height:514px ;position: relative; margin-right: 21px;}
.fw .fw2 i{display:block;width:386px ;height:514px ;overflow:hidden;}
.fw .fw2 img{width:386px ;height:514px ;transition: all 0.5s;}
.fw .fw2 span{position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,0.8);width: 100%;text-align: center;padding-top: 15px;height: 65px;font-size:18px ;color: #333333;line-height: 26px;}
.fw .fw3{width:386px ;height:594px ;position: relative;margin-top: -80px; }
.fw .fw3 i{display:block;width:386px ;height:594px ;overflow:hidden;}
.fw .fw3 img{width:386px ;height:594px ;transition: all 0.5s;}
.fw .fw3 span{position: absolute;left: 0;bottom: 0;background: rgba(255,255,255,0.8);width: 100%;text-align: center;padding-top: 15px;height: 65px;font-size:18px ;color: #333333;line-height: 26px;}
.fw h3{margin-top: 192px;}
.fw h3 span{display:block;font-size: 48px;color: #ffffff;line-height: 48px;}
.fw h3 i{display:block;font-size: 18px;color: #838586;line-height: 24px;position: relative;font-weight: normal;text-transform: uppercase;padding-top: 8px;}
.fw h3 i:after{position: absolute;left: 0;top: 60px;content:"";width: 30px;height: 3px;background:#fff;}
.fw h4{display:block;font-size: 20px;color: #ffffff;line-height: 28px;font-weight: normal;margin-top: 350px;}
.fw p {font-size:14px;line-height:24px ;color: #acacac;width:465px;letter-spacing: 1px;}
.fw p em{font-size:18px ;line-height:18px;font-weight: bold;color: #fff;padding-bottom: 12px;display: block;padding-top: 30px;}


.liuy{height: 398px;background:url(../images/liuy_bg.jpg) no-repeat center ;}
.liuy .wz{padding-top:75px ;margin-left: 455px;float: left;}
.liuy .wz li{font-size:18px ;color: #101729;line-height:26px ;padding-bottom:42px ;}

.ly_box{margin-top:50px; position: relative; margin-right: 35px;float: right;width: 303px;}
.ly_box ul li{ height:50px; line-height:50px;  background: 0; width: 303px;margin-bottom: 14px;border: 1px solid #c6c5c0;}
.ly_box ul li i{ display: inline-block; float: left; font-size: 16px; color: #333333; padding-left: 12px;}
.ly_box ul li input{ display: inline-block; float: left; width: 210px; border: none; background: none; height: 50px; line-height: 50px;outline:none; color: #333333;font-size: 16px;border:0;outline:0;}
.ly_box li span{ display:none;}
.ly_box ul li:nth-of-type(3){ height:104px;}
.ly_box ul li:nth-of-type(3) textarea{ clear: both; display: inline-block; height: 100px;outline:none;width: 238px; background: none; border: none; font-size: 16px; color: #333333;line-height: 36px;}
.ly_box li:last-of-type{ background: none; margin-right: 0;width:303px;float: left;border: 0;margin-top: 5px;}
.ly_box li:last-of-type button{ width:303px; height: 50px; background:#f39800; border: none; cursor: pointer; font-size:18px; color: #ffffff; line-height: 50px;font-weight: bold;}
.form-btn-reset{ display:none;}
.ly_box .submit{display:none;}



.case{ background:url(../images/case_bg.jpg) no-repeat center 0;height: 728px;}
.case h2{padding-top:90px;}
.case h2 span{display: block;font-weight: bold;font-size: 48px;line-height:48px;color: #333;float: left;}
.case h2 a{float: right;font-size: 18px;line-height:18px;color: #101729;padding-top: 24px;font-weight: bold;background:url(../images/jiant.png) no-repeat top right;}
.case_con{margin-top: 45px;position: relative;}
.case_con li{float: left; width:290px ;height:456px ;background: #fff;margin-right: 14px;}
.case_con li a>img{width: 190px;height: 190px;border-radius: 95px;border: 5px solid #eee;margin: 25px auto 0;display: block;}
.case_con li:hover{background: #414244;}
.case_con li:hover a>img{border:5px solid #fff;}
.case_con li:hover em,.case_con li:hover span{color: #fff;}

.case_con li em{display: block; font-size: 24px;line-height: 24px;color: #333333;text-align: center;padding-top: 30px;padding-bottom: 18px;}
.case_con li span{display: block;font-size:14px ;line-height:24px ;color: #666666;padding: 0 30px;}
.case_con li i img{display: block;width: 24px;height: 24px;margin: 30px auto 0;}
.case .prev{ position:absolute; left:-80px; top:190px; width:39px;height:74px; background:url(../images/prev.png) no-repeat;z-index: 100;}
.case .next{ position:absolute; right:-80px; top:190px;  width:39px;height:74px; background:url(../images/next.png) no-repeat;z-index: 100;}

.new{ background:url(../images/new_bg.jpg) no-repeat center 0;height: 670px;}
.new h2{padding-top:90px;padding-bottom: 40px;}
.new h2 span{display: block;font-weight: bold;font-size: 48px;line-height:48px;color: #fff;float: left;}
.new h2 a{float: right;font-size: 18px;line-height:18px;color: #fff;padding-top: 24px;font-weight: bold;background:url(../images/jianth.png) no-repeat top right;}
.new_l {float: left;width: 340px;}
.new_l h3{height:22px;line-height: 22px;font-size: 22px;padding:0px 0 15px;font-weight: normal; }
.new_l h3 a{ color: #fff;}
.new_l h3 i{font-size: 14px;color: #828384;}
.new_l dt img{display: block;width: 340px;height: 256px;}
.new_l dd{background: #fff;padding: 0 22px;height: 108px;}
.new_l dd h4 a{display: block;height: 50px;line-height: 50px;font-size:18px ;color: #333333;font-weight: normal;}
.new_l dd p{font-size:14px ;line-height:20px ;color: #999999;}
.new_list{float: left;width:362px ;margin-left: 22px;margin-right: 75px;border-top: 1px dashed #6b6b6c;margin-top: 37px;}
.new_list p{height: 90px;border-bottom: 1px dashed #6b6b6c;}
.new_list p a{font-size:16px ;color: #ffffff;line-height: 24px;display: block;padding-top: 12px;}
.new_list p a em{font-size:14px ;color: #ffffff;line-height: 24px;display: block;}
.new_list p a span{display: block;text-align: right;font-size:14px ;color: #ffffff;line-height: 24px;}

.new_r {float:right;width:400px;}
.new_r h3{height:22px;line-height: 22px;font-size: 22px;padding:0px 0 15px;font-weight: normal; }
.new_r h3 a{ color: #fff;}
.new_r h3 i{font-size: 14px;color: #828384;}
.new_r em img{display: block;width: 400px;height: 152px;}
.new_r .new_s{padding: 21px 0;border-bottom: 1px dashed #6b6b6c;}
.new_r .new_s p a{padding-left: 30px;font-size:16px ;color: #ffffff;line-height:34px ;background:url(../images/new_ic.png) no-repeat 15px 7px;}
.new_l dl:hover h4 a,.new_list p:hover a,.new_r .new_s p:hover a{color:#f39800;}


.abt{ background:url(../images/abt_bg.jpg) no-repeat  center;height: 645px;padding-top: 90px;}
.abt h2{font-weight: bold;font-size: 54px;line-height:54px;color: #333333;padding-top:70px;background:url(../images/dou.png) no-repeat left top;}
.abt h2 span{font-weight: normal;font-size: 24px;line-height:24px;color: #333333;padding-top:12px;display: block;}
.abt_l{width: 305px;}
.abt_l i img{display: block;width: 303px;height:245px ;margin-top:240px ;margin-left: 2px;}
.abt dl{width: 895px;}
.abt dt img{display: block; width:895px ;height:400px ;}
.abt dd p{padding-left: 56px;padding-top: 32px;font-size:16px ;line-height: 24px;color: #333333;}
.abt dd .more{float: right;padding-right: 35px;display: block;font-size: 18px;line-height: 24px;color: #f39800;background:url(../images/jt.png) no-repeat right;margin-top: 20px;}


/*表单弹框*/
.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; }
