/*初始样式*/
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";}


.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit b{display:inline-block;font-size: 40px;color: #333;line-height: 40px;position: relative;}
.tit b:before{position: absolute;width: 17px;height: 1px;background: #002248;content: "";left: -45px;top: 20px;}
.tit b:after{position: absolute;width: 17px;height: 1px;background: #002248;content: "";right: -45px;top: 20px;}
.tit i{display:block;font-size: 20px;color: #333;line-height: 20px;padding-top: 10px;}

.banner{height: 650px;position: relative;}
.bdu{width: 100% !important;height: 650px;}
.bdu li{width: 100% !important;height: 650px;position:relative;}
.bdu li a{display: block;height: 650px;}
.bdu li img{height:650px;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: 14px;height: 14px;background: #6b4d58;margin:0 10px;border-radius: 7px;}
.hdu li.on{background: #fff; border: 2px solid #6b4d58; box-sizing: border-box;}

.yz{ height: 551px;background:url(../image/yz_bg.jpg) no-repeat center 0;}
.yz dl{ padding-top: 92px;}
.yz dt img{ display: block; width: 504px; height: 335px;}
.yz dd{ width: 636px;}
.yz h3{display: block;font-size: 38px;line-height: 38px; color: #333333; padding: 36px 0 70px 240px; font-weight: normal;}
.yz h3 b{ font-weight: bold; margin-right: 24px;}
.yz dd p{ font-size: 16px; line-height: 28px; color: #666;}
.yz dd span{ float: right; margin-top: 24px; display: block; width: 162px; height: 27px;}

.case1{height:1194px;background:url(../image/case1_bg.jpg) no-repeat center 0; padding-top: 94px;}
.case1 h3{ float: left; font-size: 42px; line-height:42px;color: #333333; font-weight: normal; position: relative; padding-left: 18px;  margin-bottom: 30px;}
.case1 h3 span{ display: block;  line-height: 20px;  color: #999999; font-size:20px ; padding-top:9px;}
.case1 h3 span:after{ position: absolute; background: #5c4b51; left: 0; top: 2px; content: ""; width: 3px; height: 40px;}
.case1 i img{ display: block; margin-top:60px; width: 60px;height: 12px;} 
.case p.desc{ width: 558px; background:url(../image/case_desc.jpg) no-repeat center ; padding: 7px 40px; font-size: 16px; line-height: 26px; color: #333333;}

.case1_l{ width: 638px;}
.case1_l ul{ width: 638px; margin-top: 68px;}
.case1_l li{ float: left; width: 311px; height: 415px; margin-right: 16px; margin-bottom: 16px; position: relative;}
.case1_l li img{ display:block; width: 311px; height: 415px; }
.case1_l li:nth-child(even){ margin-right: 0;}
.case1_l li em{ display: block; width: 291px; padding-left: 20px; color: #333; line-height: 60px; height: 60px;font-size: 16px;background:url(../image/case_tit.png) no-repeat center ;  position: absolute; left: 0; bottom: 0;}
.case1_l li p{ display: none; position: absolute; left: 0; bottom: 0; width:295px; padding-left: 16px; height: 170px; background: rgba(255,255,255,0.7); color: #333;}
.case1_l li p a{ display: block; font-size: 20px; line-height: 20px; margin-top:24px; margin-bottom: 12px;}
.case1_l li p span{ display: block; font-size: 15px; line-height: 24px;}
.case1_l li:hover em{ display: none;}
.case1_l li:hover p{ display: block;}
.case_d{text-align: center;height: 14px;  position: absolute; bottom: 230px;left: 38%;}
.case_d i{display:inline-block;width: 14px;height: 14px;background: #492431;vertical-align: top;border-radius: 50%;margin:0 9px;}
.case_d i.cur{background: #fff; border: 2px solid #492431; box-sizing: border-box;}


.case1_r{ width:511px; position: relative;}
.case1_r b img{ display: block; width:511px; height: 681px; }
.case1_r .case_z h4 a{display: block; font-size: 20px; line-height: 20px; margin-top:45px; margin-bottom: 12px;color: #333333; font-weight: normal; }
.case1_r .case_z span{ display: block; font-size: 15px; line-height: 24px; width: 255px; float: left;}
.case1_r .case_z .more{ display: block; width: 130px; padding-left: 15px; height: 42px;background:url(../image/case_more.png) no-repeat center 0 ; line-height: 42px; margin-top: 92px; font-size: 18px; color: #6b4d58;}

.case2{ height: 826px; background: #f2f2f3; padding-top: 94px;}
.case2_l{ width:511px; position: relative;}
.case2_l b img{ display: block; width:511px; height: 681px; }
.case2_l .case_x a{ display: block; width: 491px; padding-left: 20px; color: #333; line-height: 60px; height: 60px;font-size: 16px;background:url(../image/case_tit2.png) no-repeat center ;  position: absolute; left: 0; bottom: 46px;}
.case2_r{ width: 638px;}
.case2_r .desc{ text-align: right;}
.case2_r h3{ float: right; padding-right: 18px; font-size: 42px; line-height:42px;color: #333333; font-weight: normal; position: relative;  margin-bottom: 30px; margin-top:60px ;}
.case2_r h3 span{ display: block;  line-height: 20px;  color: #999999; font-size:20px ; padding-top:9px;}
.case2_r h3 span:after{ position: absolute; background: #5c4b51; right: 0; top: 2px; content: ""; width: 3px; height: 40px;}
.case2_r ul{ width: 638px; margin-top: 68px;}
.case2_r li{ float: left; width: 311px; height: 415px; margin-right: 16px; margin-bottom: 16px; position: relative;}
.case2_r li img{ display:block; width: 311px; height: 415px; }
.case2_r li:nth-child(even){ margin-right: 0;}
.case2_r li em{ display: block; width: 291px; padding-left: 20px; color: #333; line-height: 60px; height: 60px;font-size: 16px;background:url(../image/case_tit.png) no-repeat center ;  position: absolute; left: 0; bottom: 0;}
.case2_r li p{ display: none; position: absolute; left: 0; bottom: 0; width:295px; padding-left: 16px; height: 170px; background: rgba(255,255,255,0.7); color: #333;}
.case2_r li p a{ display: block; font-size: 20px; line-height: 20px; margin-top:24px; margin-bottom: 12px;}
.case2_r li p span{ display: block; font-size: 15px; line-height: 24px;}
.case2_r li:hover em{ display: none;}
.case2_r li:hover p{ display: block;}

.case3{height:830px;background:url(../image/case3_bg.jpg) no-repeat center 0; padding-top: 93px;}
.case3_l{ width: 638px;}
.case3_l h3{ float: left; padding-left: 18px; font-size: 42px; line-height:42px;color: #333333; font-weight: normal; position: relative;  margin-bottom: 30px; margin-top:60px ;}
.case3_l h3 span{ display: block;  line-height: 20px;  color: #999999; font-size:20px ; padding-top:9px;}
.case3_l h3 span:after{ position: absolute; background: #5c4b51;left: 0; top: 2px; content: ""; width: 3px; height: 40px;}
.case3_l ul{ width: 638px; margin-top: 68px;}
.case3_l li{ float: left; width: 311px; height: 415px; margin-right: 16px; margin-bottom: 16px; position: relative;}
.case3_l li img{ display:block; width: 311px; height: 415px;}
.case3_l li:nth-child(even){ margin-right: 0;}
.case3_l li em{ display: block; width: 291px; padding-left: 20px; color: #333; line-height: 60px; height: 60px;font-size: 16px;background:url(../image/case_tit.png) no-repeat center ;  position: absolute; left: 0; bottom: 0;}
.case3_l li p{ display: none; position: absolute; left: 0; bottom: 0; width:295px; padding-left: 16px; height: 170px; background: rgba(255,255,255,0.7); color: #333;}
.case3_l li p a{ display: block; font-size: 20px; line-height: 20px; margin-top:24px; margin-bottom: 12px;}
.case3_l li p span{ display: block; font-size: 15px; line-height: 24px;}
.case3_l li:hover em{ display: none;}
.case3_l li:hover p{ display: block;}
.case3_r{ width: 511px; position: relative;}
.case3_r b img{ display: block; width:511px; height: 681px; }
.case3_r .case_x  a{ display: block; width: 491px; padding-left: 20px; color: #333; line-height: 60px; height: 60px;font-size: 16px;background:url(../image/case_tit2.png) no-repeat center ;  position: absolute; left: 0; bottom: 46px;}
.case_size{text-align: center;height: 14px;  margin-top: 32px; }
.case_size i{display:inline-block;width: 14px;height: 14px;background: #492431;vertical-align: top;border-radius: 50%;margin:0 9px;}
.case_size i.cur{background: #fff; border: 2px solid #492431; box-sizing: border-box;}


.ys{ padding-top: 90px; height: 790px; background: #f2f2f3;}
.ys h3{  padding-right: 18px; font-size: 42px; line-height:42px;color: #333333; font-weight: normal; position: relative;  margin-bottom: 30px; text-align: right;}
.ys h3 span{ display: block;  line-height: 20px;  color: #999999; font-size:20px ; padding-top:9px;}
.ys h3 span:after{ position: absolute; background: #5c4b51; right: 0; top: 2px; content: ""; width: 3px; height: 40px;}
.ys i img{ display: block; margin-top:60px; width: 60px;height: 12px;} 
.ys_qie{ position: relative;}
.ys_con dl{position: relative;}
.ys_con dt img{ display: block; width: 1200px; height: 533px;}
.ys_con dd{ position: absolute;left: 192px; bottom: 35px;background:url(../image/ys_dd.png) no-repeat center ; width: 735px; height: 73px; padding-top: 25px; padding-left: 40px; padding-right: 45px;}
.ys_con dd h4{ display: block; float: left; width: 215px; font-size: 28px; line-height: 28px; color: #000000; font-weight: normal;}
.ys_con dd h4 span{ display: block; font-size: 18px; line-height: 28px; color: #000000;}
.ys_con dd p{ float: left; font-size: 14px; line-height: 24px; color: #fff; width: 517px;}

.ys .content{ position: relative;}
.ys .ys_t{ position: absolute; top: 620px; left: 320px;}
.ys .ys_t li{font-size:20px ;color: #333333; text-align: center;background: url(../image/ys_ic.png) no-repeat top; float: left; padding: 40px 33px 0;}
.ys .ys_t li.cur{ background: url(../image/ys_ich.png) no-repeat top;color: #e3b542;}
.ys_qie{position: relative;}
.ys .sprev{ position:absolute; left:38px; top:230px; width:45px;height:85px; background:url(../image/sprev.png) no-repeat;z-index: 100;}
.ys .snext{ position:absolute; right:38px; top:230px;  width:45px;height:85px; background:url(../image/snext.png) no-repeat;z-index: 100;}

.coop{ height:649px;background:url(../image/coop_bg.jpg) no-repeat center;}
.coop .content{ position: relative;}
.coop_con{ position: absolute;left:120px;top:247px ;}
.coop_con h3{ display: block; padding: 0 80px; margin-top: 32px;  font-size:42px; color: #333333; line-height:50px; font-weight: normal;  float: left;}
.coop_con h3 b{ display: block; }
.coop_con p{ padding-left: 80px; padding-right: 48px; float: left; margin-top: 32px; color: #333;font-size: 20px; line-height:20px;}
.coop_con p i{ display: block; padding-bottom:16px;}
.coop_con p b{ display: inline-block;font-size: 36px; line-height: 36px;}
.coop_con p span{ display: block;font-size: 14px; line-height:22px;}
/*news*/
.news{ padding-top: 90px; background:url(../image/new_bg.jpg) no-repeat  center; height: 786px;}

.news h3{ float: left; padding-left: 18px; font-size: 42px; line-height:42px;color: #333333; font-weight: normal; position: relative;  margin-bottom: 30px; }
.news h3 span{ display: block;  line-height: 20px;  color: #999999; font-size:20px ; padding-top:9px;}
.news h3 span:after{ position: absolute; background: #5c4b51; left: 0; top: 2px; content: ""; width: 3px; height: 40px;}
.news i img{ display: block; margin-top:60px; width: 60px;height: 12px;} 
.news h4 a{ display:block; color:#2e241e; height:44px;font-weight:normal; line-height:44px; }
.news h4 em{ float:right;  text-transform:uppercase; color:#666666; font-size: 14px; line-height: 30px;}
.news h4 span{ display:inline-block; font-size: 24px;line-height: 24px; }

.new_l{ width: 614px; height:540px; padding: 32px 50px 32px 28px; background: #fff; box-shadow:9px 9px 9px rgba(229,229,229,0.7);}
.new_l dl{height:324px;border-bottom: 1px solid #e4e4e4;}
.new_l dt img{display:block;width: 613px;height: 182px;}
.new_l dd { padding-left: 20px; padding-right: 35px;}
.new_l dd h5{margin:28px 0 8px;display: block; }
.new_l dd h5 span{ font-size: 18px; height: 30px;width: 80px; color: #6b4d58; border: 2px solid #6b4d58; line-height: 30px; font-weight: bold;display: inline-block; text-align: center;}
.new_l dd h5 a{display:inline-block;font-size: 20px;color: #333333;line-height: 30px;font-weight: normal; margin-left: 14px;}
.new_l dd p{font-size: 14px;color: #8b8b8b;line-height: 24px;}
.new_list{padding-top:20px; padding-left: 20px;}
.new_list p{line-height: 36px;font-size: 14px;padding-left:20px;background:url(../image/new_ic.png) no-repeat left center;}
.new_list p a{color: #333333;}
.new_list p i{ font-size: 13px; color: #999999;}
.new_l dl:hover dd h5 >a{color: #6b4d58;}
.new_list p:hover  a{color: #6b4d58;}

.new_r{ width: 434px; height:540px; padding: 32px 28px 32px 40px; background: #fff;}
.new_r dl{height:138px;border-bottom: 1px solid #e4e4e4;}
.new_r dt a{display:inline-block;font-size: 20px;color: #333333;line-height: 30px;font-weight: normal; margin-bottom: 12px; }
.new_r dd p{font-size: 14px;color: #8b8b8b;line-height: 24px;}
.new_s{ padding-top: 8px;}
.new_s li{ height: 70px; border-bottom: 1px dashed #cccccc;}
.new_s li:last-child{ border: 0;}
.new_s li span{ display: block; font-size: 13px; color: #666666; line-height: 24px;font-weight: bold; padding-top: 16px;}
.new_s li p{ display: block; font-size: 14px; color: #333;line-height:14px ;}
.new_r dl:hover dt a{color: #6b4d58;}
.new_s li:hover  a span,.new_s li:hover  a p{color: #6b4d58;}

.abt{ background:url(../image/abt2s.jpg) no-repeat  center;height: 1240px;}
.abt_con{ padding-top:530px;;}
.abt dl{ height:205px ; width: 1200px;background:url(../image/abt_dd.png) no-repeat  center; }
.abt dt{ display: block; padding-left:70px; padding-top:40px;width:184px; font-size: 42px; color: #333333; line-height: 50px;}
.abt dt b{ display: block; }
.abt dd{ width: 894px; }
.abt dd span img{ display: block; width: 254px; height: 37px;padding-top: 22px; padding-bottom: 12px;}

.abt dd p{font-size: 14px; line-height: 24px; color: #808080;  }
.abt dd a img{ display: block; margin-top: 6px; width: 50px; height: 12px; float: right;}

.abt_z{ float: right; width:530px ; margin-top: 80px;}
.abt_z li{ float: left;  color: #a7a6a6; font-weight: bold; width: 210px; height: 195px; float: left;margin-right: 80px; border-bottom: 1px dashed #a7a6a6;font-size: 80px;}
.abt_z li:nth-child(3),.abt_z li:nth-child(4){ border: 0;}
.abt_z li:nth-child(2),.abt_z li:nth-child(4){ width: 160px;}
.abt_z li b{ display: inline-block; font-size: 80px; line-height: 80px; color: #a7a6a6; margin-top: 45px; padding-bottom: 8px;} 
.abt_z li span{ display: block;font-size: 20px; line-height: 20px; color: #a7a6a6;  font-weight: bold;}

.abt_t{  margin-top: 64px;position: relative; }
.abt_t h4{height: 46px;line-height: 46px;border-bottom:1px solid #d9d9d9;font-size: 18px; display: block; margin-bottom: 18px;}
.abt_t h4 a {color: #002248;}
.abt_t h4 i{float: right;color: #666;font-weight: normal;font-size: 14px;}

.abt_t li{ float: left; margin-right: 30px;width: 277px; height:208px;}
.abt_t li img{ width: 277px; height:208px;}
.abt_t .sprev{position: absolute;left:-106px;top:140px;width:66px;height: 66px;background:url(../image/sprev.png) no-repeat;z-index: 10;}
.abt_t .snext{position: absolute;right:-106px;top: 140px;width:66px;height: 66px;background:url(../image/snext.png) no-repeat;z-index: 10;}

 
html {font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size: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("../image/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; }