/* CSS Document */
*{padding:0; margin: 0;}
body{margin:0 auto !important;max-width:640px;min-width:320px;background: #fff !important;overflow-x: hidden;position: relative}
body,button,input,select,textarea{color:#505050;font:12px/1.5 Microsoft Yahei;}
h1,h2,h3,h4,h5,h6{text-align:center;font-size:100%;}
li,ol,ul{list-style:none;}
a{outline:0;color:#2a2a2a;text-decoration:none;}
a:hover{color:#2a2a2a;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{outline:0;font-size:100%;}
textarea{resize:none;}
img{width:100%;vertical-align:top;}
#QIAO_INVITE_CONTAINER{display: none!important;}
article,aside,footer,header,hgroup,nav,section{display:block;}
h2{color:#303132;text-align:center;}
/**头尾**/
.newHead { max-width:640px; overflow: hidden; padding: 5px 0; width: 100%; margin: 0 auto; background:#0A0707;}
.newHead {padding:0;}
.newHead .navBtn,.newHead .zixun { float: left; width: 14%; }
.newHead .logo {float: left;width: 72%; margin:0;}
/*footer*/
.new_foot{width: 100%;margin:0 !important;padding:0 !important;position: fixed;bottom: 0;z-index: 999;overflow:visible !important;max-width: 640px;margin:0 auto;
	background:-moz-linear-gradient(left,#CD151B,#8E1D22);
	background:-webkit-gradient(linear,0 50%,100% 50%,from(#CD151B),to(#8E1D22));
	background:-webkit-linear-gradient(left,#CD151B,#8E1D22);
	background:-o-linear-gradient(left,#CD151B,#8E1D22); box-shadow: rgba(0, 0, 0, 0.75) 0 0 5px 1px;}
.new_foot .menu li.li2{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.new_foot .menu li{width: 100%; height: 5.5em; position:relative;}
.new_foot .menu li a{display: block; float:left; width:18%;}
.new_foot .menu li a:nth-child(3){ width: 28%; }
.new_foot .menu li a:nth-child(4){ margin-left: 28% }
.new_foot .menu li a i{display: block;height: 3.5em}
.new_foot .menu li a span{display: block;font-size: 1em;text-align: center;color: #fff;padding-bottom: 0.5em}
.new_foot .menu li.li1 a:nth-child(1) i{background: url("../images/index.png") no-repeat center center;background-size: 40%; }
.new_foot .menu li.li1 a:nth-child(2) i{background: url("../images/ft_act.png") no-repeat center center;background-size: 40%; }
.new_foot .menu li.li1 a:nth-child(3){ position:absolute; left: 36%; bottom:0; }
.new_foot .menu li.li1 a:nth-child(3) img{width:92%;}
.new_foot .menu li.li1 a:nth-child(3) sup { position:absolute; top:18%; right:24%; font-style:normal; background:red; color:#fff; padding:0 2px; font-size:0.8rem; border-radius:7px; animation:jump 2s infinite;}
.new_foot .menu li.li1 a:nth-child(4) i{ background: url("../images/ft_memu.png") no-repeat center center; background-size: 40%;}
.new_foot .menu li.li1 a:nth-child(5) i{ background: url("../images/ft_phone.png") no-repeat center center; background-size: 38%;}
.index_qlsm{color: #555555; font-size: 0.24rem; text-align: center; padding:2% 5% 25%; line-height: 1.5; background: #FFF}
.index_qlsm p:nth-child(1){font-size: 0.26rem;}
.index_qlsm p{text-align: center;}

/*201906新底*/
.x-foot{position: fixed; display:flex; left: 0;right: 0; bottom: 0; margin: 0 auto; width: 100%; max-width: 640px;min-width: 320px;z-index: 999; }
.x-foot a{display:block;width:25%;position: relative;display:flex;  }
.x-foot a img{display:block;width:100%;height:100%;}
.x-foot p{position: absolute;width:100%;text-align:center;color:#FFF;
	
	top:0;

	left:0;
	top:50%;
	margin-top:-0.75em;
    text-align:center; 

	text-indent:1.5em;
	font-size:1.2em;}
	
	.x-foot p span{width:14px;height:14px;text-align:center;line-height:14px;border-radius:7px;display:block;
	background:#ffd598;color:#b30b15;position: absolute;right:5px;top:-12px;font-size:11px;
	text-indent:0;
	font-weight:400;
	} 

.x-foot a:nth-child(1) p{ animation: fm01 4s linear infinite; animation-delay:0;}
.x-foot a:nth-child(2) p{ animation: fm01 4s linear infinite; animation-delay:1s;}
.x-foot a:nth-child(3) p{ animation: fm01 4s linear infinite; animation-delay:2s;}
.x-foot a:nth-child(4) p{ animation: fm01 4s linear infinite; animation-delay:3s;}
@keyframes fm01{ 10% { transform:scale(1.2); color:#f6ff00;} 15% { transform:scale(1); color:#fff;} 100% { transform:scale(1);}}




@-webkit-keyframes jump{
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px)
	}
	60% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px)
	}
}
/*项目集合*/
.fixed_memu{ width: 100%;max-width:640px;height: 100%;position:fixed;top: 0;left:-1000px;z-index: 9999;background: #fff;}
.fixed_memu .fixed_top{ height: 3rem;width: 100%;background: #1F1B23;float:left;}
.fixed_memu .fixed_top a{width: 25%; line-height: 3rem; text-align: center; font-size: 1.2rem; color: aliceblue; text-align: center;display: block;float: left;}
.fixed_memu .fixed_bot{width: 100%;overflow: hidden;height: 100%;float:left; position:relative;}
.fixed_memu .fixed_bot .bot_left{width: 22%;float: left;background: #840B15; overflow: hidden; height: 100%; padding: 2%; box-sizing: content-box;}
.fixed_memu .fixed_bot .bot_right{width: 72%;float: right;background: #FFF; height: 100%; padding-left: 2%;overflow-y: scroll;}
.fixed_memu .fixed_bot .bot_left ul li{color: #fff;text-align: center;font-size: 1.2em;position: relative;padding: 1em 0;background: #840B15; box-sizing: content-box;}
.fixed_memu .fixed_bot .bot_left ul li.on{background: #FFF; border-radius: 5px; color: #840B15;}
.fixed_memu .fixed_bot .bot_left ul li.on::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 0.5em solid transparent;
    border-left: 0.8em solid #fff;
    border-bottom: 0.8em solid transparent;
    position: absolute;
    right: -0.4em;
    top: 50%;
    margin-top: -0.6em;
}
	.fixed_memu .fixed_bot .bot_left ul li::after {
    content: "";
    width: 30%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -15%;
    bottom: 20%;
}
	.fixed_memu .fixed_bot .bot_right .botxm_lst li{display: none;}
	.fixed_memu .fixed_bot .bot_right .botxm_lst dl {
    padding-top: 4%;
    border-bottom: 1px solid #74677f;
    overflow: hidden;
    padding-bottom: 4%;
    margin-bottom: 4%;
}
	.fixed_memu .fixed_bot .bot_right .botxm_lst dl dt {
    font-size: 1.4em;
    font-weight: 700;
    color: #000000;
    overflow: hidden;
    margin-bottom: 5%;
    padding-left: 4%;
}
	.fixed_memu .fixed_bot .bot_right .botxm_lst dl dd {
    float: left;
    padding: 1% 4%;
    margin: 0 5% 5% 0;
}
	.fixed_memu .fixed_bot .bot_right .botxm_lst dl dd a {
    font-size: 1.2em;
    color: #333333;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.bot_left .swiper-container{ overflow:visible;}
.return {position: absolute;right:5%;top:1%;z-index: 10;width: 10%;}
@-webkit-keyframes showit{
	0%{left:-1000px;}
	100%{left:0;}
}

@-webkit-keyframes hideit{
	0%{left:0;}
	100%{left:-1000px;}
}
/*商务通*/
/*咨询窗口20180302*/
.swt_center {
	z-index: 555;
	background-size: 100% 100%;
	width: 280px;
	height: 300px;
	position: fixed;
	left: 50%;
	top: 25%;
	opacity: 0;
	/*animation: cs 1s ease 0.1s both;
	animation: swing 1s 1s ease both;*/
	margin: -128px 0 0 -160px;
	display:none;
	overflow: hidden;
	 background: url(/yhstatics/images/swt.jpg) 0% 0% / 100% 100% no-repeat;
	margin: -150px 0px 0px -140px;

	border-radius: 15px; 
	box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 10px 3px; 
	top: 45%; opacity: 1;
		/*	transition: all 1s ease-in-out;
	 animation: cs 1s,swing 1s ease 1s both;*/
}
.swt_center .animate {
	top: 45%;
	opacity: 1;
}
.swt_center .chatbnt {
	width: 100%;
	height: 56px;
}
.swt_center .chatbnt a {
	color: #FFF;
	display: inline-block;
}
.swt_center .chatbnt .swt-tel {
	width: 50%;
	height: 56px;
	background: #F3D9A0;
	float: left;
}
.swt_center .chatbnt .swt-chat {
	width: 50%;
	height: 56px;
	background: #D10602;
	float: left;
}
.swt_center .chatbnt span {
	font-size: 16px !important;
	margin-left: 10px;
	height: 56px;
	line-height: 56px;
}
.swt_center .chatbnt .swt-chat i {
	position: relative;
}
.swt_center .chatbnt .swt-chat i sup {
	font-style: normal;
	padding: 0 2px;
	line-height: 14px;
	font-size: 12px;
	display: block;
	text-align: center;
	background: red;
	border-radius: 10px;
	position: absolute;
	top: 5px;
	right: -5px;
}
.swt_center i {
	float: left;
	margin-left: 15px;
}
.swt_center .swt-tel i{
	height: 100%;
	width: 30%;
}
.swt_center .swt-chat i{
	height: 100%;
	width: 30%;
}
.swt_center .swt-chat i img,.swt_center .swt-tel i img{height:66%; margin-top: 17%; width: auto}
.swt_center .leadto {
	width: 100%;
	height: 80%;
	display: inline-block;
}
.swt_close_n {
	background: #948E97 url(/yhstatics/images/swt_close.png) no-repeat;
	position: absolute;
	background-size: cover;
	width: 30px;
	height: 30px;
	border-radius: 38px;
	border: #fff solid 2px;
	cursor: pointer;
	box-shadow: 0 0 6px rgba(0,0,0,.8);
	right: 4px;
	top: 4px;
}
@-webkit-keyframes sc{
    0%{-webkit-transform:scale(1);top:45%;left:50%}
    100%{-webkit-transform:scale(0);top:105%;left:15%}
}
@-webkit-keyframes cs{
    0%{-webkit-transform:scale(0);top:105%;left:15%}
    100%{-webkit-transform:scale(1);top:45%;left:50%}
}
@-webkit-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}
@-moz-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}
@-ms-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}
@-o-keyframes swing{
	0%{-webkit-transform:translateX(0%);}
	15%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	30%{-webkit-transform:translateX(2%) rotate(2deg);}
	45%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	60%{-webkit-transform:translateX(2%) rotate(2deg);}
	75%{-webkit-transform:translateX(-2%) rotate(-2deg);}
	100%{-webkit-transform:translateX(0%);}
}



.mid-form {
	z-index:999999;
	width: 92%;
	position: fixed;
	left: 0;
	max-width: 590px;
	right: 0;
	margin: auto;
	top: 20%;
	overflow: hidden;
	border-radius: 20px;
  }

  .mid-form img {
	display: block;
	width: 100%;
  }

  .mid-form-close-btn {
	width: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
  }

  .mid-form-title1 {
	position: absolute;
	left: 0;
	top: 4%;
	text-align: center;
	color: #FFF;
	width: 100%;
  }

  .mid-form-title1 h4 {
	font-size: 1.7em;
  }

  .mid-form-title1 span {
	font-size: 1em;
	line-height: 1em;
	height: 1em;
  }

  .mid-form-title1 span b {
	font-weight: 500;
	color: #ffe7ac;
  }

  .mid-form-title1 span::before {
	content: "";
	display: inline-block;
	height: 1px;
	width: 10%;
	background: #FFF;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8));
	vertical-align: middle;
	margin-right: 4px;
  }

  .mid-form-title1 span::after {
	content: "";
	display: inline-block;
	height: 1px;
	width: 10%;
	background: #FFF;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8));
	vertical-align: middle;
	margin-left: 4px;
  }

  .mid-form-title2 {
	position: absolute;
	left: 0;
	top: 19%;
	text-align: center;
	color: #ffd263;
	width: 100%;
  }

  .mid-form-title2 p {
	font-size: 2.5em;
  }

  .mid-form-title2 span {
	padding: 0 10px;
	font-size: 1em;
	line-height: 2em;
	height: 2em;
	display: inline-block;
	color: #fff4e2;
	border-bottom: 1px dashed rgba(255, 255, 255, .17);
  }
  .mid-form-box{position: absolute;width:90%;left:5%;top:40%;}
  .mid-form-box div{display:flex;margin-bottom:8px;font-size:1em;}
  .mid-form-box div label{width:24%;display:block;line-height:2.8em;color:#FFF;text-align:right;}
  .mid-form-box div input{width:67%;display:block;height:2.8em;line-height:2.8em;padding:0 2%;background:#dbdbdb;border:none;}
  .mid-form-box div span{width:5%;display:block;color:#ffd263;text-align:center;}
  .mid-form-submit{text-align:center; font-size:1em; height:3em;line-height:3em;width:70%;bottom:21%;left:15%;background:#e7b758;border-radius:1em;position: absolute;}
  .mid-from-bottom{position: absolute;left:0;width:100%;bottom:0;background:#5c0b17;display:flex;color:#FFF;}
  .mid-from-bottom h5{width:35%;line-height:3em;height:3em;font-size:1.4em;font-weight:200;display:flex;}
  .mid-from-bottom h5 span{display:block;width:98%;text-align:right;margin-right:.9em;}
  .mid-from-bottom h5::after{content:"";height:2em;width:1px;background:#fff;display:block;margin-top:.5em;opacity:.22;}
  .mid-from-bottom div{width:65%;vertical-align: middle;}
  .mid-from-bottom div p{line-height:1.5em;vertical-align: middle;margin-top:.7em;margin-left:1em;}
  .mid-from-bottom div a{color:#ffd263;}


  #float-btn{
	  width: 15%;
	  max-width: 32px;
	  z-index: 9999;
	  position: fixed;
	  right: 0;
	  top: 35%;
	  animation: tpbt 3s linear infinite alternate;
	  -webkit-animation: tpbt 3s linear infinite alternate;
	  -moz-animation: tpbt 3s linear infinite alternate;
  }

#float-btn img{
	max-width: 100%;
	height: auto;
	border-radius: 6px 0 0 6px;
}

#float-btn .rightnums{
	display: block;
	color: #fff;
	width: 22px;
	height: 22px;
	background: #fe0815;
	font-size: 12px;
	font-style: normal;
	line-height: 22px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: -4%;
	right: 0;
	transform: scale(.8);
}

@keyframes tpbt {
	from {
		transform: translateY(30px);
	}
	to {
		transform: translateY(-30px);
	}
}

@-webkit-keyframes tpbt {
	from {
		-webkit-transform: translateY(30px);
	}
	to {
		-webkit-transform: translateY(-30px);
	}
}

#wxTop{width: 98%; position: fixed; top: -5px; transform:translateY(-100%); left:0; right: 0; margin: auto ;background: rgba(255,255,255,.9); border-radius:10px;overflow: hidden; transition: all ease 0.5s; box-shadow:0 0 8px #666; z-index: 2147483648}
#wxTop a{display: inline-block;width: 100%;color:#000;text-decoration:none;}
#wxTop img{width: 100%;vertical-align:middle;}
#wxTop *{font-style: normal;}
#wxTop .wxTopText{ padding: 14px 2%; font-size: 14px;text-align: left; background-color: #f1f1f1;}
#wxTop .wxTopText i{display:inline-block;width: 5.7%; margin-right: 3px;vertical-align: bottom;}
#wxTop .wxTopText em{float: right;color: #5b6164;}
#wxTop .wxSwiper{ padding: 14px 3%; font-size: 14px; background: rgba(255,255,255,0.6); color: #333;text-align: left;}
#wxTop.wxOn{ top: 2px; transform:translateY(0);}

#taskLink,#taskLink2{
	text-align: center;
	position: absolute;
	top: 3.6em;
	left: 50%;
	margin-left: -80px;
}

#taskLink span ,#taskLink2 span{
	margin: 0 auto;
	padding: 2px 12px;
	border-radius: 12px;
	font-size: 12px;
	background: #f1efef;
	color: #333;
}

.youhui-mask{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	background: rgba(0,0,0,0.4);
	display: none;
}



.footer-nav{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 1.02rem;
	background: linear-gradient(left,#b31526 0%,#a41323 14%,#94111f 30%,#8d101e 50%,#a11322 60%,#b71627 70%,#c7182b 100%);
	background: -webkit-linear-gradient(left,#b31526 0%,#a41323 14%,#94111f 30%,#8d101e 50%,#a11322 60%,#b71627 70%,#c7182b 100%);
	background: -moz-linear-gradient(left,#b31526 0%,#a41323 14%,#94111f 30%,#8d101e 50%,#a11322 60%,#b71627 70%,#c7182b 100%);
	box-shadow: 0 -0.5rem 2rem 0 rgba(0,0,0,0.2);
}

.footer-nav .content{
	display: flex;
	justify-content: space-between;
}

.footer-nav .content .item{
	width: 2.6rem;
	display: flex;
}

.footer-nav .content .item-con{
	flex: 1;
}

.footer-nav .content .item-con .icon{
	width: .9rem;
	height: .8rem;
	margin: 0.09rem auto 0;
	display: block;
}

.footer-nav .center-btn{
	position: absolute;
	top: -0.26rem;
	left: 50%;
	margin-left: -.6rem;
	width: 1.2rem;
	height: 1.2rem;
	background-color: #780f1a;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.footer-nav .center-btn .center-btn-in{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 1.02rem;
	height: 1.02rem;
	background-color: #aa1524;
	border: 0.08rem solid #b91727;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: auto;
}

.footer-nav .center-btn .center-btn-in .icon{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: .72rem;
	height: .64rem;
	margin: auto;
}