﻿*{margin:0;padding:0;list-style: none;}
.header{height:70px;position: relative;top: 0px;z-index: 999999;width: 100%;transition:0.7s all ease;background: #fff;/* box-shadow: 0px 0px 5px 2px #eceef9; */}
.head{width: 1240px;margin:0 auto;position: relative;left: 20px;}
.head h1{line-height: 60px;float:left;max-width: 145px;height: 60px;}
.head h1 img{vertical-align:middle;max-width: 100%;max-height: 100%;}
.head .nav{float: right;}
.head ul{/* margin:25px 0px 0px 0px; */float: left;}
.head li{float:left;margin: 0px 0px 0px 0px;position: relative;height: 70px;line-height: 70px;padding: 0px 12px;}
.head li a{font-size: 16px;color:#fff;}
.head .free{width:110px;height: 33px;line-height: 33px;padding:0px 0px 0px 41px;box-sizing:border-box;background:url(../images/icon-gift.png) #fff 13px center no-repeat;color:#fd6e21;font-size:12px;display:block;border-radius: 60px;float: right;margin: 15px 0px 0px 50px;box-shadow: 0px 3px 3px 1px #bd8969;}
.head .login{width: 108px;height: 35px;line-height: 31px;border:2px solid #fff;padding:0px 0px 0px 41px;box-sizing:border-box;background: url(../images/icon-person.png) 13px center no-repeat;color:#fff;font-size:12px;display:block;border-radius: 60px;float: right;margin: 15px 0px 0px 16px;}
.head .tel{font-size:16px;float:right;color:#fff;padding: 0px 0px 0px 27px;background:url(../images/icon-tel.png) left center no-repeat;line-height:70px;margin:0px 0px 0px 14px;}

.header.fixed{position:fixed;}
.header.fixed .free{box-shadow: 0px 3px 3px 1px #fd6e21;color: #fff;background: url(../images/icon-gift1.png) #fd6e21 13px 9px no-repeat;}
.header .h2{display:none;}
.header.fixed .h2{display:inline-block;}
.header.fixed .head li a{color:#333;}
.header.fixed .head .login{border:2px solid #fd6e20;background: url(../images/icon-person1.png) 13px center no-repeat;color:#fd6e20;}
.header.fixed .head .tel{color:#333;/* background:url(../images/icon-phone1.png) left center no-repeat; */}
.header .head li:after{display:none;width:100%;height:2px;background: #fd6e20;content:"";top: 68px;position:absolute;left:0px;}
/* .header .head li:before{display:none;width:15px;height:10px;background: url(../images/icon-down2.png) center center no-repeat;content:"";top: 68px;position:absolute;z-index:999999999;left:50%;margin-left:-7.5px;} */
/* .header .head li.active:before{display:block;} */
.header .head li.active:after{/* display:block; */}
.header .head li.show:before{display:block;}
.header .head li.show:after{display:block;}
.header .headtowBox{display:none;line-height: 20px;position: absolute;left: -15px;}
/* .header .head li:hover .towBox{display:block;} */
/* .header .head li.active .headtowBox{display:block;} */
.header .towBox1{background:#fff;width: 100px;/* border-bottom: 3px solid #fd6e21; */padding: 0px 10px;/* box-shadow: 0px 5px 15px 0px #eeeeee; */}
.header .towBox1 a{line-height:20px;color:#333;display:block;text-align:center;padding: 15px 0px;border-bottom:1px solid #eee;font-size: 16px;/* font-weight: bold; */}
.header .towBox1 a:last-child{border:0;}
.header li:nth-child(2) .headtowBox{left: -20px;}
/*.head li:nth-child(5) .towBox1{width:100px;}*/
.header li:nth-child(5) .headtowBox{left:-8px;}
.header li:nth-child(3) .headtowBox{left: -10px;}
.header .head li .towBox1 a:hover{color:#fd6e21;}

/*.cancel .header{position:absolute;}*/

.header .free{box-shadow: 0px 3px 3px -1px #fd6e2159;color: #fff;background: url(../images/icon-gift1.png) #fd6e21 13px 8px no-repeat;margin: 15px 0px 0px 20px;}
.header .head li a{color:#333;}
.header .head .login{border:2px solid #fd6e20;background: url(../images/icon-person1.png) 13px 8px no-repeat;color:#fd6e20;}
.header .head .tel{color:#333;background:unset;padding: 0px;}

.SolutionBox1_2 a:last-child{display:none;}

.footer{background: url(../images/icon-footerbg.png) #535353 center top no-repeat;padding: 35px 0px 0px 0px;}
.foot1{width:1200px;margin: 0 auto 50px;}
.foot1L{width: 230px;float: left;}
.foot1L .address{margin:50px 0px 0px 0px;}
.foot1L .address>p{margin: 0px 0px 12px 0px;font-size:14px;color:#ffffff;padding:0px 0px 0px 38px;line-height: 24px;}
.foot1C{float:left;margin: 20px 0px 0px 30px;}
.foot1C li{float:left;margin: 0px 0px 0px 60px;width: 95px;}
.foot1C li a{color:#ffffff;font-size:14px;padding: 0px 0px 0px 22px;}
.foot1C li dl{margin: 35px 0px 0px 0px;}
.foot1C li dl dd{margin: 0px 0px 6px 0px;}
.foot1C li dl a{font-size:12px;}
.foot1C li a.a{background:url(../images/icon-arrow.png) left center no-repeat;}
.foot1R{width: 280px;float: right;margin: 20px 0px 0px 0px;}
.foot1R .code{font-size:14px;color:#fff;text-align:center;float: right;margin: 0px 30px 0px 0px;}
.foot1R .code:first-child{margin:0;}
.foot1R .code img{max-width:100%;}
.foot1R .code p{margin:8px 0px 0px 0px;}
.foot1C li a:hover {opacity:0.7;}
.foot1C li.li3 dl dd:last-child{display:none;}

.foot2{border-top:1px solid #6f6f6f;}
.foot2 .link{margin:0 auto;padding:30px 0px;width:1200px;color:#fff;font-size:14px;line-height:20px;}
.foot2 .link a{font-size:14px;color:#b8b8b8;margin: 0px 7px 0px 0px;}
.foot2 .link a:hover {color:#f9f9f9;}
.foot3{border-top:1px solid #6f6f6f;padding: 30px 0px;}
.copyright{width:1200px;margin:0 auto;color: #fff;}
.copyright .s1{float:right;}
.copyright .s1 a{color:#fff;margin:0px 10px 0px 0px;}



.Solution1{display:none;}
.SolutionBox_1{background:#fff;font-size: 0px;padding: 0px 0px 10px 0px;width: 520px;top: 0px;/* box-shadow: 0px 5px 15px 0px #eeeeee; */}
.SolutionBox1{width: 200px;display:inline-block;/* border-right:1px solid #e5e5e5; */float: left;}
.SolutionBox1 .n1{/* background:#ededed; */line-height: 24px;font-size: 16px;color: #333333;/* height: 77px; *//* font-weight:bold; */padding: 15px 0px 0px 0px;}
.SolutionBox1 .n1 i{width: 25px;height: 25px;display:inline-block;border-radius:50%;position: relative;top: 6px;margin: 0px 8px 0px 30px;}
.SolutionBox1 .n2{/* font-weight: bold; */font-size: 16px;color: #333;}
.SolutionBox1 .n2 img{max-width: 20px;margin: 0px 0px 0px 5px;-webkit-animation: avatar-shadow-twinkle 1s ease-in-out infinite alternate;animation: avatar-shadow-twinkle 1s ease-in-out infinite alternate;}
.threeBox{/* min-width: 200px; */margin: 0px 0px 0px 40px;}
.threeBox a{padding: 20px 25px 15px 25px;display:block;border-bottom:1px solid #e5e5e5;}
.threeBox1{font-size: 14px;width: 200px;}
.threeBox1 .sum{font-size: 12px;margin: 5px 0px 0px 0px;color: #999999;}
.threeBox a img{margin:5px 0px 0px 0px;}
.threeBox a:last-child{border-bottom:0;}
.SolutionBox1:last-child{border:0;}
.threeBox a:hover .n2{color:#fd6e21;}
.threeBox a:hover .sum{color:#fd6e21;}
.threeBox2{width:250px;}

.productionTwo{display:none;}
.productionTwo{background:#fff;font-size: 0px;padding: 0px 0px 30px 0px;/* width: 631px; */top: 0px;box-shadow: 0px 10px 20px 0px #e3e3e3;}
.productionTwo1 a{padding: 20px 15px 15px 15px;display:block;border-bottom:1px solid #e5e5e5;color:#333;}
.productionTwo1 .n2{/* font-weight: bold; */font-size: 16px;color: #333;}
.productionTwo1{font-size: 14px;float: right;width: 170px;padding: 0px 15px;background:#fff;/* box-shadow: 0px 5px 15px 0px #eeeeee; */}
.productionTwo1 .sum{font-size: 14px;margin: 5px 0px 0px 0px;color: #666666;}
.productionTwo1 a img{margin:5px 0px 0px 0px;max-width:22px;}
.productionTwo1 .threeBox1{font-size: 14px;float: right;width: 140px;}
.productionTwo1 a:last-child{border:0;}
.productionTwo1 a:hover .n2{color:#fd6e21;}
.productionTwo1 a:hover .sum{color:#fd6e21;}



#chatBtn{display: none!important;}

.SolutionBox1_2{width: 260px;margin: 0px 0px 0px 20px;}


/* .fixedRight{position: fixed;top:50%;margin-top:-160px;right: 0px;z-index: 999999999;background: #fff;}
.fixedRight li{width: 77px;height: 79px;position:relative;border: 1px solid #d0d0d0;padding:14px 0px 0px 0px;box-sizing:border-box;border-bottom: 0px;transition:0.5s all ease;cursor: pointer;}
.fixedRight li i{display:block;color:#fff;font-size:12px;text-align:center;width: 31px;height: 31px;margin:0px auto 8px;transition:0.5s all ease;}
.fixedRight li .tit{font-size:12px;color:#666666;text-align:center;}
.fixedRight li.n4{border-bottom:1px solid #d0d0d0;}
.fixedRight .Code{width:100px;height:100px;background:#fff;right: -300px;top: 1px;margin: 0;position: absolute;transition:0.5s all ease;box-shadow: 0px 0px 10px 3px #f0f1f6;font-size:18px;color:#333333;}
.fixedRight .Code img{max-width: 100%;height:100%;}
.fixedRight li:hover{background:#fe842b;border:1px solid #fe842b;}
.fixedRight li:hover i{background-position:bottom!important;}
.fixedRight li:hover .tit{color:#fff;}
.fixedRight li.n2 .Code{width:240px;height:75px;}
.fixedRight li.n2 .img{float:left;margin: 10px 0px 0px 5px;}
.fixedRight li.n2 .w1{float: left;margin: 15px 0px 0px 20px;line-height: 20px;}
.fixedRight li.n3 .Code{width:165px;height: 64px;line-height: 64px;text-align:center;top: 6px;}
.fixedRight li .Code:after{width: 12px;height:30px;background:url(../images/icon-arrow14.png) center center no-repeat;position:absolute;content:"";right: -12px;top: 50%;margin-top: -15px;}
.fixedRight li.n1 .Code{display:none;}
.fixedRight li:hover .Code{right:95px;} */


.fixedBox{position: fixed;top:50%;margin-top:-160px;right: 50px;z-index: 999999999;right: 12px;}
.fixedBox .avatar-shadow{position:absolute;display:none;top: -5px;left: calc(50% - 45px);width: 90px;height: 90px;opacity:.2;background:#ff4800;border-radius:50%;-webkit-animation:avatar-shadow-twinkle 1s ease-in-out infinite alternate;animation:avatar-shadow-twinkle 1s ease-in-out infinite alternate}
.fixedBox .first{width:78px;height:103px;/* background: #fff; */margin-bottom: 14px;position:relative;/* box-shadow: 0 0 20px rgba(0,0,0,.5); */}
.fixedBox .first a{display: block;}
.fixedBox .first .Code{box-sizing:border-box;width: 196px;background:#fff;right: -300px;top: 1px;margin: 0;position: absolute;transition:0.5s all ease;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);/* font-size:18px; */color:#333333;padding: 17px 15px;box-sizing: border-box;height: 60px;top: calc(50% - 30px);padding: 10px 25px;line-height: 1.4;box-shadow: 0px 0px 21px 4px rgb(208 208 208 / 53%);}
.fixedBox .first .Code .close{cursor:pointer;width:15px;height:15px;display:block;position:absolute;background: url(../images/close.png) center center no-repeat;top:10px;right:10px;background-size: 10px;top: 8px;right: 8px;}
.fixedBox .first i{display: block;width:78px;height:78px;border-radius: 50%;box-shadow: 0 0 30px rgba(0 0 0 / 20%);background-size: cover!important;background: #fff;}
.fixedBox .first .tit{width:66px;margin:0 auto;line-height:25px;text-align:center;font-size:12px;color:#fff;background:#ff4800;border-radius:5px}
.fixedBox .first .Code.active{right:95px;}
.fixedRight{box-shadow: 0 0 30px rgba(0 0 0 / 20%);background:#fff;border-radius: 5px;width: 66px;margin-left: 6px;}
.fixedRight li{width: 66px;height: 66px;position:relative;padding: 10px 0px 0px 0px;box-sizing:border-box;transition:0.5s all ease;cursor: pointer;border-radius: 5px;}
.fixedRight li i{display:block;color:#fff;font-size:12px;text-align:center;width: 32px;height: 30px;margin: 0px auto;transition:0.5s all ease;background-position: left!important;position: absolute;left: calc(50% - 16px);}
.fixedRight li .tit{font-size:12px;color: #888888;text-align:center;line-height: 20px;padding-top: 30px;}
.fixedRight li:hover{background:#ff4800;}
.fixedRight li:hover i{background-position:right!important;}
.fixedRight li:hover .tit{color:#fff;}
.fixedRight li:nth-child(1):hover .Code{right:95px;}
.fixedRight li:nth-child(3):hover .Code{right:95px;}
.fixedRight li:nth-child(4):hover .Code{right:95px;}
.fixedRight .Code{width: 88px;height: 88px;background:#fff;right: -300px;top: 1px;margin: 0;position: absolute;transition:0.5s all ease;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);font-size:18px;color:#333333;padding: 5px;box-sizing: border-box;}
.fixedRight .Code img{width: 100%;height:100%;}
.fixedRight li .Code:after,.fixedBox .first .Code:after{width: 12px;height:30px;background:url(../images/icon-arrow14.png) center center no-repeat;position:absolute;content:"";right: -12px;top: 50%;margin-top: -15px;width: 8px;height: 20px;margin-top: -10px;right: -8px;background-size: 100%;}
.fixedRight li:nth-child(3) .Code{width:183px;padding:15px 10px;line-height:20px;height:auto;text-align:center}
.fixedRight li:nth-child(3) i {transform: rotateZ(0);animation: headPhone 2.2s ease infinite;-moz-animation: headPhone 2.2s ease infinite;/* Firefox */-webkit-animation: headPhone 2.2s ease infinite;/* Safari 和 Chrome */-o-animation: headPhone 2.2s ease infinite;
}
.fixedRight li:nth-child(3) i:before {
  content: "";
  position: absolute;
  left: 17px;
  top: 50%;
  margin-top: -13px;
  width: 12px !important;
  height: 12px !important;
  background: url(../images/icon3_1.png) center no-repeat !important;
  z-index: 2;
  opacity: 0;
  animation: headPhoneshow2 2.2s 0.1s linear infinite;
  -moz-animation: headPhoneshow2 2.2s 0.1s linear infinite;
  /* Firefox */
  -webkit-animation: headPhoneshow2 2.2s 0.1s linear infinite;
  /* Safari 和 Chrome */
  -o-animation: headPhoneshow2 2.2s 0.1s linear infinite;
  /* background-color: red!important; */
}
.fixedRight li:nth-child(3) i:after {
  content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  margin-top: -19px;
  width: 25px !important;
  height: 25px !important;
  background: url(../images/icon3_2.png) center no-repeat !important;
  z-index: 2;
  opacity: 0;
  animation: headPhoneshow1 2.2s linear infinite;
  -moz-animation: headPhoneshow1 2.2s linear infinite;
  /* Firefox */
  -webkit-animation: headPhoneshow1 2.2s linear infinite;
  /* Safari 和 Chrome */
  -o-animation: headPhoneshow1 2.2s linear infinite;
}
.fixedRight li:nth-child(3):hover i::before {background-image: url(../images/icon3_3.png)!important;}
.fixedRight li:nth-child(3):hover i::after {background-image: url(../images/icon3_4.png)!important;}
/* .fixedRight li.n2 .Code{width:240px;height:75px;}
.fixedRight li.n2 .img{float:left;margin: 10px 0px 0px 5px;}
.fixedRight li.n2 .w1{float: left;margin: 15px 0px 0px 20px;line-height: 20px;}
.fixedRight li.n3 .Code{width:165px;height: 64px;line-height: 64px;text-align:center;top: 6px;}
.fixedRight li.n1 .Code{display:none;}
 */
@-webkit-keyframes avatar-shadow-twinkle{0%{-webkit-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes avatar-shadow-twinkle{0%{-webkit-transform:scale(.7);transform:scale(.7)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}

.returnTop{box-sizing:border-box;width:66px;height:66px;margin-top:20px;box-shadow: 0 0 30px rgba(0 0 0 / 20%);background:#fff;border-radius: 5px;width: 66px;margin-left: 6px;padding:10px 0px 0px 0px;cursor:pointer;display: none;}
.returnTop.active{display:block}
.returnTop i{display:block;color:#fff;font-size:12px;text-align:center;width: 32px;height: 30px;margin: 0px auto;transition:0.5s all ease;background-position: left!important;position: absolute;left: calc(50% - 16px);}
.returnTop .tit{font-size:12px;color: #888888;text-align:center;line-height: 20px;padding-top: 30px;}
.returnTop:hover{background:#ff4800;}
.returnTop:hover i{background-position:right!important;}
.returnTop:hover .tit{color:#fff;}

#meiqia_custorm{display: none!important;z-index:999999999999;}
#meiqia-container .fZOmGD{z-index: 99999999999999!important;}


@media(max-width:1024px){
    .header{height: 50px;}
    .head{width: 95%;position: relative;}
    .head h1{line-height: 45px;}
    .head .open{width:30px;height:20px;display:block;position:absolute;top:50%;margin-top: -7px;background:url(../images/icon-open.html) center center no-repeat;right: 0px;background-size: contain;}
    





}




@keyframes headPhone {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(25deg);
  }
  30% {
    transform: rotate(0);
  }
  45% {
    transform: rotate(25deg);
  }
  60% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}
@-moz-keyframes headPhone {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(25deg);
  }
  30% {
    transform: rotate(0);
  }
  45% {
    transform: rotate(25deg);
  }
  60% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}
@-webkit-keyframes headPhone {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(25deg);
  }
  30% {
    transform: rotate(0);
  }
  45% {
    transform: rotate(25deg);
  }
  60% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}
@-o-keyframes headPhone {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(25deg);
  }
  30% {
    transform: rotate(0);
  }
  45% {
    transform: rotate(25deg);
  }
  60% {
    transform: rotate(0);
  }
  to {
    transform: rotate(0);
  }
}

@keyframes headPhoneshow1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes headPhoneshow1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes headPhoneshow1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes headPhoneshow1 {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes headPhoneshow2 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes headPhoneshow2 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes headPhoneshow2 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes headPhoneshow2 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

