/*字体*/

@font-face{ font-family:Bold; src:"../font/Alibaba-PuHuiTi-Bold.ttf";}

@font-face{ font-family:Heavy; src:"../font/Alibaba-PuHuiTi-Heavy.ttf";}

@font-face{ font-family:Light; src:"../font/Alibaba-PuHuiTi-Light.ttf";}

@font-face{ font-family:Medium; src:"../font/Alibaba-PuHuiTi-Medium.ttf";}

@font-face{ font-family:Regular; src:"../font/Alibaba-PuHuiTi-Regular.ttf";}



/*底部设置*/

.footer{ width:100%; }




.footbon{ width:100%; background:#0971ce; padding:0.8rem 0px 0.0rem 0px;color:#fff;}
.footleft{ width:100%; color:#fff; display:block;}
.footlogsa{float:left; width:10%; padding-left:3%;}
.footlogsa img{ width:100%;}



.footleft .foot1{ width:20%; padding-left:5%;}
.footleft .foot2{ width:15%; padding-left:6%;}
.footleft .foot22{ width:15%;}
.footleft .foot3{ float:right; width:20%;}

.footleft .foot1,.foot2,.foot22,.foot3,.foot4{display: inline-table;}
.footleft h2{font-size:0.17rem;margin-bottom:0.15rem; font-weight:400;}
.footleft b{ display:block; width:0.7rem; height:0.03rem; background:#86c401; margin-bottom:0.25rem;}
.footleft .foot1 p{padding-top: 0.1rem;color:#fff;line-height:.28rem; font-size: 0.14rem;}
.foot1 img{ margin-top:0.45rem; margin-right:0.1rem;}
.footleft .foot2 ul{width:100%;display: inline-block; list-style: none;}
.footleft .foot2 ul li{line-height: .38rem; padding-left:0.15rem; width:100%;}
.footleft .foot2 ul li::before { 
  content: "";
  border-color: transparent #d0d0d0;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: inline-block;
  height: 0;
  width: 0;
  left: -0.8em;
  top: 0.0em;
  position: relative;
}
.footleft .foot22 ul{width:100%;display: inline-block; list-style: none;}
.footleft .foot22 ul li{line-height: .38rem; padding-left:0.15rem; width:100%;}
.footleft .foot22 ul li::before { 
  content: "";
  border-color: transparent #d0d0d0;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: inline-block;
  height: 0;
  width: 0;
  left: -0.8em;
  top: 0.0em;
  position: relative;
}
.footleft a{color:#fff; font-size: 0.14rem;} 
.footleft a:hover{ color:#F00;}

.foot4{width:60%;margin-top:.4rem;}
.foot3 a{    padding: .3rem .0rem; margin-top:0.6rem;
    border: .01rem solid #fff;
    line-height: 0.0rem;
    text-align: center;
    width: 70%;
    display: block;
    border-radius: .5rem;}
.foot3 a:hover{ color:#ccc; cursor:pointer;}
.copy{    background: #f70202;color:#fff;
    text-align: center;
    height: 0.9rem;
    line-height: 0.9rem;
    margin-top: .6rem;font-size: 0.13rem;}
.copy a{color:#0971ce;}

.footleft{}

.footlogo{ width:26%; float:left; padding-top:0.1rem;}

.footlogo img{ width:100%; height:auto;}

.footcom{ float:left; color:#fff; padding-left:0.44rem;}

.footcom span{ font-size:0.16rem; line-height:0.2rem; display:block; margin-top:0.1rem;}

.footcom p{ font-size:0.12rem; line-height:0.26rem;}



.footlink{padding-top:0.34rem;  color:#fff;font-size:0.13rem;}

.footlink p{ font-size:0.16rem; font-weight:600;}

.footlink  a{line-height:0.22rem; font-size:0.13rem; color:#fff;}

.footlink  a:hover{opacity:0.9;}



.footkuang{ float:right; width:30%; color:#fff;}
.foot3 input{ color:#fff;}

.foot3  input::-webkit-input-placeholder {
color: #fff;
}

.zykk{ width:70%; height:0.45rem; border:none;border-bottom:1px solid #fff; color:#fff; font-size:0.13rem; text-indent:0.1rem; background-color:#0971ce; background-image:url('../images/index_49.png');background-repeat: no-repeat;background-position: left;padding-left:.3rem; display:block; margin-top:0.15rem;}
.zykk2{  width:70%; height:0.45rem; border:none;border-bottom:1px solid #fff; color:#fff; font-size:0.13rem; text-indent:0.1rem; background-color:#0971ce; background-image:url('../images/index_49.png');background-repeat: no-repeat;background-position: left;padding-left:.3rem; display:block;margin-top:0.15rem;}
.zykk4{  width:70%; height:0.45rem; border:none;border-bottom:1px solid #fff; color:#fff; font-size:0.13rem; text-indent:0.1rem; background-color:#0971ce; background-image:url('../images/index_49.png');background-repeat: no-repeat;background-position: left;padding-left:.3rem; display:block;margin-top:0.15rem;}

/* .footkuang input{border:1px solid #fff; background:#e60021; color:#fff; font-size:0.12rem;} */

/* .zykk{ width:48%; height:0.3rem; border:1px solid #fff; background:#e60021; color:#fff; font-size:0.12rem; text-indent:0.1rem; float:left; }

.zykk2{ width:48%; height:0.3rem; border:1px solid #fff; background:#e60021;color:#fff; font-size:0.12rem; text-indent:0.1rem; float: right; }

.zykk3{ margin-top:0.3rem; width:100%; height:0.3rem; border:1px solid #fff; background:#e60021;color:#fff; font-size:0.12rem; text-indent:0.1rem; }

.zykk4{ margin-top:0.3rem; width:100%; height:2.25rem; border:1px solid #fff; background:#e60021;color:#fff; font-size:0.12rem; line-height:0.3rem; text-indent:0.1rem; } */

.zykk::-webkit-input-placeholder { /* WebKit browsers */ color:    #7c7c7c; background:none;}

.zykk:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #7c7c7c; background:none;}

.zykk::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #7c7c7c; background:none;}

.zykk:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #7c7c7c; background:none;}



.zykk2::-webkit-input-placeholder { /* WebKit browsers */ color:    #7c7c7c; background:none;}

.zykk2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #7c7c7c; background:none;}

.zykk2::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #7c7c7c; background:none;}

.zykk2:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #7c7c7c; background:none;}

.zykk3::-webkit-input-placeholder { /* WebKit browsers */ color:    #7c7c7c; background:none;}

.zykk3:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #7c7c7c; background:none;}

.zykk3::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #7c7c7c; background:none;}

.zykk3:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #7c7c7c;}



.zykk4::-webkit-input-placeholder { /* WebKit browsers */ color:    #7c7c7c; background:none;}

.zykk4:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #7c7c7c; background:none;}

.zykk4::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #7c7c7c; background:none;}

.zykk4:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #7c7c7c;}

.zyinput{ width:1rem; height:0.3rem; text-align:center; line-height:0.3rem; margin-top:0.3rem; font-size:0.14rem; color:#7c7c7c;  cursor:pointer;}

.zyinput:hover{ background:#7c7c7c; color:#e60021;}