* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
html,body {font-family: Arial, sans-serif;padding:0;margin:0;font-size:12px;line-height:1;}
ol,ul {list-style:none;padding:0;margin:0;}
a {text-decoration:none;outline:none;}
img,iframe {border:none;text-decoration:none;vertical-align:middle;}
.mobilefix {display: none;}
/*img {vertical-align:top;}*/
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;}
.spaceBetween{ justify-content: space-between;}
.flexColumn{ flex-direction: column;}
.justifyCenter{ justify-content:center;}
.alignItems{ align-items: center;}
.alignItems-ft{ align-items: flex-start;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}
.justify-center {justify-content: center;}
.justify-between {justify-content: space-between;}
.justify-end {justify-content: flex-end;}
.align-center {align-items: center;}
.align-end {align-items: flex-end;}
.clear{clear: both;}
.d-flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.bg-black-50 {background: rgba(0, 0, 0, 0.5);}
.bg-black-30 {background: rgba(0, 0, 0, 0.3);}
.bg-black-40 {background: rgba(0, 0, 0, 0.4);}


.font-blod {font-weight: bold;}
.font-lighter {font-weight: lighter;}
.font-regular {font-weight: 320;}

.color333333 {color: #333333;}
.colord8d8d8 {color: #d8d8d8;}
.color838383 {color: #838383;}
.colorblue {color: #0083db;}
.colorwhite {color:#fff;}
.color188ce5 {color:#188ce5;}
.color424141{color:#424141;}
.colorefefef{color:#efefef;}
.color2c2c2c{color:#2c2c2c;}
.color585656 {color:#585656;}
.color3a3a3a{color:#3a3a3a;}

.bg313131{background-color: #313131;}

.d-block{display: block;}
.hidden{overflow: hidden;}

/**默认**/
.font152 {font-size: 152px;}
.font72 {font-size: 58px;}
.font64 {font-size: 54px;}
.font56 {font-size: 46px;}
.font48 {font-size: 38px;}
.font36 {font-size: 24px;}
.font28 {font-size: 20px;}
.font24 {font-size: 18px;}
.font18 {font-size: 14px;}
.font16 {font-size: 14px;}
.font14 {font-size: 10px;}

.m-auto{margin:0px auto;}
.mt-250{ margin-top:250px;}
.mt-130{ margin-top:130px;}
.mt-116{ margin-top:116px;}
.mt-108{ margin-top:108px;}
.mt-86{ margin-top:86px;}
.mt-50{ margin-top:50px;}
.mt-29{ margin-top:29px;}
.mt-26{ margin-top:26px;}
.mt-10{ margin-top:10px;}
.mtb-26-32{ margin:26px 0px 32px 0px;}
.mtb-10-18{ margin:10px 0px 18px 0px;}

.mt-32{ margin-top:32px;}
.mt-18{ margin-top:18px;}
.mt-12{ margin-top:12px;}

.ml120{margin-left:120px;}
.ml60{margin-left:60px;}
.ml80{margin-left:80px;}
.ml30{margin-left:30px;}
.mr10{margin-right:10px;}
.mr30{margin-right:30px;}

.pt10{padding:10px 0px;}
.pt20{padding:20px 0px;}
.pt130{padding-top:130px;}
.pt50{padding-top:50px;}
.mtb75 {padding: 7.5em 0;}
.pb10{padding-bottom:10px;}
.ptb50{padding: 50px 0;}
.pb20{padding-bottom:20px;}

.line45{line-height: 45px;}
.line35{line-height: 35px;}
.line25{line-height: 25px;}
.line20{line-height: 20px;}
.line17{line-height: 17px;}
.line14{line-height: 14px;}

.maintop {width: 100%;height: 66px;background: #fff;position: relative;}

.mainbody {width: 100%;height: auto;position: relative;}
.container {width:1400px;margin:0px auto;max-width:90%;position: relative;}
.container1200 {width:1200px;margin:0px auto;max-width:90%;position: relative;}
.w100 {width:100%;}
.container img{max-width:100%;}
.mainbody img{max-width:100%;}

.banner-btn i{margin-right:20px;}
.more{height:30px;line-height:30px;}
.h86{width:100%;height:86px;line-height: 86px;clear: both;}
.h50{width:100%;height:50px;line-height: 50px;clear: both;}

.video-play {position: relative;display: block;}
.icon-play-container {position: absolute;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;top: 0;left: 0;}
.icon-play {width: 30px;height: 30px;}

.fuwu .ipad {display: none;}


/* header */
header {position:fixed;top:0;left:0;width:100%;box-shadow: 0 0.3125em 0.625em rgb(0 0 0 / 10%);z-index: 50;}
.nav1 {height:50px;background-color:#333;}
.nav1 .nav1-main {height:100%;display:flex;align-items:center;justify-content:space-between;}
.nav1 .logo-title {position:relative;color:#c0c0c0;}
.nav1 .logo-title h5{font-size: 13px;}
.nav1 .logo-title h5 span:first-child {margin-right: 20px;}
.nav1 .nav1-right {display:flex;align-items: center; color:#c0c0c0;}
.nav1 .nav1-right .lang-box {width:8.25em;margin-right:0.75em;position: relative;margin:0 1em;padding: 0 1em;color:#fff;}
.nav1 .nav1-right .lang-box a{color:#fff;}
.nav1 .nav1-right .shop-box {width:100px;position: relative;}
.nav1 .nav1-right .lang-box .icon {width:15px;margin-right:5px;}
.nav1 .nav1-right .lang-box .lang-text,.shop-box span {margin-right:5px;display: block;}
.nav1 .nav1-right .lang-box .lang-text, .nav1 .nav1-right .slidenav span, .nav1 .nav1-right .shop-box span {margin-left:5px;font-size:14px;color:#c0c0c0;}
.nav1 .nav1-right .shop-box .icon {width:15px;margin-right:5px;}
.nav1 .nav1-right .nownav{width: 100%; }
.nav1 .nav1-right .slidenav{width: 100%;position: absolute;top: 100%;left: 0;background-color: #343434;display: none;padding: 5px 20px;z-index: 9999;}

.nav1 .nav1-right .lang-box:hover .slidenav,.nav1 .nav1-right .shop-box:hover .slidenav{display: block;}

.nav1 .shop-box a {justify-content:flex-end;}
.nav1 .lang-box a,.nav1 .shop-box a{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width: 100%;height: 2.5em;background-color: #343434;}
.nav2 {height:66px;line-height:66px;z-index: 9999;background-color: #fff;}
.nav2 .nav2-main {height:100%;display:flex;align-items:center;justify-content: space-between;}
.nav2-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.nav2 .nav2-left {display:inline-flex;align-items:center;}
.nav2 .nav2-right {display:inline-flex;align-items:center;justify-content: space-between;margin-left: 20px;}
.nav2 .nav2-right2{display:inline-flex;align-items:center;justify-content: space-between;margin-left: 20px;}
.nav2 .nav2-right2 a{color:#333;font-size: 14px;margin-left: 10px;margin-right: 10px;}
.nav2 .icon-search-container {width: 100%;display: flex;align-items: center;justify-content: flex-end;}
.nav2 .icon-search-container input{width: 0;height: 18px;border-bottom: 2px solid #000000;margin-right: 10px;padding: 10px 0;transition: all .5s ease;}
.nav2 .icon-search-container:hover input{width: 100%;padding: 10px;}
.nav2 .icon-search {width: 18px;height: 18px;}
.nav2 .icon-search img{width: 100%;}
.nav2-item {position: relative;width: 180px;height: 100%;text-align: center;}
.nav2-item .nav2-title{font-size: 16px;font-weight: bold;}
.nav2-right a {color: #333;}
.nav2-right a:hover,.nav2-right a.active {color: #2a71b9;}
/* .nav2-item:hover .nav2-content{top: 116px;display: block; transition: all .5s ease;} */
.nav2-content {position: fixed;top: 66px;left: 0;z-index: 100;width: 100%;background-color: #f8f8f8;height: auto;overflow: hidden;display: none;}
.nav2-content .container{display: flex;padding: 35px 0 150px;justify-content: space-between;align-items: flex-start;}
.nav2-content .container .nav2-content-left{width: 60%;text-align: left;}
.nav2-content .container .nav2-content-right{width: 450px;padding-left: 50px;position: relative;text-align: left;}
.nav2-content .container .nav2-content-right.border-left{border-left: 1px solid #c0c0c0;}
.nav2-content .container .nav2-content-right img {width: 330px;height: 330px;border-radius: 15px;}
.nav2-content .container .nav2-content-right-title{font-size: 14px;padding-top: 20px;line-height: 20px;width: fit-content;}
.nav2-content .container .nav2-content-right-title::after {content: ""; display: block;width: 100%;height: 1px;background-color: #000;margin-top: 5px;}
.nav2-item2, .nav2-item2 .nav2-title2{font-size: 16px;line-height: 50px;color: #333;}
.nav2-item2 {width: 260px;}
.nav2-item2 .nav2-title2.active{font-size: 24px;font-weight: bold;}

.nav2-item2:hover .nav2-title2 {font-weight: bold;color: #333;}
/* .nav2-item2:hover .nav2-content3 {display: block;} */
/*.nav2-item2.lg .nav2-title2:hover::after{content: ">";font-size: 20px;float: right;}*/
/*.nav2-item2.lg .nav2-title2:hover::after{content: ">";font-size: 20px;float: right;}*/
.nav2-item2.lg .arrow{
  display: none;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #000000;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  border-top: none;
  border-right: none;
  top: 20px;
  right:0px;
}
.nav2-item2.lg:hover .arrow{display:block;}
.nav2-content2 .nav2-item2{position: relative;text-align: left;}
.nav2-content3 {display: none;position: absolute;left: 230px;width: 300px;bottom: -50px;padding-left: 50px;}
.nav2-item2:first-child .nav2-content3_1 {bottom: -2px;}
.lang-mobile, .menu-mobile {display: none;}
.nav2-img{margin-top:25px;}
.remove.icon {
  color: #000;
  position: relative;
  top: 0;
  left: 366px;
  height: 25px;
}
.remove.icon:before {
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.remove.icon:after {
  content: '';
  position: absolute;
  width: 25px;
  height: 2px;
  background-color: currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.d-pc-none {display: none;}

.banner-lb .swiper-button-next, .banner-lb .swiper-button-prev {width: 50px;height: 50px;background-size: 50px;}
.banner-lb .swiper-button-prev
    {background-image:url(../images/icon-left.png);left: 3.5%;}
.banner-lb .swiper-button-next
    {background-image:url(../images/icon-right.png);right: 3.5%;}
/* footer */
footer {background-color: #363636;}
footer .color585656 {
  color: #f6f6f6;
  font-weight: bold;
}

footer .color838383 {
  color: #f6f6f6;
}
.footer1 {padding: 55px 0;border-bottom: 1px solid rgba(149,149,149,0.3);display: flex;align-items: center;justify-content: space-between;}
.footer1-item {color: #f6f6f6;display: inline-flex;align-items: center;}
.footer1-item i {margin-right: 20px;}

.footer2 {padding: 30px 20px;display: flex;}
.footer2-left {flex: 1;display: flex;justify-content: space-evenly;border-right: 1px solid rgba(149,149,149,0.4);}
.footer2-left .footer2-item {margin-right: 16%; margin-top: 3%;}
.footer2-right .footer2-item {margin-left: 5%; margin-top: 3%;}


.footer2-right {flex: 1;display: flex; justify-content: space-around;}
.footer2-item a ,.footer2-item .ewm-text{margin-bottom: 13px;color: #f6f6f6;display: block;line-height: 20px;}
.footer2-item a.foot_code{/**position: relative;**/}

.footer2-ewm .ewm{display:none;position: absolute;left: 30%;top:20px;}
.footer2-ewm a:hover .ewm{display: block}

.footer2 .ewm-img {width: 120px;height: 120px; }
.footer2 .ewm-text {margin-top: 10px;width: 120px;text-align: center;}

.footer3 {padding: 10px 20px 30px 20px;display: flex;align-items: flex-end;justify-content: space-between;}
.footer3 a{color: #cccccc;}
.footer3 .w20 {width: 50px;display: inline-block;}
.footer3-flex span {border-bottom: 1px solid #838383;padding-bottom: 5px;}

.footer-up {display: inline-flex;align-items: center;cursor: pointer;height:30px;line-height:30px;}
.footer-up i {margin-left: 5px;}

.footer4 {height:62px; background-color: #363636;color: #c0c0c0;display: flex;align-items: center;justify-content: space-between;}
.footer4 .container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.footer4 .container a{margin:0px 10px;}

.sasslist { justify-content: space-between;}
.sasslist .item{border-radius: 6px;border: solid 1px #dedede; padding:60px 0 60px 40px; width: calc( 25% - 30px ); text-align: left; color: #353434;}
.sasslist .item .price b{font-family: 'Impact';}
.sasslist .item .price{ padding-top:50px;}
.sasslist .item .font24 {height: 50px;}

.caselist{justify-content: space-between;}
.caselist *{ transition: all 300ms;}
.caselist a{width: calc( 25% - 15px ); margin:0 7px 14px 7px;float:left;overflow: hidden;}
.caselist a img{width:100%;}
.caselist a:hover img{ transform: scale(1.1);}

.ziyuanxiazai {display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.ziyuanxiazai .item {width: 30%;border: 1px solid #aaaaaa;text-align: center;padding: 50px;display: inline-flex;justify-content: space-between;text-align: left;line-height: 30px;}
.ziyuanxiazai i{float:right;}

.suishichakanmendian {position: relative;}
.suishichakanmendian .mk1{position: relative; flex:1; text-align: center;padding-bottom:50px;}
.suishichakanmendian .mk1 .mk1-img {margin-top:-200px;display: inline-flex;align-items: center;justify-content: center;}


.pinpaishili .mk {float:left;margin-right:1%;width:24%;padding:70px 15px 15px;border-radius:10px;box-shadow:0px 0px 12.61px 0.39px rgba(166,166,167,0.004);}
.pinpaishili .mk1 {background-image:-moz-linear-gradient( -90deg,rgb(76,108,245) 0%,rgb(93,163,252) 100%);background-image:-webkit-linear-gradient( -90deg,rgb(76,108,245) 0%,rgb(93,163,252) 100%);background-image:-ms-linear-gradient( -90deg,rgb(76,108,245) 0%,rgb(93,163,252) 100%);}
.pinpaishili .mk2 {background-image:-moz-linear-gradient( -90deg,rgb(84,125,242) 0%,rgb(93,163,252) 100%);background-image:-webkit-linear-gradient( -90deg,rgb(84,125,242) 0%,rgb(93,163,252) 100%);background-image:-ms-linear-gradient( -90deg,rgb(84,125,242) 0%,rgb(93,163,252) 100%);}
.pinpaishili .mk3 {background-color:rgb(67,141,236);}
.pinpaishili .mk4 {background-image:-moz-linear-gradient( -90deg,rgb(78,119,237) 0%,rgb(93,163,252) 100%);background-image:-webkit-linear-gradient( -90deg,rgb(78,119,237) 0%,rgb(93,163,252) 100%);background-image:-ms-linear-gradient( -90deg,rgb(78,119,237) 0%,rgb(93,163,252) 100%);}
.pinpaishili .circle1,.pinpaishili .circle2,.pinpaishili .circle3 {border-radius:50%;background-color:rgba(255,255,255,0.12);}
.pinpaishili .circle1 {width:24em;height:24em;display:flex;align-items:center;justify-content:center;position:relative;margin-left: auto;margin-right: auto;}
.pinpaishili .circle2 {width:20em;height:20em;display:flex;align-items:center;justify-content:center;}
.pinpaishili .circle3 {width:16em;height:16em;}
.pinpaishili .circle-img {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.pinpaishili .circle3 img {width:auto;height:auto;max-width:100%;max-height:100%;}
.pinpaishili .font1{font-family: "BebasNeue Bold";}

.caselist2{justify-content: space-between;}
.caselist2 *{ transition: all 300ms;}
.caselist2 a{width: calc( 25% - 15px ); margin:0 7px 14px 7px;float:left;border-radius: 5px;overflow: hidden;}
.caselist2 a img{width:100%;overflow: hidden;}
.caselist2 a:hover img{ transform: scale(1.1);}
.caselist2 .mk1{box-shadow: 0px 0px 1px #e3e3e3;filter: drop-shadow(0px 0px 5px #e3e3e3);display: block;}
.caselist2 .mk1 .title{height: 4.5em;background-color: #ffffff;font-size: 1.6em;font-weight: bold;color: #4f4643;}
.caselist2 .mk1 .title::after {content: "";width: 1.5em;height: 4px;background-color: #003567;display: block;margin: .5em auto 0;}

.news {padding:0px 20px;}
.news .title{border-bottom:1px solid #ccc;color:#000000;min-height:80px;line-height: 40px;font-size: 24px;text-align: center;}
.news .descr{font-size:14px;line-height: 20px;color:#838383;}
.news .prenext{height:100px;line-height: 30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:20px 0px;}
.news .prenext a{font-size:14px;color:#333333;}
.news .back{font-size:14px;color:#838383;}

.guigecanshu{margin-top:80px;position: relative;}
.guigecanshu .biaoti1{font-weight: bold;}
.guigecanshu .mkheader {border-bottom: 1px solid #ccc;padding:50px 0px 2px 0px;display: flex;align-items: center;flex-wrap: nowrap;}
.guigecanshu .mkheader li{margin-left: 80px;cursor: pointer;height:50px;line-height: 50px;font-size: 16px;color:#585656;}
.guigecanshu .mkheader li.active{border-bottom:2px solid #0083db;color:#0083db;}
.guigecanshu .mkheader li:hover{color: #0083db;}
/*.guigecanshu .mkheader li::after{content: "";width: 0;height: 2px;background-color: #0083db;display: block;transition: all .5s ease;}*/
.guigecanshu .mkheader li:hover:after, .nav li.active:after {width: 100%;}
.guigecanshu .mkheader li:first-child{margin-left: 0;}

.guigecanshubody {display: none;}
.guigecanshubody.active{display: block;}


.guigecanshu .mk2{border-bottom: 1px solid #ccc;padding:50px 0px;color:#585656;}

.guigecanshu .mk2left{width:26%;}
.guigecanshu .mk2right{width:80%;}
.guigecanshu .mk2left h2{font-size: 30px;}
.guigecanshu .mk2right ul{width:50%;}
.guigecanshu .mk2right ul li {float:left;width:100%;font-size:16px;line-height:1.5;padding-bottom:10px;color:#585656;font-weight:normal;}
.guigecanshu .mk2right ul li strong,.mk1right ul li span {float:left;display:block;line-height:1.5;}

.guigecanshu .mk3right{width:96%;}
.guigecanshu .mk3right ul{}
.guigecanshu .mk3right ul li {float:left;width:100%;font-size:16px;line-height:1.5;padding-bottom:10px;color:#333;font-weight:normal;}
.guigecanshu .mk3right ul li strong,.mk1right ul li span {float:left;display:block;line-height:1.5;}

.guigecanshu .showhide{display: none;}

.guigecanshu .mkfoot {width:168px;height:45px;margin:50px auto;}
.guigecanshu .mkfoot a {display:block;color:#fff;width:100%;font-size:16px;height:45px;line-height:45px;text-align:center;background-color:#0e4b9f;}

.fuwu{width: 100%;position: relative;}
.fuwu .mk1{position:absolute;top:20%;left:10.35%;}
.fuwu .mk1 .title1{font-size:2.875em;color:#222;font-weight:bold;margin-bottom:0.87em;line-height: 45px;}
.fuwu .mk1 .title2{font-size:1.75em;height:50px;line-height:50px;color:#222;font-weight:bold;}
.fuwu .mk1 a {font-size:inherit;color:inherit;display:inline-block;-webkit-animation:sec15num 1.5s linear 3s infinite;-moz-animation:sec15num 1.5s linear 3s infinite;-ms-animation:sec15num 1.5s linear 3s infinite;-o-animation:sec15num 1.5s linear 3s infinite;animation:sec15num 1.5s linear 3s infinite;}

.fuwu .mk1 .title2 i{display:block;width:40px;heigth:40px;font-size:36px;float:left;-webkit-animation:sec18tel 1.2s 2s infinite;-moz-animation:sec18tel 1.2s 2s infinite;-ms-animation:sec18tel 1.2s 2s infinite;-o-animation:sec18tel 1.2s 2s infinite;animation:sec18tel 1.2s 2s infinite;}

.fuwu .mk1 ul {margin-top:6.5%;width: 75%;    flex-wrap: wrap;}
.fuwu .mk1 li {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin: 0 1.125em;
  width: 25%;
  margin-bottom: 2em;
}
.fuwu .mk1 li i{font-size: 36px;}
.fuwu .mk1 li h4 {font-size:1.025em;color:#333;font-weight:bold;margin-top:0.78em;}
.shouji{display: none;}
@keyframes sec15num {0% {transform:scale(1,1);}
  50% {transform:scale(1.1,1.1);}
  100% {transform:scale(1,1);}
}
@-webkit-keyframes sec15num {0% {-webkit-transform:scale(1,1);}
  50% {-webkit-transform:scale(1.1,1.1);}
  100% {-webkit-transform:scale(1,1);}
}
@-moz-keyframes sec15num {0% {-moz-transform:scale(1,1);}
  50% {-moz-transform:scale(1.1,1.1);}
  100% {-moz-transform:scale(1,1);}
}
@-ms-keyframes sec15num {0% {-ms-transform:scale(1,1);}
  50% {-ms-transform:scale(1.1,1.1);}
  100% {-ms-transform:scale(1,1);}
}
@-o-keyframes sec15num {0% {-o-transform:scale(1,1);}
  50% {-o-transform:scale(1.1,1.1);}
  100% {-o-transform:scale(1,1);}
}

@keyframes sec18tel {0% {transform:rotate(0deg);}
  5% {transform:rotate(-45deg);}
  10% {transform:rotate(0deg);}
  15% {transform:rotate(45deg);}
  20% {transform:rotate(0deg);}
  25% {transform:rotate(-45deg);}
  30% {transform:rotate(0deg);}
  35% {transform:rotate(45deg);}
  40% {transform:rotate(0deg);}
  100% {transform:rotate(0deg);}
}
@-webkit-keyframes sec18tel {0% {-webkit-transform:rotate(0deg);}
  5% {-webkit-transform:rotate(-45deg);}
  10% {-webkit-transform:rotate(0deg);}
  15% {-webkit-transform:rotate(45deg);}
  20% {-webkit-transform:rotate(0deg);}
  25% {-webkit-transform:rotate(-45deg);}
  30% {-webkit-transform:rotate(0deg);}
  35% {-webkit-transform:rotate(45deg);}
  40% {-webkit-transform:rotate(0deg);}
  100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes sec18tel {0% {-moz-transform:rotate(0deg);}
  5% {-moz-transform:rotate(-45deg);}
  10% {-moz-transform:rotate(0deg);}
  15% {-moz-transform:rotate(45deg);}
  20% {-moz-transform:rotate(0deg);}
  25% {-moz-transform:rotate(-45deg);}
  30% {-moz-transform:rotate(0deg);}
  35% {-moz-transform:rotate(45deg);}
  40% {-moz-transform:rotate(0deg);}
  100% {-moz-transform:rotate(0deg);}
}
@-ms-keyframes sec18tel {0% {-ms-transform:rotate(0deg);}
  5% {-ms-transform:rotate(-45deg);}
  10% {-ms-transform:rotate(0deg);}
  15% {-ms-transform:rotate(45deg);}
  20% {-ms-transform:rotate(0deg);}
  25% {-ms-transform:rotate(-45deg);}
  30% {-ms-transform:rotate(0deg);}
  35% {-ms-transform:rotate(45deg);}
  40% {-ms-transform:rotate(0deg);}
  100% {-ms-transform:rotate(0deg);}
}
@-o-keyframes sec18tel {0% {-o-transform:rotate(0deg);}
  5% {-o-transform:rotate(-45deg);}
  10% {-o-transform:rotate(0deg);}
  15% {-o-transform:rotate(45deg);}
  20% {-o-transform:rotate(0deg);}
  25% {-o-transform:rotate(-45deg);}
  30% {-o-transform:rotate(0deg);}
  35% {-o-transform:rotate(45deg);}
  40% {-o-transform:rotate(0deg);}
  100% {-o-transform:rotate(0deg);}
}

.kehushuo { position: relative;}
.kehushuo .xiangshang,.kehushuo .xiangxia{position: relative;text-align: center;z-index:20;height:50px;}
.kehushuo .kefushuo_1 {position: absolute;right: 50px;top: 50px;padding-bottom:10px;width: 240px;height: calc(100% - 124px); overflow:hidden; list-style: none;color:#fff;z-index:2;}
.kehushuo ul.kefushuo_2 {position: relative;height: 100%;list-style: none;overflow:hidden;}
.kehushuo ul li {
  height: 58px;
  line-height: 16px;
  margin-top: 2px;
  margin-bottom: 2px;
  text-align: center;
  width: 100%;
  background-color: #393939;
  color: #fff;
  font-size: 16px;
  display: block;
  padding-left: 10px;
  padding-top: 12px;
}
.kehushuo ul li.active{background-color: #008aff;font-size: 18px;}




/*.kehushuo .swiper-slide {font-size: 14px;margin-bottom: 10px;background-color: #393939;color:#fff;margin-top:2px; align-items: center;display: flex;padding-left:30px;}*/
/*.kehushuo .index-img9{position: absolute; top:10%;right:20px;overflow: hidden;color:#fff;width:180px;height:80%;}*/
/*.kehushuo .swiper-wrapper1{height:78%;position: relative; overflow: hidden;}*/
/*.kehushuo .swiper-slide-active {background-color: #0e4b9f;}*/


.rightFix{position:fixed;right:10px;top:40%;z-index:1000;width:60px;background-color: #008aff;border-radius: 5px;padding:0px;}
.rightFix a.rightItem{position:relative; display:block;padding:18px 0px 12px 0px;margin:0px 10px;line-height:18px;text-align: center; border-bottom: 1px solid #9cafdb;color:#fff;}
.rightFix a.rightItem:last-child{border-bottom:0px;}
.rightFix .weixin .qr-box{position:absolute;right:160%;top:50%;width:348%;padding:15%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#008aff;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,0.3);line-height:1;display:none}
.rightFix .weixin:hover .qr-box{display:block}
.rightFix .weixin .qr-box img{width:100%;border-radius:2px}
.rightFix .weixin .qr-box .tri{position:absolute;left:100%;top:50%;margin-top:-12px;border-style:solid;border-color:transparent transparent transparent #2b71b9;border-width:12px 0 12px 12px}

.rightFix .phone .qr-box{position:absolute;right:160%;top:50%;width:348%;padding:35%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color:#008aff;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,0.3);line-height:1;display:none}
.rightFix .phone:hover .qr-box{display:block}
/* .rightFix .phone .qr-box img{width:100%;border-radius:2px} */
/* .rightFix .phone .qr-box .tri{position:absolute;left:100%;top:50%;margin-top:-12px;border-style:solid;border-color:transparent transparent transparent #2b71b9;border-width:12px 0 12px 12px} */

#liuyan{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);z-index:60;display:none}
#liuyan.active{display:block}
#liuyan .flex-box{width:100%;height:100%;-webkit-display:flex;-webkit-align-items:center;-webkit-justify-content:center;-moz-display:flex;-moz-align-items:center;-moz-justify-content:center;-ms-display:flex;-ms-align-items:center;-ms-justify-content:center;-o-display:flex;-o-align-items:center;-o-justify-content:center;display:flex;align-items:center;justify-content:center}
#liuyan .liuyan-box{background-color:#fff;border-radius:5px;width:600px;max-width:75%;position:relative;display:none}
#liuyan .liuyan-box.active{display:block}
#liuyan .liuyan-box .close{display:block;width:17px;position:absolute;left:100%;top:0;margin-left:10px}
#liuyan .liuyan-box.form{text-align:center;padding:2.3% 0 2.7%}
#liuyan .liuyan-box.form ul,#liuyan .liuyan-box.form h3,#liuyan .liuyan-box.form textarea{width:83%;margin:0 auto}
#liuyan .liuyan-box.form ul li{text-align:left;margin-bottom:20px}
#liuyan .liuyan-box.form ul li:last-child{margin-bottom:0}
#liuyan .liuyan-box.form ul li .icon{vertical-align:middle;width:3.65%;margin-right:4.35%}
#liuyan .liuyan-box.form ul li .text-box{display:inline-block;vertical-align:middle;width:92%;position:relative}
#liuyan .liuyan-box.form ul li .text-box p{font-size:16px;color:#222222;position:absolute;top:50%;margin-top:-0.5em;left:20px}
#liuyan .liuyan-box.form ul li .text-box input{width:100%;height:48px;line-height:46px;border:1px solid #f6f6f6;background-color:#f6f6f6;border-radius:5px;padding-left:72px;padding-right:20px;font-size:14px;color:#999;box-shadow:0 none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
#liuyan .liuyan-box.form ul li .text-box input:focus{border-color:#1f74af;background-color:#fff;color:#1f74af}
#liuyan .liuyan-box.form h3{margin:5.33% auto 3.33%;position:relative}
#liuyan .liuyan-box.form h3 .line{position:absolute;width:100%;left:0;top:50%;background-color:rgba(0,0,0,0.05);height:1px}
#liuyan .liuyan-box.form h3 span{font-size:18px;color:#222;font-weight:normal;display:inline-block;vertical-align:top;padding:0 1em;background-color:#fff;position:relative;z-index:1}
#liuyan .liuyan-box.form textarea{resize:none;border:0 none;padding:0;background-color:#f6f6f6;border:1px solid #f6f6f6;border-radius:5px;padding:10px 20px;font-size:14px;color:#999;line-height:1.5;height:calc(6em + 20px);box-shadow:0 none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
#liuyan .liuyan-box.form textarea:focus{background-color:#fff;border-color:#1f74af;color:#1f74af}
#liuyan .liuyan-box.form .submit{display:block;margin:6.666% auto 0;font-size:18px;color:#fff;font-weight:bold;text-align:center;background-color:#1f74af;width:176px;height:46px;line-height:46px;border-radius:5px}
#liuyan .liuyan-box.success{padding:3% 0 3.8%;text-align:center}
#liuyan .liuyan-box.success .img{width:38.666%}
#liuyan .liuyan-box.success h3{font-size:28px;color:#001668;font-weight:bold;margin-top:1em}
#liuyan .liuyan-box.success p{font-size:16px;color:#999;margin-top:1em}
.news .descr img{max-width: 100%;}
/*@media only screen and (max-width: 1576px) {*/

/*}*/

.pc{display:block;}
.mobile{display:none;}
@media only screen and (max-width: 1400px) {
  .font72 {font-size: 52px;}
  .sasslist .item{width: calc( 25% - 10px ); margin-bottom:10px;padding:60px 0 60px 5px; }


  .pinpaishili .mk {width: 24%;margin-bottom: 1%;}
  .pinpaishili .circle1 {width: 10em;height: 10em;}
  .pinpaishili .circle2 {width: 8em;height: 8em;}
  .pinpaishili .circle3 {width: 6em;height: 6em;}
  .pinpaishili .font48{ font-size: 36px;}

  .fuwu .mk1{top:15%;}

}
@media only screen and (max-width: 1200px) {
  .mtb75 {padding: 3.5em 0;}

  .font72 {font-size: 32px;}
  .font64 {font-size: 36px;}
  .font56 {font-size: 32px;}
  .font48 {font-size: 28px;}
  .font36 {font-size: 24px;}
  .font24 {font-size: 18px;}
  .font18 {font-size: 16px;}
  .font16 {font-size: 14px;}

  .mt-130{margin-top:60px;}

  .fuwu .mk1{top:10%;}

  .nav2 .nav2-item {position: relative;width: 130px;}
  .nav2 .nav2-right2 a{margin-left:5px;margin-right:5px;font-size: 12px;}

}
@media only screen and (max-width: 1054px) {
  .pcfix {display: none;}
  .mobilefix {display: block;}
  .rightFix{position:fixed;right:1px;top:66.8%;}
  .sasslist .item{width: calc( 50% - 5px ); margin-bottom:10px;}

  .nav2-content3 {bottom: 0px;}
  /* common */
  .d-mobile-flex {display: flex;}
  .d-pc-none {display: block;}
  .d-mobile-none {display: none;}



  .maintop {height: 136px;}
  .mt-250{ margin-top:150px;}
  .mt-108{ margin-top:54px;}
  .mt-86{ margin-top:43px;}
  .mt-29{ margin-top:10px;}
  .mt-26{ margin-top:20px;}
  .mtb-26-32{ margin:12px 0px 16px 0px;}
  .ml120{margin-left:80px;}
  .pt130{padding-top:80px;}
  .pt50{padding-top:30px;}
  .mtb75 {padding: 1.5em 0;}

  /* header */
  .nav1 {display: none;}
  .lang-mobile, .menu-mobile {display: inline-flex;align-items: center;}
  .lang-mobile img, .menu-mobile img{width: 45px;}
  .nav2 .nav2-left img {height: 50px;}
  .nav2 .nav2-main {justify-content: space-between;align-items: center;}
  .nav2 .nav2-right { position: fixed;display: block;top: 130px;left: -100%;width: 100%;margin-left: 0;padding: 0 50px;transition: all .5s ease;background-color: #fff;max-height: 80vh;overflow-x: auto;}
  .nav2 .nav2-right.active {left:0;}
  .nav2 {height: 130px;}
  .nav2 .nav2-item {width: 100%;}
  .nav2-item {text-align: left;width: 100%;}
  .nav2-item .nav2-title {font-size: 24px;color: #333;}
  .nav2-content {position: relative;top: 0;}
  .nav2-content .container .nav2-content-right {display: none;}
  .nav2-item2 {width: calc(100% - 20px);padding-left:20px;}
  .nav2-item2 .nav2-title2.active {display: none;}
  .nav2-item2, .nav2-item2 .nav2-title2 {font-size: 20px;}
  .nav2-content .container {padding: 0;width: 100%;max-width: 100%;}
  .nav2-content3 {position: relative;left: 0;width: 100%;padding-left: 15px;}
  .nav2-item2:hover::after {content: "";}
  .nav2-content .container .nav2-content-left {width: 100%;}
  /* .nav2-item2:hover .nav2-content3 {display: none;} */
  .jiahao-item,.jiahao-item2 {display: flex;align-items: center;justify-content: space-between;}
  .icon-menu {display: block;}
  .icon-close {display: none;}
  /*.arrow{display: none;}*/
  .nav2-item2.lg:hover .arrow{display: none;}
  .mobile-jiahao {width: 15px;height: 15px;position: relative;}
  .mobile-jiahao .hor, .mobile-jiahao .ver {position: absolute;background-color: #333;}
  .mobile-jiahao .ver {width: 15px;height: 2px;top: 6.5px;left: 50%;margin-left: -8px;}
  .mobile-jiahao .hor {width: 2px;height: 15px;top: 50%;margin-top: -7.5px;left: 6px;}

  .nav2-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .footer1-item i {margin-right: 10px;}
  .footer1 {padding: 25px 0;flex-wrap: wrap;}
  .footer2 {padding: 25px 0;}
  .footer3 {padding: 15px 0;}
  .footer4 {padding: 15px 0;}
  .footer1-item {width: 100%; font-size: 16px;flex-wrap: wrap;margin-top: 15px;}
  .footer1-item img {margin-right: 10px;}
  .footer4 .container {flex-wrap: wrap;line-height: 25px;}
  .footer2 .ewm-img {width: 100px;height: 100px;margin-right: 15px;}
  .footer2 .ewm-text {margin-top: 10px;margin-right: 15px;}

  .ziyuanxiazai div .font24{font-size: 18px;}
  .ziyuanxiazai .item{padding:20px;}



  .suishichakanmendian .mk1 .mk1-img {margin-top:-100px;}
  .suishichakanmendian .mk1 .mk1-img3{width:40%;}

  .pinpaishili .mk {width: 48%;margin-bottom: 1%;}


  /* .web {display: none;}
  .shouji {display: block;} */

  .fuwu .mk1{width:100%;text-align:center;left:0;top:5%;display: flex;align-items: center;}
  .fuwu .mk1 .title1{font-size:1.875em;margin-bottom:0.67em;}
  .fuwu .mk1 .title2{font-size:1.55em;}
  .fuwu .mk1 .title2 i{font-size:24px;}

  .fuwu .mk1 ul {margin-top:5.5%;}
  .fuwu .mk1 li i{font-size: 24px;}

  .nav2 .nav2-right2 {display: none;}

  .kehushuo .xiangshang,.kehushuo .xiangxia{height:30px;}
  .kehushuo .kefushuo_1 {top: 30px;height: calc(100% - 40px);}
  .kehushuo ul {height: calc(100% - 60px);}

  .rightFix{width: 50px;}
  .rightFix a.rightItem{padding:5px 0px;margin:0px 5px;font-size: 12px;}
}
@media only screen and (min-width: 992px)and (max-width: 1024px) {
  .pcfix {display: none;}
  .mobilefix {display: block;}
  .fuwu .mk1 {
    width: 50%;
    text-align: center;
    left: 5%;
    top: 10%;
    display: flex;
    align-items: center;
}
.footer1-item {width: 50%;}
.fuwu .ipad {display: block;}
.fuwu .web {display: none;}

}
@media only screen and (min-width: 767px)and (max-width: 992px) {
  .fuwu .mk1 {
    width: 100%;
    text-align: center;
    left: 0;
    top: 8%;
    display: flex;
    align-items: center;
}
.fuwu .mk1 .title1 {
  font-size: 2.0em;
  margin-bottom: 0.67em;
}
.fuwu .mk1 li h4 {
  font-size: 1.225em;}
}
@media only screen and (max-width: 767px) {
  .pc{display:none;}
  .mobile{display:block;}

  .font152 {font-size: 50px;}
  .font72 {font-size: 16px;}
  .font64 {font-size: 16px;}
  .font56 {font-size: 15px;}

  .font48 {font-size: 14px;}
  .font36 {font-size: 13px;}
  .font24 {font-size: 12px;}
  .font18 {font-size: 11px;}
  .font16 {font-size: 10px;}

  .maintop {height: 76px;}
  .mt-250{ margin-top:80px;}
  .mt-130{ margin-top:60px;}
  .mt-108{ margin-top:36px;}
  .mt-86{ margin-top:30px;}
  .mt-50{ margin-top:20px;}
  .mt-32{margin-top:10px;}


  .mt-29{ margin-top:10px;}
  .mt-26{ margin-top:20px;}
  .mtb-26-32{ margin:8px 0px 15px 0px;}
  .pt130{padding-top:50px;}


  /* header */
  .nav2 {height: 70px;line-height: 40px;}
  .nav2 .nav2-left img {height: 30px;}
  .lang-mobile img {width: 23px;}
  .menu-mobile img {width: 20px;}
  .nav2 .nav2-right {top: 70px;padding: 0 20px 20px;}
  .nav2-right .nav2-item:last-child {border-bottom: none;}
  .nav2-content2 {padding-left: 10px;}
  .nav2-content2 .nav2-item2:last-child,.nav2-content2 .nav2-item3:last-child {border-bottom: none;}
  .nav2-item2,.nav2-item3 {border-bottom: 1px solid rgba(149,149,149,0.3);}
  .nav2-item {margin-left: 0;border-bottom: 1px solid rgba(149,149,149,0.3);}
  .nav2-item .nav2-title {font-size: 16px;}
  .nav2-item2, .nav2-item2 .nav2-title2 {font-size: 14px;line-height: 40px;}

  .nav li {padding-left: 10px;}
  ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
 
  .footer2 {    flex-direction: column; padding: 15px 0 10px;}
  .footer2-left {
    flex: 1;
    display: flex;
    justify-content: space-evenly;
    border-right: none;
    text-align: left;
    align-items: baseline;
}
.footer2-right .footer2-item { margin-left: 0%;margin-top: 6%;}
.footer2-right .footer2-item:nth-child(1) { flex: 1.5;}
.footer2-item a, .footer2-item .ewm-text {line-height: 15px;}
.footer-up {height: 10px;}
.footer2-right .footer2-item:nth-child(2) { flex: 0.5;}
  /* footer */
  .footer1-item {flex-direction: row;align-items: flex-start;font-size: 10px;width: 100%;}
  .footer1 .footer1-item:nth-child(1),.footer1 .footer1-item:nth-child(2) {margin-top: 15px;}
  /*.footer1-item span {padding-top: 10px;}*/
  .footer2 {flex-wrap: wrap;}
  .footer2 .footer2-item:nth-child(4) {width: 100%;}
  .footer2-item {width: 100%;}
  .footer2-left .footer2-item {margin-right: 2%;line-height: 20px;}
  .footer1-item i {margin-right: 5px;}
  .footer3 .w20{display: block; margin-right: 0px;margin-top:20px;}
  .footer4{height:115px;  padding: 0px 0 20px;}
  .footer4 .font14{font-size:10px;}
  .footer4 a:first-child{margin-left: 0px;}
  .footer2 .ewm-text{text-align: center;}
  .footer2 .ewm-text{width: 95px;}
  .footer2-ewm {position: relative;}
  .footer2-ewm .ewm{left: 50%; right: 0%;}
  .footer2-ewm img{max-width: 100px;}

  .caselist a{width: calc( 50% - 15px );}
  .ziyuanxiazai .item{width: 100%;margin-top:20px;}

  

  .suishichakanmendian .banner-text-container {
    position: absolute;
    top: -30px;
    left: 0;
    width: 100%;
    height: 100%;
}
  .suishichakanmendian {padding-top: 40px;}
  .suishichakanmendian .mk1{padding-bottom:20px;}
  .suishichakanmendian .mk1 .mk1-img {margin-top:-180px;}
  .suishichakanmendian .mk1 .mk1-img3{width:30%;}
  .suishichakanmendian .mk1 .mk1-img1{width:50%;}
  .suishichakanmendian .mk1 .mk1-img2{width:80%;}

 
  /* .nav2-item2 {width: 230px;}
  .nav2-item2.lg .arrow{
    display: none;
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 1px solid #000000;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    border-top: none;
    border-right: none;
    top: 20px;
    right:200px;
  }
  .jiahao-item,.jiahao-item2 {display: flex;align-items: center;justify-content: space-between;margin-left: 200px;} */
 



  .pinpaishili .mk {padding: 30px 15px 15px;}

  .caselist2 a{width: calc( 50% - 15px );}

  .news {padding:10px 10px;}


  .fuwu .mk1 .title1{font-size:1.3em;margin-bottom:0.07em;line-height: 20px;}
  .fuwu .mk1 .title2{font-size:1.25em;height: 35px;line-height: 30px;}
  .fuwu .mk1 .title2 i{font-size:24px;}

  .fuwu .mk1 ul {margin-top:1%;width: 100%;}
  .fuwu .mk1 li i{font-size: 24px;}
  .fuwu .mk1 li {margin:0 0.425em;width: 30%;}
  .fuwu .mk1 li h4 {font-size: 10px;}
  .fuwu .mk1 .d-flex {    flex-wrap: wrap;}

  .guigecanshu{margin-top:50px;}
  .guigecanshu .mk2right {flex-direction: column;}
  .guigecanshu .mk2right ul{width:100%;}
  .guigecanshu .mk3right {flex-direction: column;}
  .guigecanshu .mkheader{ justify-content: flex-start; overflow-x: scroll; overflow-y: hidden; flex-wrap: nowrap;padding:20px 0px 2px 0px;}
  .guigecanshu .mk2{padding:20px 0px;}
  .guigecanshu .mk2left h2{font-size: 16px;}
  .guigecanshu .mk2right ul li {font-size:14px;}
  .guigecanshu .mk3right ul li {font-size:14px;}



  .footer3 .font24{font-size: 24px;}
}
@media only screen and (max-width: 487px) {
  .suishichakanmendian {
    flex-direction: column;
  }
}