@charset "UTF-8";
/*css 初始化 */
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img,a { margin:0; padding:0; }
fieldset, img,input,button { border:none; padding:0;margin:0;outline-style:none; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; }
select, input { vertical-align:middle;}
select, input, textarea { font-size:12px; margin:0;}
textarea { resize:none; } /*防止拖动*/
img {border:0; vertical-align:middle; }  /*  去掉图片低测默认的3像素空白缝隙*/
table { border-collapse:collapse; }
body {
    font:12px/150% Arial,Verdana,"\5b8b\4f53";
   font-family: "PingFang",'PingFangb';
    color:#1e1e1e;
    background:#fff;
    overflow-x: hidden;
}
.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}
a {color:#1e1e1e; text-decoration:none; }
a:hover{color:#f08619;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;font-size:100%;}
s,i,em{font-style:normal;text-decoration:none;}
.col-red{color: #f08619!important;}
ul,ol,li{list-style:none}

/*公共类*/
.w12 {  /*版心 提取 */
    width: 1200px;margin:0 auto;
}
.fl {
    float:left
}
.fr {
    float:right
}
.al {
    text-align:left
}
.ac {
    text-align:center
}
.ar {
    text-align:right
}
.hide {
    display:none
}

.clear{clear: both;}
.w12{width: 1200px;margin:0 auto;}
/* 头部公共 css */


/* 头部导航 */
#web-top{width: 100%;}
#web-top .web-tit{font-size: 16px;color: #1e1e1e;line-height: 45px;height: 45px;background: #f4f4f4;}
#web-top .web-tit a{font-size: 16px;color: #1e1e1e;line-height: 45px;}

#web-top .logo{width: 100%;height: 150px;}
#web-top .logo .logo-a{display: block;width: 475px;height: 121px;margin-top: 15px;}
#web-top .logo .web-tel{height: 55px;margin-top: 47px;font-size: 18px;width: 300px;}
#web-top .logo .web-tel p{line-height: 18px;margin-bottom: 9px;}
#web-top .logo .web-tel h3{font-size: 30px;font-weight: bold;background-image: linear-gradient(135deg,#029141,#01b952);line-height: 30px;
 -webkit-background-clip:text;color: transparent;}
#web-top .logo .web-tel:before{content:'';display:block;width:55px;height: 55px;margin-right:15px;background: url(../images/web-tel.png)no-repeat center;float: left;}
#web-top .web-nav{width: 100%;height: 77px;background: #029141;color: #fff;font-size: 18px;}
#web-top .web-nav li.nLi{float: left;position: relative;}
#web-top .web-nav li.nLi a.top-a{font-size: 18px;color: #fff;line-height: 77px;}
#web-top .web-nav li.nLi span{display: inline-block;margin:0px 72px;}
#web-top .web-nav li.nLi:last-child .son-nav{width: 220px;}
#web-top .web-nav li.nLi:last-child{float: right;}

.son-nav{position: absolute;background:#029141;overflow: hidden;top:77px;left:-80px;width:100%;text-align: center;z-index: 999;display: none;}
.son-nav a{font-size: 14px;line-height: 40px;border-top: 1px solid #fff;display: block;color: #fff;}
.son-nav a:hover{background:#1f822f;}
/*banner*/
 .fullSlide{ width:100%;  position:relative;  background:#fff;z-index:1;height: 817px;}
    .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; height: 817px;}
    .fullSlide .bd ul{ width:100% !important; }
    .fullSlide .bd li{ width:100% !important;  overflow:hidden; text-align:center;height: 817px;    background-position: center center !important;}
    .fullSlide .bd li a{ display:block;}
     .fullSlide .bd li img{width: 100%;}

    .fullSlide .hd{ display:block!important;width:100%;position:absolute;z-index:1999;bottom:5%;
        left:0; text-align:center;}
    .fullSlide .hd ul{ text-align:center; }
    .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:4px;overflow:hidden;line-height:999px;
        border-radius:12px;box-sizing: border-box;border:1px solid #fff;}
    .fullSlide .hd ul .on{background:#f08619 !important;border:1px solid #f08619;}

    .fullSlide .prev,.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:5%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
    .fullSlide .next{ left:auto; right:5%; background-position:-6px -137px; }  


/* 底部 */
#footer{width: 100%;overflow: hidden;padding-top: 63px;background: #029141;}
#footer .calls{display: flex;justify-content: space-between;flex-flow: row;color: #fff;padding-bottom: 45px;}
#footer .calls .foot-tit{overflow: hidden;}
#footer .calls .foot-tit h3{font-size:20px;font-weight: bold;display: inline-block;margin-right: 13px;line-height: 20px;}
#footer .calls .foot-tit span{font-size: 16px;font-weight: normal;text-transform: uppercase;}
#footer .calls .foot-tit:after{content:'';width: 22px;height: 2px;margin-top: 24px;background: #fff;display: block;}
#footer .calls .foot-call{margin-top: 50px;}
#footer .calls .foot-call p{font-size: 16px;line-height: 16px;margin-bottom: 20px;}
#footer .calls .foot-call .webadd:before{content:'';display:inline-block;width:26px;height: 26px;background: url(../images/foot-icon02.png)no-repeat center;
margin-right: 10px;margin-bottom: -7px;}
#footer .calls .foot-call .webtel:before{content:'';display:inline-block;width:26px;height: 26px;background: url(../images/foot-icon01.png)no-repeat center;
margin-right: 10px;margin-bottom: -7px;}
#footer .calls .foot-call .webtel span{font-size: 30px;color: #fff;font-weight: bold;line-height: 30px;}

#footer .cs2{width: 170px;}
#footer .cs2 .foot-nav{margin-top:50px;}
#footer .cs2 .foot-nav a{font-size: 16px;color: #fff;display: block;margin-bottom:15px;line-height: 16px;}
#footer .cs2 .foot-nav a:nth-child(odd){float: left;}
#footer .cs2 .foot-nav a:nth-child(even){float: right;}
#footer .cs3 .rwm{margin-top: 50px;width: 161px;height: 161px;}
#footer .cs3 .rwm img{width: 100%;height: 100%;}

#footer .bott{width: 100%;border-top:1px solid #46af74;}
#footer .bott p{font-size: 16px;text-align: center;color: #fff;line-height: 125px;}
#footer .bott p a{color: #fff;}


/* 悬浮框 */
#backtop{position: fixed;right: 0;top: 30%;z-index: 99999999;}
#backtop .icon-call{display: block;width: 32px;height: 32px;background: url(../images/left-icon1.png)no-repeat center;margin:0 auto;margin-top: 5px;}
#backtop .icon-zx{display: block;width: 30px;height: 30px;background: url(../images/left-icon2.png)no-repeat center;margin:0 auto;margin-top: 5px;}
#backtop .icon-hz{display: block;width: 35px;height: 31px;background: url(../images/left-icon3.png)no-repeat center;margin:0 auto;margin-top: 5px;}
#backtop .icon-wx{display: block;width: 23px;height: 31px;background: url(../images/left-icon4.png)no-repeat center;margin:0 auto;margin-top: 5px;}
#backtop .icon-top{display: block;width: 32px;height: 22px;background: url(../images/left-icon5.png)no-repeat center;margin:0 auto;margin-top: 5px;}
#backtop .ic-cl-li:hover .icon-call{background: url(../images/left-icon1h.png)no-repeat center;}
#backtop .ic-zx-li:hover .icon-zx{background: url(../images/left-icon2h.png)no-repeat center;}
#backtop .ic-hz-li:hover .icon-hz{background: url(../images/left-icon3h.png)no-repeat center;}
#backtop .ic-wx-li:hover .icon-wx{background: url(../images/left-icon4h.png)no-repeat center;}
#backtop .ic-top-li:hover .icon-top{background: url(../images/left-icon5h.png)no-repeat center;}
.side_callem.on {
  opacity: 1;
  visibility: visible;
}
.side_callem ul li {
  text-align: center;
  position: relative;
  margin-top: -2px;
}
.side_callem ul li .show_con {
  background: #fff;
  border:1px solid #ddd;
  padding: 12px;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.4s;
  -moz-transit-webkit-transition: all 0.4s;
  -ms-transit-webkit-transition: all 0.4s;
  -o-transit-webkit-transition: all 0.4s;
  transition: all 0.4s;
  transform: translateX(100%);
  opacity: 0;
  white-space: nowrap;
}
.side_callem ul li .show_con img {
  width: 107px;
  max-width: none;
}
.side_callem ul li .show_con strong {
  color: #3f639f;
  font-size: 18px;
}

.side_callem ul li:hover a{
  background: #f08619;
}

.side_callem ul li:hover a i {
  color: #fff;
}
.side_callem ul li:hover a span {
  color: #fff;
}
.side_callem ul li:hover .show_con {
  transform: translateX(-100%);
  opacity: 1;
}
.side_callem ul li a {
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  position: relative;
  border: 1px solid #e0e0e0;
  margin-top: -1px;
  z-index: 99;
  -webkit-transition: all 0.4s;
  -moz-transit-webkit-transition: all 0.4s;
  -ms-transit-webkit-transition: all 0.4s;
  -o-transit-webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.side_callem ul li i {
  display: block;
  font-size: 24px;
  line-height: 24px;
  padding: 13px 0 5px;
  color: #333;
}
.side_callem ul li span {
  color: #666;
  font-size: 12px;
}

/* 底部表单 */
.fot-bdform{position:fixed;bottom:0px;width: 100%;background:rgb(0,0,0,0.6);z-index: 999;}
.fot-bdform .fot-tit{width: 710px;margin:0 auto;text-align: center;height: 90px;}
.fot-bdform .fot-tit h2{color: #fff;line-height: 90px;font-size: 36px;font-weight: bold;float: left;}
.fot-bdform .fot-tit h2:before{content: '';display:block;width: 147px;height: 108px;background: url(../images/fot-bdimg1.png)no-repeat center;
margin-top: -18px;float: left;margin-right: 30px;}
.fot-bdform .fot-tit a.uandd{display: block;width: 35px;height: 43px;background: url(../images/fot-bdiconup.png)no-repeat center;float: right;    margin-top: 23px;
  animation: tbas 1s linear infinite;animation-direction:alternate;}
.fot-bdform .fot-tit a.uanddon{background: url(../images/fot-bdicondown.png)no-repeat center;}

@keyframes tbas {
0% {opacity: 1;transform: translate(0px,0px);-ms-transform: translate(0px,0px); /* IE 9 */-webkit-transform: translate(0px,0px); /* Safari and Chrome */}
100% {opacity: 1;transform: translate(0px,-10px);-ms-transform: translate(0px,-10px); /* IE 9 */-webkit-transform: translate(0px,-10px); /* Safari and Chrome */}
}

/* 计算器 */
.fot-bdform .jsq-form{height:548px;background: #fff;box-sizing: border-box;padding:63px 67px 0px 60px;position: relative;display: none;}
.fot-bdform .jsq-form h3{font-size: 20px;font-weight: bold;color: #333333;float: left;margin-right: 20px;}
.fot-bdform .jsq-form span.ys{font-size: 14px;color: #f06f19;    display: inline-block;margin-top: 4px;}
.fot-bdform .jsqbd{margin-top: 32px;width: 420px;}
.fot-bdform .jsqbd .tits{font-size: 16px;color: #333333;line-height: 45px;}
.fot-bdform .jsqbd .inputs{width: 318px;height: 45px;box-sizing: border-box;border:1px solid #c7c7c7;padding-left: 18px;font-size: 16px;color: #999999;}
.fot-bdform .jsq-form .jsqbd span.bx{color: #f06f19;font-size: 16px;display: inline-block;margin-right: 8px;}
.fot-bdform .jsqbd .lb{margin-bottom: 20px;display: block;font-size: 16px;color: #333333;}
.fot-bdform .jsqbd .lb .rad{margin-right: 10px;}
.fot-bdform .jsqbd .lb .rad:last-child{margin-left: 20px;}
.fot-bdform .jsqbd .fwxz{display: block;width: 100%;text-align: center;color:#999999 !important;}
.fot-bdform .jsqbd .fwxz a{color:#999999 !important;}
.fot-bdform .jsqbd .fwxz p{margin-top: 15px;font-size: 14px;color: #333333;}
.fot-bdform .jsqbd .fwxz input{margin-right: 10px;width: 16px;height: 16px; margin-top: -2px;}
.fot-bdform .jsqbd .lb select{width: 318px;height: 45px;box-sizing: border-box;border:1px solid #c7c7c7;padding:0px 18px;font-size: 16px;color: #333333;}


.fot-bdform .jsq-form .hx{width: 1px;height: 100%;background: #e4e4e4;position: absolute;top: 0;left: 0;right: 0;margin:0 auto;}
.fot-bdform .jsq-form .hx a{width: 150px;height: 150px;margin-left: -75px;margin-top: 180px;display: block;overflow: hidden;transition: all 0.6s;}
.fot-bdform .jsq-form .hx img{width: 100%;height: 100%;}
.fot-bdform .jsq-form .hx a:hover{transform: scale(1.2);}

.yusuan{width: 415px;}
.yusuan h4{font-size: 20px;font-weight: bold;color: #333333;margin-right: 0px !important;line-height: 20px;margin-bottom: 32px;text-align: center;}
.yusuan h4 span{color: #f08619;font-size: 30px;font-weight: bold;}
.yusuan .fy{width: 100%;height: 240px;box-sizing: border-box;border:1px solid #c7c7c7;padding:48px 0px;}
.yusuan .fy li{text-align: center;font-size: 16px;color: #333333;line-height: 16px;margin-bottom: 27px;}
.yusuan .test{margin-top: 39px;font-size: 16px;color: #333333;line-height: 32px;}
.yusuan .test span{color: #f06f19;}
body{position: relative;}
/* 弹框 */
.model,.modelzj{ 
    width:500px; 
    height:817px; 
    box-shadow:0 0 10px rgba(0,0,0,.4); 
    border-radius:8px; 
    padding:1em; 
    padding-top:0; 
    position:fixed; 
    z-index:99999999;
    background-color:#fff; 
    display:none;
   }
  .model-header {
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    margin:20px auto;
  }
  .close{ 
    position:absolute; 
    top:0; 
    right:15px; 
    height:35px; 
    line-height:35px; 
    text-align:center; 
    display:block; 
    color:#666; 
    cursor:pointer;
  }
  .close:hover{ 
    color:#A30D10;
  }
  .mask{ 
    background:rgb(0,0,0,0.6); 
    width:100%; 
    height:100%; 
    position:absolute; 
    left:0; 
    top:0; 
    z-index:9999999; 
    display:none;
  }
.model-body{width: 100%;box-sizing: border-box;padding:30px;}
.model-body .type{font-size: 0px;width: 100%;box-sizing: border-box;border:1px solid #ff761c;overflow: hidden;margin-bottom: 20px;}
.model-body .type span{display: inline-block;width: 50%;font-size: 16px;line-height: 32px;text-align: center;}
.model-body .type span.ons,.model-body .type span:hover{background: #ff761c;color: #fff;cursor: pointer;}
.model-body .lainp{display: block;height: 40px;margin-bottom: 20px;width: 100%;}
.model-body .lainp input{width: 100%;height: 100%;display: block;background: #f5f5f5;box-sizing: border-box;padding-left: 20px;
  font-size: 16px;}
  .model-body .lainp select{width: 100%;height: 100%;display: block;background: #f5f5f5;box-sizing: border-box;padding:0px 20px;
  font-size: 16px;}
.model-body .lainp .lasub{background: #f08619;color: #fff;font-weight: bold;}
.model-body .laasub{position: relative;}
.model-body .laasub .lasub{cursor: pointer;}
.model-body .laasub span.spana{display: block;width: 20px;height: 20px;background: url(../images/anli-icon.png)no-repeat center;position: absolute;
right: 10px;top: 0;left: 170px;top: 10px;background-size: cover;}

.model-img{width: 100%;padding:0px 30px;box-sizing: border-box;}
.model-img img{width: 100%;}
