﻿@charset "utf-8";

html{font-size:62.5%;}

body{margin:0px; font-size:12px; color:#91989f; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; cursor:default; }

*{padding:0px; margin:0px;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei;}

h1,h2,h3,h4,h5,h6 {list-style:none; font-weight:normal; color:#555;}

input,select,button{font-size:12px; font-family: Arial, Helvetica, sans-serif,Microsoft YaHei; border:0; background:none; outline:none; vertical-align:middle;}

button {overflow:visible}

img{border:none;}

li{list-style:none;}

a{color:#91989f; text-decoration:none;

-webkit-transition:all .3s;

-moz-transition:all .3s;

-ms-transition:all .3s;

-o-transition:all .3s;

transition:all .3s;}

a:hover{color:#005caf;}

.con{margin:0 auto;}

.clear{overflow:hidden; clear:both; height:0px;}

.fl{float:left;}

.fr{float:right;}



.con{width:1200px; margin:0 auto;}

.container {width: calc(100% - 326px);margin: 0 auto;}

.header{width:100%; position:absolute; top:0; left:0; z-index:10;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .container{position:relative;}

.header .logo{/*width:87px;*/width:190px; float:left; margin:45px 0 45px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .logo img{width:100%; height:auto; display:block;}



.header .an{position:absolute; top:50%; right:15px; height:18px; width:30px; display:none;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);}

.header .an span{width:30px; height:2px; background-color:#555; display:block; position:absolute;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}

.header .an span.a1{top:0; left:0;}

.header .an span.a2{top:8px; left:0;}

.header .an span.a3{top:16px; left:0;}

.header .an.n span.a2{display:none;}

.header .an.n span.a1{top:8px; width:30px;

transform:rotate(45deg);

-o-transform:rotate(45deg);

-ms-transform:rotate(45deg);

-moz-transform:rotate(45deg);

-webkit-transform:rotate(45deg);}

.header .an.n span.a3{top:8px; width:30px;

transform:rotate(135deg);

-o-transform:rotate(135deg);

-ms-transform:rotate(135deg);

-moz-transform:rotate(135deg);

-webkit-transform:rotate(135deg);}

.header .cen {float: right;margin-top: 45px;}

.header .cen .searchIpt {width: 162px;height: 25px;margin-right: 16px;border-radius: 3px;overflow:hidden;float: left;border: #d1d1d1 2px solid;box-sizing: border-box;}

.header .cen .fbxq {width: 162px;height: 25px;background: #fba518;border-radius: 3px;overflow:hidden;text-align: center;float: left;font-size: 14px;line-height: 25px;}

.header .cen .fbxq a {color: #fff;}

.searchIpt .search_txt {width: 120px;padding: 0 0 0 8px;line-height: 21px;background: #fff;color: #999;border: 0;height:21px;float: left;}



.searchIpt .search_btn {width:30px;background: #fff url(../images/ss.png) center / 17px no-repeat;border: 0;float: right;color: #fff;height: 21px;cursor: pointer;}



.header .nav{ margin-top:45px; float:right;margin-left: 24px;}

.header .nav i{font-size:12px; color:#aaa; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;

transform:translate(0,-50%);

-webkit-transform:translate(0,-50%);

-moz-transform:translate(0,-50%);

-ms-transform:translate(0,-50%);

-o-transform:translate(0,-50%);}



.header .nav ul li{line-height:25px; float:left; position:relative; padding:0 24px;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s;}



.header.on .nav ul li{line-height:25px;}

.header .nav ul li a{display:block; font-size:14px; color:#a5a5a5; text-transform:capitalize}

.header .nav ul li:hover a{color: #fba518}

.header .nav ul li.on a{color: #fba518}



.nav .y_j{position:relative;}

.nav .e_j{width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:45px; left:50%; margin-left:-75px; display:none; z-index:9999;}

/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/

.header .nav ul li .e_j a{display:block; font-size:14px; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.5); text-align:center }

.nav .e_j .ejy { position:relative}

.nav .e_j .s_j {width:150px; background-color:rgba(255,255,255,.5); position:absolute; top:0px; left:150px; display:none; z-index:9999;}

.header .nav .e_j a:hover{background-color:#e77817; color:#fff;}

.head_h { height: 126px;}



@media (max-width:102px){

.header .nav ul li{margin:0 15px;}

.header .nav ul li a{font-size:15px;}

}

@media (max-width:1200px){

.header .nav ul li{margin:0 20px;}

.header .nav ul li a{font-size:16px;}

}

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

.head_h { height: 60px; display:block}

.header{border:0; height:60px; background:#333; width:100%}

.header .container{ padding:0; overflow:hidden; width:94%}

.header .logo{width:230px; margin:10px auto;}

.header.on .logo{width:220px; margin:10px auto;}

.header .an{display:block; right:10px;}

.header .an span { background-color:#999}

.header .nav ul { width: 100%;}

.header.on .nav {width:60%}

.header .nav{width:30%; padding:15px 5%; background-color:#000; height:100%; position:fixed; top:60px; right:-70%; z-index:9999; overflow:auto;

transition:all .5s;

-o-transition:all .5s;

-ms-transition:all .5s;

-moz-transition:all .5s;

-webkit-transition:all .5s; margin-top:0}

.header .nav.on{right:0;}

.header.on .nav ul li a { font-size: 16px;color: #fff;}

.header .nav i{display:block;}

.header .nav ul li{line-height:60px; text-align:left; border-bottom:1px solid #444; float:none; margin:0; padding:0}

.header .nav ul li::after { background: rgba(0,0,0,0);}

.header.on .nav ul li{line-height:60px;}

.header .nav .e_j { width: 100%; border-top: 1px solid #444; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}

.header .nav ul li .e_j a { color:#aaa;}

.header .nav ul li .e_j a:hover { color:#fff}

.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}

.header .nav .e_j a:hover{background:none;}

.header .nav ul li:hover .e_j{display:none;}

.header .nav ul li a{font-size:15px; color:#fff;}



.header .nav ul li:hover span{width:0;}

.header .nav ul li.on span{width:0;}

}

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

.header .container{ padding:0}

.header .logo{width:200px; margin:15px auto;}

.header.on .logo{width:200px; margin:15px auto;}

}





/* index css */

#index-banner{background: #fba518; width: 100%; position: absolute; top: 0; left: 0; z-index: 99990; }

#site-name{

	position:absolute;

	width:522px;

	margin-left: -256px;

	margin-top: -29px;

	top:50%;

	left:50%;

	z-index:1;

	font-weight: 700;

	line-height:1;

	text-align: center;

    transform: translate(0,-20px);

    transition: transform 1s ease-out;

    cursor: pointer;

}

#site-name span{float: left;}

#site-name span img{height: 59px; width: auto;}



#site-name span{

	display: inline-block;

	opacity:0;margin-right:0.3em;

    transform: scale(1.9,1.9);

    transition: opacity .5s ease-out, transform .5s ease-out;

}

#site-name span:last-child{

	margin-right: 0;

}

#site-name span.c3{

	/*margin-right:1.6em;*/

}

#site-name.show{

	        transform: translate(0, 0);

}

#site-name.show span{

	opacity:1; transform: scale(1,1);

}

.banner{width:100%; position:relative;height:100vh;}

.banner .swiper-slide{width:100%; height:100vh; display:block;}

.banner .swiper-pagination{bottom:15vh !important;}

.banner .swiper-pagination-bullet {width:10px; height:10px; display:inline-block; background: #fff;border: #bbc1c8 1px solid;opacity:1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fca518}

.banner .swiper-button-prev{background:rgba(0,0,0,0.4) url(../images/banner-l.png) center / 60px no-repeat; width:60px; height:60px; margin-top:-30px;top: 50%; left:18%;}

.banner .swiper-button-next{background:rgba(0,0,0,0.4) url(../images/banner-r.png) center / 60px no-repeat; width:60px; height:60px;margin-top:-30px;top: 50%; right:18%;}



.footer {position: absolute;left: 0;bottom: 10vh;z-index: 90;}

.footer .tel {width: 600px;}

.footer .tel .tb {width: 80px;height: 80px;background: #fff;border: rgba(0,0,0,0.5) 5px solid;line-height: 80px;text-align: center;float: left;}

.footer .tel .tb i {font-size: 50px;color: #666;}

.footer .tel .w_z {float: left;margin-left: 10px;}

.footer .tel .w_z h2 {font-size: 20px;color: #fff;}

.footer .tel .w_z h3 {font-size: 18px;color: #fff;margin-bottom:6px;}

.footer .tel .w_z p {font-size: 13px;color: #fff;}





.footer2 {overflow: hidden;padding-bottom: 110px;}

.footer2 .tel {width: 600px;}

.footer2 .tel .tb {width: 80px;height: 80px;background: #fff;border: #6e6e6e 5px solid;line-height: 80px;text-align: center;float: left;}

.footer2 .tel .tb i {font-size: 50px;color: #666;}

.footer2 .tel .w_z {float: left;margin-left: 10px;}

.footer2 .tel .w_z h2 {font-size: 20px;color: #a5a5a5;}

.footer2 .tel .w_z h3 {font-size: 18px;color: #a5a5a5;margin-bottom: 8px;}

.footer2 .tel .w_z p {font-size: 13px;color: #a5a5a5;}



.wzxx {padding-bottom: 25px;border-bottom: #707070 1px solid;font-size: 16px;background: #fff;color: #707070;}

.wzxx a {color: #707070;}

.alfl .sclm { width:1200px;margin: 20px auto;line-height: 26px;}

.alfl .sclm li {overflow: hidden;position: relative;padding:0px 70px 12px 0;}

.alfl .sclm .fl {float: left;margin-right: 25px;font-size: 16px;font-weight: bold;color: #8b8b8b;}

.alfl .sclm a { font-size:16px; color:#8b8b8b; padding:0 40px 0 0; display:block;float:left;}

.alfl .sclm a.nd {padding:0 40px 0 40px;}

.alfl .sclm a:hover { color:#fba518;}

.alfl .sclm a.on {color:#fba518;font-weight: bold;}

 button{ color:#00d3ff; padding:0px 25px 0px 12px;line-height: 24px;border: #00d3ff 1px solid;border-radius: 3px; font-size:14px; background:url(../images/xjt.png) 46px center / 14px no-repeat;position: absolute;right: 0;top: 0px;}

 button.n {background:url(../images/sjt.png) 46px center / 14px no-repeat}

.ny_allist {padding-top: 15px;padding-bottom: 70px;}

.ny_allist ul li {width:calc((100% - 80px) / 5);float: left;margin-right: 20px;margin-bottom: 20px;position: relative;}

.ny_allist ul li .tp {border-radius: 4px;overflow: hidden;position: relative;background: #fff;}

.ny_allist ul li .tp .mb {width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;z-index: 3;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.ny_allist ul li:hover .tp .mb {opacity: 1;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.ny_allist ul li img {width: 100%;display: block;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.ny_allist ul li:hover img.img2{opacity: 0.6;transition: all 0.3s;-wbkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}

.ny_allist ul li .wenz {padding-top: 10px;}

.ny_allist ul li .wenz h3 {font-size: 14px;color: #707070;    height: 20px;}

.ny_allist ul li:nth-child(5n){margin-right: 0;}



.nybody {padding-bottom: 78px;}



.bottomups {text-align: center;font-size: 31px;color: #fff;line-height: 80px;}



.footer-booking {

  position: fixed;

  left: 0;

  bottom: 0;

  width: 100%;

  z-index: 1002;

  transform-origin: 0 50% 0;

  -webkit-transform-origin: 0 50% 0;

  -ms-transform-origin: 0 50% 0;

  transition: all 0.2s linear;

  -webkit-transition: all 0.2s linear;

  -ms-transition: all 0.2s linear;

  background: #7fadeb;

    background-color: rgb(127, 173, 235);

  -webkit-transform: scaleX(0);

  -moz-transform: scaleX(0);

  -ms-transform: scaleX(0);

  transform: scaleX(0);

  margin: 0;

}





.zb_top_box {

  height: 79px;

  width: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 11;

  cursor: pointer;

}

.footer-booking-con {

  position: relative;

}

.footer-booking-con .footer_main {

  padding: 16px 0;

  width: 100%;

  max-width: 1000px;

  margin: 0 auto;

  overflow: inherit;

  position: relative;

}

.footer_main .img_wrap {

  left: 140px;

}

.footer-booking .img_wrap {

  position: absolute;

  left: 0;

  bottom: 0;

  width: 160px;

  display: block;

}

.footer_main .left {

  margin-left: 310px;

}

.footer-booking .left {

  color: #fff;

  margin-left: 160px;

  float: left;

  height: 47px;

  min-width: 27%;

}

.footer-booking .left .left-title {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 30px;

  font-family: PingFangSC-Medium, PingFang SC;

  font-weight: 500;

  color: #ffffff;

}



.footer-booking .sq_close_btn {

  cursor: pointer;

  position: absolute;

  right: 45px;

  top: 28px;

  width: 15px;

  height: 15px;

  background-size: 100% 100%;

  -webkit-transition: -webkit-transform 0.3s;

  transition: transform 0.3s;

  transform-origin: 50% 50%;

  -webkit-transform-origin: 50% 50%;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

}

.bottom_booking {

  margin-bottom: 30px;

  position: relative;

}

.bottom_booking .fb_container {

  max-width: 1170px;

}

.bottom_booking .fb_container {

  max-width: 1190px;

  margin: 82px auto 0;

  padding-left: 0;

  padding-right: 0;

  position: relative;background: #fff;overflow: hidden;padding-bottom: 26px;border-radius: 10px;

}

.bottom_booking .swiper_box {

  padding: 30px 0;

  width: 100%;

  max-width: 388px;

  margin: 0 auto;

}

.bottom_booking .swiper_box .bmbg_tit h4 {

  font-size:30px;

  color: #707070;text-align: center;font-weight: bold;letter-spacing: 1px;

  line-height: 30px;height: 30px;

}

.bottom_booking .swiper_box .bmbg_tit .line {

  width: 80px;

  border-top: 5px solid #fba518;

  margin: 10px auto 20px;

}

.bottom_booking .swiper_box .img_wrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.bottom_booking .swiper_box .img_wrapper h2 {font-size: 30px;color: #707070;margin-top: 10px;font-weight: bold;}

.wl-down-qrcode img {

  width:124px !important;

  height: 124px !important;

}

.bottom_booking .right_swiper_box {

  width: 100%;

  max-width: 330px;

  padding-bottom: 0;

}

.bottom_booking .swiper_box .bmbg_order_assess {

  margin-top: 20px;

}

.bottom_booking .swiper_box .bmbg_order_assess .boa_input {

  border: 1px solid #878787;

  border-radius: 2px;

  margin-bottom: 15px;

  max-width: 330px;border-radius: 4px;

}

.bottom_booking .swiper_box .bmbg_order_assess .boa_input input {

  display: block;

  width: 100%;

  line-height: 38px;

  color: #333;

  font-size: 14px;

  padding-left: 15px;background: #f6f6f6;box-sizing: border-box;

  border: none;border-radius: 4px;

}

.bottom_booking .swiper_box .bmbg_order_assess .boa_select {

  max-width: 330px;

  border: 1px solid #878787;

  border-radius: 2px;

  margin-bottom: 15px;

  padding-right: 15px;border-radius: 4px;

}

.bottom_booking .swiper_box .bmbg_order_assess .boa_select select {

  font-size: 14px;

  height: 38px;

  line-height: 38px;border-radius: 4px;

  border: none;

  width: 100%;

  padding: 0 15px;

  background: #fff;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  -o-appearance: none;

  -ms-appearance: none;

  background: url("../images/booking_select_icon.png") no-repeat right center transparent;

  outline: none !important;

}

.bottom_booking .swiper_box .bmbg_order_assess .boa_select select {

  font-size: 14px;

  line-height: 38px;

}

.bottom_booking .swiper_box .bmbg_order_assess .order_atonce_btn {

  display: block;

  width: 100%;

  line-height: 40px;

  color: #fff;

  background: #fba518;

  text-align: center;

  font-size: 16px;

  cursor: pointer;

  border: 0;

  border-radius: 3px;

}











  @media (min-width: 1200px){

.col-lg-6 {

  width: 50%;float: left;box-sizing: border-box;

}

}





.ny_fbxq {width: 1202px;margin: 0 auto 60px;border: #d1d1d1 2px solid;padding: 40px;box-sizing: border-box;border-radius: 5px;overflow: hidden;}

.ny_fbxq .left {width: 796px;float: left;}

.ny_fbxq h2 {font-size: 16px;color: #000;line-height: 36px;margin-bottom: 20px;}

.ny_fbxq h2 span {font-size: 12px;color: #a5a5a5;padding-left: 20px;}

.ny_fbxq h3 {font-size: 14px;color: #000;margin-bottom: 10px;}

.ny_fbxq .left .n_r.z_j {

  width: 100%;

  padding: 0 96px 50px 0px;box-sizing: border-box;

}

.ny_fbxq .left input {

  width: 100%;

  height: 39px;

  padding: 0 10px;

  border: 1px solid #8f8f8f;

  line-height: 39px;border-radius: 3px;box-sizing: border-box;

}

.ny_fbxq .left .n_r.l_x {position: relative;z-index: 9;}

.ny_fbxq .left .n_r .lxbk {border: #8f8f8f 1px solid;border-radius: 3px;width: 100%;height:39px;box-sizing: border-box;z-index: -1;position: absolute;}

.ny_fbxq .left .yz {width: 258px;float: right;position: relative;}

.ny_fbxq .left input.y_z{width: 150px;float: left;border: 0;} 

.ny_fbxq .left .yztj {width: 88px;line-height: 39px;color: #fba518;font-size: 12px;float: right;}

.ny_fbxq .left .yz::before{content: "";width: 1px;height: 30px;position: absolute;left:-2px;top: 50%;margin-top: -15px;background: #8f8f8f;}

.ny_fbxq .left input.lx{width: 512px;float: left;border: none;}

.ny_fbxq .left input:focus{border:1px solid #ff0000;}

.ny_fbxq .left .tips{width:100%; position:absolute; left:0; top:45px; font-size:12px; color:#999; line-height:22px;}

.ny_fbxq .left .tips.js {

  color: #ff0000;

}

.ny_fbxq .left .n_r {

  position: relative;

  width: 100%;

  padding: 0 0px 40px 0px;box-sizing: border-box;

}

.ny_fbxq .left textarea {

  width: 100%;

  height: 100px;

  padding: 10px;

  border: 1px solid #8f8f8f;border-radius: 3px;

  line-height: 26px;font-size: 12px;box-sizing: border-box;

  resize: none;

}

.ny_fbxq .left textarea:focus{border:1px solid #ff0000;outline: none;}



.ny_fbxq .left .file{width:90px; height:39px; background-color:#fba518; line-height:39px; color:#fff; text-align:center; position:absolute; top:0; right:0px; cursor:pointer;}

.ny_fbxq .left #file{width:0; height:0; cursor:pointer; position:absolute; top:0; left:0; opacity:0;}

.ny_fbxq .left select {

    width: 100%;

    height: 39px;

    line-height: 39px;

    font-size: 12px;border:1px solid #8f8f8f; padding:0 5px;box-sizing: border-box;border-radius: 3px;

}

.ny_fbxq .right {width: 260px;float: right;}

.ny_fbxq .right .tj {border: #b0b0b0 1px solid;padding: 22px 50px;box-sizing: border-box;margin-bottom: 60px;border-radius:8px;box-shadow: 0 0 8px #ccc;}

.ny_fbxq .right .tj .ani {line-height: 25px;width: 100%;text-align: center;color: #fff;font-size: 16px;background: #fba518;border-radius: 3px;}

.ny_fbxq .right .tj .ani a {color: #fff;}

.ny_fbxq .right .fblc {padding: 0 50px;margin-bottom: 40px;text-align: center;}

.ny_fbxq .right .fblc ul li {padding-bottom: 20px;position: relative;line-height: 16px;display: inline-block;}

.ny_fbxq .right .fblc ul li p {font-size: 12px;color: #686868;line-height: 16px;padding-left:30px;position: relative;}

.ny_fbxq .right .fblc ul li p::before{content: "○";position: absolute;left: 0;font-size: 32px;top: -2px;}

.ny_fbxq .right .fblc ul li i{position: absolute;width:21px;top: 17px;color: #686868;left: -1px;font-size: 20px;}

.ny_fbxq .right .fblc ul li:last-child i{display: none;}

.ny_fbxq .right .fbtx {border: #b0b0b0 1px solid;padding: 10px 15px;border-radius:8px;box-shadow: 0 0 8px #ccc;}

.ny_fbxq .right .fbtx h3 {font-size: 14px;color: #686868;}

.ny_fbxq .right .fbtx p {font-size: 12px;color: #686868;}







.floatBottom{width: 100%;height: 500px;position: fixed;bottom: -422px;left: 0;background-image: url(images/bottomtc.png_shj-aliyun-nsy);background-position: center;background-size:100%;background-repeat: no-repeat;z-index: 100; transition: bottom .5s; -moz-transition: bottom .5s; -webkit-transition: bottom .5s; -o-transition: bottom .5s;}

		.showbottom{bottom: 0px;}

		

		.floatBottomBg{width: 100%;height: 128px;position: fixed;bottom: 0;background-color: rgba(000,000,000,0.7);z-index: 99}



		.floatBottom .bottomup{background-size: 100%;width: 50px;height: 36px;position: absolute;top: 25px;right: 20px;/*animation: bmove 0.8s infinite ease-in;*/}

		.gb {width:30px; height:30px; position:absolute; top:20px; right:20px; cursor:pointer;display: none;z-index: 9999;}

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

		@keyframes bmove

		{

			from {top:25px;}

			to {top:10px;}

		}

		@keyframes bdmove

		{

			from {top:10px;}

			to {top:25px;}

		}







.ny_alxq {padding-top: 15px;overflow: hidden;width:1200px}

.ny_alxq h1 {font-size: 24px;color: #000;margin-bottom: 30px;font-weight: bold;}

.ny_alxq h3 {font-size: 12px;color: #707070;line-height: 1.6;}

.ny_alxq .box {;margin-top: 35px;padding-bottom: 12px;overflow: hidden;}

.ny_alxq .nr {font-size: 12px;color: #707070;width: calc((100% - 136px) / 2);line-height: 1.6;}

.ny_alxq .tp {padding: 43px 0;}

.ny_alxq .tp img {width: 100%;display: block;}

.xqqb {padding: 50px 0 80px;overflow: hidden;}

.xqqb ul li {width: 50%;float: left;}

.xqqb ul li:nth-child(2){text-align: right;}

.xqqb ul li a {font-size: 20px;color: #000;}



.suspension {

    width: 46px;

    position: fixed;

    right: 163px;

    bottom: 120px;

    z-index: 999;

}

.suspension .consult {

    background-image: url(../images/top-icon.png);

    background-repeat: no-repeat;

    background-position: center -1px;

    background-color: #0af;

    display: block;

    position: relative;

    width: 46px;

    height: 46px;

}



.suspension .cart {

    background-image: url(../images/top-icon.png);

    display: block;

    position: relative;width: 45px;

    height: 45px;border-radius: 50%;

    margin-top: 10px;background-color: #828282;

    background-repeat: no-repeat;

    background-position: center;

}

.suspension a.cart:hover .pic {

    display: block;

}

.suspension .back-top {

    background-image: url(../images/top-icon.png);background-color: #828282;

    background-repeat: no-repeat;

    background-position: center bottom;

    display: block;

    width: 45px;

    height: 45px;border-radius: 50%;

    -webkit-transition: all 0s ease-in-out;

    -moz-transition: all 0s ease-in-out;

    -o-transition: all 0s ease-in-out;

    transition: all 0s ease-in-out;

    margin-top: 12px;

}

.suspension .cart .pic {

    display: none;

    position: absolute;

    left: -179px;

    top: -135px;

    width: 178px;

    height: 203px;

}

.suspension .cart .pic i {position: absolute;right: 1px;bottom: 40px;background: url(../images/side_bg_arrow.png);width: 9px;height: 18px;}

.pic-content {

    position: absolute;padding-top: 14px;

    width: 178px;

    height: 203px;

    background:#fff;

    right: 10px;text-align: center;border-radius: 6px;box-shadow: 0 0 10px #ccc;

}

.pic-content img {width: 98px;margin-top: 20px}

.pic-content h3 {font-size: 14px;color: #707070;margin: 10px 0;font-weight: bold;}

.pic-content p {font-size: 12px;color: #707070;}







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

	.container {

  width: calc(100% - 206px);

}

	.suspension {

  right:103px;

}

	

	

	

	

	

}













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

	.container {

  width: calc(100% - 140px);

}

	.suspension {

  right: 70px;

}

	

	

}



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

	.container {

  width:1200px;

}

	.suspension {

  right: 40px;

}

	

	

}