/* CSS Document */
@charset "utf-8";

*, *:after, *:before {margin:0px;padding:0px;border:none;outline:none;background:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body,html {margin: 0 auto;font-size:16px;line-height: 200%;color:#101020;font-weight:400;background:#ffffff;font-family: 'Microsoft YaHei', sans-serif;background-size:cover;background-repeat:no-repeat;background-position:center top;-webkit-font-smoothing: antialiased;}
address,cite,code,em,th,i,h1,h2,h3,h4,h5,h6{font-style:normal;}
a{color:#101020;text-decoration:none;transition:all 500ms ease;-moz-transition:all 500ms ease;-webkit-transition:all 500ms ease;-ms-transition:all 500ms ease;-o-transition:all 500ms ease;}
a:hover{text-decoration:none;outline:none;color:#e50043;}
input,button,select,textarea{font-family: 'Microsoft YaHei', sans-serif;font-weight: 400;}
ul,li{list-style:none;padding:0px;margin:0px;}
input{transition: all 500ms ease;}
button:focus,input:focus,textarea:focus{outline: none;box-shadow: none;transition: all 500ms ease;}
input[type="submit"],input[type="reset"],input[type="button"]{-webkit-appearance:none;}input[type=submit]:hover{opacity:0.9;filter:Alpha(opacity=90);cursor: pointer;}
p{position: relative;font-family: 'Microsoft YaHei', sans-serif;font-weight: 500;margin: 0px;transition: all 500ms ease;}
h1,h2,h3,h4,h5,h6{position:relative;font-family: 'Microsoft YaHei', sans-serif;font-weight: 400;line-height: 150%;margin: 0px;transition: all 500ms ease;}
figure{margin: 0px;}
img {display: block;max-width: 100%;height: auto;margin: 0 auto;transition-delay: .1s;transition-timing-function: ease-in-out;transition-duration: .7s;transition-property: all;image-rendering: -moz-crisp-edges;image-rendering: -o-crisp-edges;image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;-ms-interpolation-mode:bicubic;image-rendering: optimizeQuality;pointer-events: none;}
.clearfix {z-index: 1;clear: both;}
.clearfix::after {display: block;clear: both;content: "";}
.l {float:left;_display: inline;}
.r {float:right;_display: inline;}
.tc{text-align: center;}
.container {margin: 0 auto;width: 94%;}
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;text-align: justify;}
.por{position: relative;}

/** header  **/
header{width: 100%;position: fixed;left: 0;top:0;background:#191919; z-index: 999;}
header .container{align-items: flex-end;}
header .logo img{height: 110px;}
header .tel{position: absolute;right: 3%;top:10px;}
header .tel i{margin-right: 5px;}
header .tel a{font-size: 22px;font-weight: bold;color: #e50043;}
.blank{display: block;width: 100%;height: 110px;clear: both;}

/** main-menu **/

.menu-area{
  width: 80%;
}

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size: 18px;
  color: #fff;
  opacity:1;
  z-index:1;
  padding-bottom: 20px;
  text-transform: uppercase;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li > a img{
  position: absolute;
  top:-18px;
  left: 50%;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
}

.main-menu .navigation > li.current > a:before,
.main-menu .navigation > li:hover > a:before{
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  bottom: 10px;
  border-bottom: 2px solid #e50043;
}

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 15px 0;
  left: 0;
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  width:250px;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0px;
  background-color: #fff;
}

.main-menu .navigation > li > .megamenu ul{
  justify-content: center;
}

.main-menu .navigation > li > .megamenu ul > li{
  padding-right: 36px;
  margin-right: 36px;
  border-right: 1px dashed #666;
}

.main-menu .navigation > li > .megamenu ul > li:last-child{
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}

.main-menu .navigation > li > .megamenu ul > li a{
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-menu .navigation > li > .megamenu ul > li a img{
  margin-right: 10px;
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  display: block;
  opacity:1;
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: fixed;
  top: 15px;
  right: 3%;
  font-size: 30px;
  z-index: 99;
  cursor: pointer;
  color: #fff;
  display: none;
}


/** mobile-menu **/
.mobile-menu{
  position: fixed;
  right: 0;
  top: 60px;
  width: 60%;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important;
}

.mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}

.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #fff;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 5px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  float: none;
  padding-bottom: 60px;
}

.mobile-menu .navigation > li{
  position: relative;
  display: block;
  border-bottom: 5px solid #e8e8e8;
}

.mobile-menu .navigation > li:last-child{
  border-bottom: none;
}

.mobile-menu .navigation > li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}

.mobile-menu .navigation > li > a > img{
  position: absolute;
  top:15px;
  left: 100px;
}

.mobile-menu .navigation li.dropdown .megamenu ul{
  padding: 0 20px;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.mobile-menu .navigation li.dropdown .megamenu ul li{
  width: 33.33%;
  text-align: center;
}

.mobile-menu .navigation li.dropdown .megamenu ul li img{
  padding: 8px 0;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:#fff;
  color: #3b3b3b;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

div#mCSB_1_container{
  top: 0px !important;
}

.banner{position: relative;}

/*fixed-slide*/
.fixed-slide{width: 60px;background: #333;text-align: center;position: fixed;right: 0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);z-index: 888;}
.fixed-slide ul li{border-bottom: 1px solid #414141;position: relative;}
.fixed-slide ul li a{padding: 10px 0;display: block;}
.fixed-slide ul li:hover{background: #e50043;}
.fixed-slide ul li span{font-size: 12px;color: #fff;line-height: 12px;margin-top: 6px;}
.fixed-slide ul li .xian{position: absolute;top: 5px;right: 5px;}
.fixed-slide ul li .wx-pic{display: none;width: 150px;position: absolute;top:50%;right: 60px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.fixed-slide ul li.wx{padding: 16px;}
.fixed-slide ul li.wx:hover .wx-pic{display: block;}
.fixed-slide ul li:last-child{border-bottom: none;}
.fixed-slide ul li:last-child a{padding: 15px;}

/*price*/
.price{position:fixed;width: 100%;left: 0;top:0;z-index: 9999;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);display: none;}
.price::before{position: absolute;content: '';top: -100%;left:0;width: 100%;height: 300%;background:rgba(0,0,0,.6);}
.price .priceBox{margin: 0 15%;padding:2% 3%;z-index: 1;background: #fff;box-shadow: 0 3px 50px 0 rgba(0,0,0,0.1);}
.price em{font-style:normal;}
.price .price-tit{margin-bottom:2%;}
.price .price-close{position: absolute;right: 0;top:0;}

.price .con_bj {overflow:hidden;position:relative;}
.price .con_bj h3 {font-size:24px;font-weight:bold;}
.price .con_bj_cal {position:relative;z-index: 2;width:50%;padding:0 10% 1% 0;border-right:1px solid #eee;}

.price .calputer_tit span {margin-left:10px;font-size:14px;font-weight:normal;}
.price .calputer_tit .num_man {margin:0 2px;color:#e50043;font-size:20px;}

.price .form_line .nativeplace{width:32%;display:inline-block;margin-left: 2%;}
.price .form_line .nativeplace1{margin-left: 0;}
.price .form_line select{width:100%;margin-top:10px;background:#eee;font-size:14px;padding-left:10px;color:#666;border:none;height:50px;font-size:16px;border-radius:6px;}
.price .form_line .intxt{width:100%;margin-top:10px;background:#eee;font-size:14px;padding-left:10px;color:#666;border:none;height:50px;font-size:16px;border-radius:6px;}

.price .ico-line-btn {background:url(../images/ico-line-btn.png) no-repeat;top:130px;z-index:9;width:140px;height:140px;right:-71px;display:block;position:absolute;}

.price .calc-btn {position:absolute;top:155px;right:-46px;display:block;width:90px;height:90px;background:#e50043;-webkit-border-radius:50%;-ms-border-radius:50%;border-radius:45px;z-index:15;text-decoration:none;font-size:16px;color:#fff;border:none;}
.price .calc-btn:hover{text-decoration:none; background:#f51426;}
.price .circle-animate {position:absolute;top:145px;right:-56px;width:110px;height:110px;-webkit-border-radius:50%;border-radius:50%;background:#fdcc9a;z-index:12;-webkit-animation:scale-three2 1.5s ease infinite;-moz-animation:scale-three2 1.5s ease infinite;-o-animation:scale-three2 1.5s ease infinite;animation:scale-three2 1.5s ease infinite;animation-fill-mode:both}

@keyframes scale-three2 {
0% {
transform:scale(1);
opacity:.8
}

100% {
transform:scale(1.3);
opacity:0
}
}

@-webkit-keyframes scale-three2 {
0% {
-webkit-transform:scale(1);
opacity:.7
}

100% {
-webkit-transform:scale(1.3);
opacity:0
}
}

@-moz-keyframes scale-three2 {
0% {
-moz-transform:scale(1);
opacity:.7
}

100% {
-moz-transform:scale(1.3);
opacity:0
}
}

@-o-keyframes scale-three2 {
0% {
-o-transform:scale(1);
opacity:.7
}

100% {
-o-transform:scale(1.3);
opacity:0
}
}

.price .con_bj_res{width:50%;;width:50%;padding:0 0 1% 10%;}
.price .bj_res_t strong, .bj_res_ul li b {display:inline-block;font-weight:400;color:#e50043}
.price .bj_res_t {line-height:280%;font-size:20px;text-align:center;}
.price .bj_res_t strong {font-size:28px;margin:0 12px}
.price .bj_res_ul {padding:6% 0;margin:2% auto 0;border:1px solid #ddd;border-radius:6px;line-height:40px;}
.price .bj_res_ul li span {float:left;width:48%;text-align:right;}
.price .bj_res_ul li em {float:left;width:50%;font-weight:400;text-align:left;}
.price .bj_res_ul li em strong {display:inline-block;width:55px;font-weight:normal;margin-left:10px;margin-right:10px;font-size:18px}
.price .zxzi{margin-top:5%;}

/*footer*/
footer{background: #080808;}

.footerBox{padding: 2% 0;color: #fff;align-items: flex-start;}
.footerTxt{width: 430px;}
.footerTxt .footerLogo{justify-content: flex-start;margin-bottom: 10px;}
.footerTxt .footerLogo img{width: 50px;margin: 0 10px 0 0;}
.footerTxt .footerLogo h3{font-size: 26px;font-weight: bold;}
.footerTxt .footerLogo h3 span{display: block;font-size: 16px;letter-spacing: 1px;font-weight: normal;line-height: 160%;}
.footerTxt .footerLogo h3 span i{color: #e50043;}
.footerTxt p{color: rgba(255,255,255,.6);line-height: 240%;}
.footerTxt p.t{color: #fff;font-weight: bold;font-size: 18px;}

.footerForm{width: 40%;}
.footerForm h4{font-size: 18px;font-weight: 300;text-align: center;line-height: 240%;}
.footerForm ul li{width: calc(50% - 5px);background: #191919;margin-top: 10px;padding: 3px 15px;}
.footerForm ul li input,.footerForm ul li textarea{width: 100%;font-size: 16px;color: rgba(255,255,255,.6);}
.footerForm ul li:last-child{width: 100%;padding: 10px 15px;}
.footerForm .btn input{background: #e50043;width: 100%;margin-top: 10px;text-align: center;font-size: 18px;line-height: 40px;color: #fff;}

.footerCode{width: 380px;}
.footerCode h4{font-size: 24px;margin-bottom: 30px;}
.footerCode h4 span{font-size: 16px;line-height: 120%;opacity: .6;display: block;}
.footerCode ul li{width: 160px;text-align: center;font-size: 14px;}

.footerBottom{background: #191919;color: rgba(255,255,255,.6);padding: 10px;}
.footerBottom a{color: rgba(255,255,255,.6);}
.footerBottom ul{justify-content: center;}
.footerBottom ul li{line-height: 16px;padding: 0 10px;border-right: 1px solid rgba(255,255,255,.5);margin: 10px 0;}
.footerBottom ul li:last-child{border-right: none;}
.footerBottom .link{margin: 5px 0;}
.footerBottom .link a{line-height: 16px;padding-right: 10px;border-right: 1px solid rgba(255,255,255,.5);margin-right: 10px;}
.footerBottom .link a:last-child{padding-right: 0;margin-right: 0;border-right: none;}

.footer-bottom{display: none;}


@media screen and (max-width:1680px){

body,html {font-size:15px;line-height: 200%;}

header .logo img{height: 90px;}
header .tel{top:5px;}

.main-menu .navigation > li > a{font-size: 16px;}

.blank{height: 90px;}

.price .priceBox{margin: 0 8%;}

.footerForm{width: 35%;}
.footerForm h4{line-height: 200%;}
.footerForm ul li:last-child{padding-bottom: 0;}
.footerForm ul li input, .footerForm ul li textarea{font-size: 14px;}
.footerCode{width: 360px;}


}


@media screen and (max-width:1440px){

body,html {font-size:15px;line-height: 200%;}

header .logo img{height: 90px;}
header .tel{top:5px;}

.main-menu .navigation > li > a{font-size: 16px;}

.blank{height: 90px;}

.price .priceBox{margin: 0 8%;}

.footerForm{width: 35%;}
.footerForm h4{line-height: 200%;}
.footerForm ul li:last-child{padding-bottom: 0;}
.footerForm ul li input, .footerForm ul li textarea{font-size: 14px;}
.footerCode{width: 360px;}


}

@media screen and (max-width:1280px){

.footerForm{width: 45%;}
.footerCode{display: none;}

}

@media screen and (max-width:1024px){

header .logo img{height: 70px;}

.menu-area{width: 84%;}
.main-menu .navigation > li > a{padding-bottom: 5px;}
.main-menu .navigation > li > a img{top:-15px;}
.main-menu .navigation > li.current > a:before, .main-menu .navigation > li:hover > a:before{bottom:5px;}

.main-menu .navigation > li > .megamenu ul > li{padding-right: 20px;margin-right: 20px;}
.main-menu .navigation > li > .megamenu ul > li a{font-size: 15px;line-height: 30px;}
.main-menu .navigation > li > .megamenu ul > li a img{margin-right: 5px;}

.blank{height: 70px;}

.price .priceBox{margin: 0 3%;}

}

@media screen and (max-width:768px){

header .logo img{height: 60px;}
header .tel{top:15px;right: 10%;}

.menu-area{width: auto;}
.main-menu{display: none;}
.menu-area .mobile-nav-toggler {display: block;}

.main-menu,
.sticky-header,
.main-header.style-one .outer-container:before{display: none !important;}

.blank{height: 60px;}

.price .priceBox{margin: 0 10%;padding: 4%;}
.price .price-tit img{height: 80px;}
.price .con_bj_cal{width: 100%;padding: 2%;float: none;border:none;}
.price .con_bj_cal > *{max-width: 480px;width: 100%;margin-right: auto;margin-left: auto;}
.price .con_bj_res{width: 100%;padding: 1% 0 0 0;float: none;-webkit-box-sizing: border-box;box-sizing: border-box;}
.price .con_bj_res .bj_res_con{max-width: 480px;width: 100%;margin-right: auto;margin-left: auto;}
.price .ico-line-btn{display: none;}
.price .calc-btn{position: static;width: 100%;height: auto;line-height:50px;margin: 10px 0 0 0;border-radius:6px;}
.price .circle-animate{display: none;}
.price .bj_res_ul li{width: 50%;float: left;}
.price .bj_res_ul li span{width: 45%;}
.price .bj_res_ul li em{width: 55%;}
.price .zxzi{max-width:480px;margin:3% auto 0 auto;}

.footerTxt{width: 360px;}
.footerTxt .footerLogo img{width: 40px;}
.footerTxt .footerLogo h3{font-size: 22px;}
.footerTxt .footerLogo h3 span{font-size: 14px;}

.footerBottom{margin-bottom: 60px;}

.footer-bottom{background:#fff;width: 100%;position: fixed;bottom: 0;z-index: 998;display: block;}
.footer-bottom li{width: 20%;text-align: center;line-height:20px;}
.footer-bottom li a{padding: 5px 0;display: block;}
.footer-bottom li img{height: 30px;filter: contrast(50%);}

}

@media screen and (max-width:480px){

body,html {font-size:14px;line-height: 180%;}

header .tel{display: none;}
.mobile-menu{width: 70%;}
.mobile-menu .close-btn{right: 3%;}
.mobile-menu .navigation li > a{font-size: 15px;}
.mobile-menu .navigation li ul li > a{font-size: 14px;padding-right: 0;}
.mobile-menu .navigation li.dropdown .caseNav ul li{width: 50%;}

.fixed-slide{display: none;}
.price{height: 100%;}
.price .priceBox{margin: 5%;height: 90%;overflow-y: scroll;}
.price .price-tit img{height: 46px;}
.price .con_bj h3{font-size: 18px;margin-bottom:10px;}
.price .calc-btn em{font-size: 14px;}
.price .calputer_tit span{margin-top: 5px;margin-left: 0;display: block;}

.price .bj_res_t{font-size: 16px;}
.price .bj_res_t strong{width: 80px;font-size: 22px;margin: 0 6px;}
.price .bj_res_ul{padding: 4% 0;}
.price .bj_res_ul li{width: 100%;}
.price .bj_res_ul li strong em{font-size: 16px;}
.price .bj_res_ul li, .bj_res_ul li strong{line-height: 36px;}
.price .bj_res_ul li span{width: 45%;line-height: 36px;}

.footerBox{padding: 15px 0;}
.footerTxt{width: 100%;}
.footerTxt .footerLogo h3{font-size: 20px;}
.footerTxt .footerLogo h3 span{font-size: 12px;}
.footerTxt p{display: none;}

.footerForm{width: 100%;}
.footerForm ul li{padding: 3px 10px;}
.footerForm ul li:last-child{padding: 10px;}
.footerForm .btn input{font-size: 16px;}

.footerNav,.link{display: none;}
.copyright{font-size: 12px;}

}