@charset "utf-8";
.container {
  width: 1200px;
  margin: 0 auto;
}
/* CSS Document */
.n-menu {
  clear: both;
}
.n-qxt {
  height: 400px;
  width: 100%;
  background: #e4f2f8;
  /* margin-top: 10px; */
  min-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.n-qxt1 {
  background: #fff;
  height: 390px;
  float: left;
  margin-top: 10px;
  width: 1200px;
}
.n-qxt1 h3 {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.n-qxt1 p {
  font-size: 14px;
  color: #000;
  text-align: center;
  margin: 0;
}
.n-qxt2 ul {
  width: 285px;
  margin: 0 auto;
  height: 31px;
}
.n-qxt2 ul li {
  float: left;
  border: 1px solid #0396dc;
  width: 80px;
  height: 24px;
  text-align: center;
  color: #0396dc;
  border-radius: 5px;
  line-height: 24px;
  vertical-align: middle;
  margin: 10px;
}
.n-qxt2 ul li:hover {
  color: #fff;
  background: #0396dc;
  cursor: pointer;
}
.n-qxt2 ul .active {
  background: #0396dc;
  color: #fff;
  border: 1px solid #0396dc;
}
.n-qxt2 .n-qxt2-01 {
  width: 1098px;
  height: 323px;
  margin: 10px auto 0 auto;
  padding-top: 10px;
}
/*包裹查询*/
.n-bgxc {
  background: #e9e9e9;
  height: 110px;
  width: 100%;
  min-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.n-bgxc1 {
  width: 919px;
  height: 56px;
  margin: 0px auto 0 auto;
}
.n-bgxc2 {
  float: left;
  width: 270px;
  margin-top: 40px;
}
.n-bgxc2 span {
  font-size: 16px;
  margin-left: 25px;
}
.n-bgxc2 span b {
  font-size: 20px;
  position: relative;
  bottom: 10px;
}
.n-bgxc2 i {
  position: relative;
  font-size: 13px;
  color: #8294a7;
  top: -15px;
}
.n-bgxc3 {
  width: 644px;
  float: left;
  margin-top: 15px;
}
.n-bgxc3 input {
  border: 0;
  background: #fff;
}
.n-bgxc3 input.uk-form-large {
  height: 22px;
  padding: 8px 6px;
  font-size: 16px;
}
.n-bgxc3 .btn-lg {
  margin-left: 10px;
}
/*优势*/
.n-zhsc {
  margin-bottom: 60px;
  clear: both;
}
.n-zhsc1 {
  height: 77px;
  margin: 20px 0;
}
.n-zhsc2 {
  width: 860px;
  float: left;
}
.n-zhsc2 img {
  float: left;
  margin-right: 20px;
}
.n-zhsc3 {
  width: 340px;
  float: right;
}
/*选项卡*/
.n-xxkseo {
  float: left;
  width: 50px;
  height: 77px;
  text-align: center;
}
.n-xxkseo ul {
  margin-left: 0;
  padding-left: 0;
}
.n-xxkseo li {
  position: relative;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 12px;
}
.n-xxkseo li a {
  color: #3f86d6;
  text-shadow: none;
  font-weight: 700;
  font-style: italic;
}
.n-xxkseo li a:hover {
  color: #da3232;
  text-decoration: none;
  background: #ffdcdc;
  padding: 3px 5px;
}
.n-xxkseo .n-xxacitve > a {
  color: #da3232;
  background: #ffdcdc;
  padding: 3px 5px;
}
.n-xxkseo1 a {
  color: #000;
  font-size: 12px;
}
.n-xxkseo1 {
  width: 285px;
  float: right;
  text-align: left;
}
.n-xxkseo1 ul {
  margin-left: 0;
  padding-left: 0;
}
.n-xxkseo1 ul li {
  line-height: 20px;
  height: 20px;
  text-overflow:ellipsis;white-space: nowrap; 
}
.n-xxkseo1 li a:hover {
  color: #da3232;
  text-decoration: none;
}
/*选项卡结束*/
/* .n-zhsc3 ul li{
	font-size: 12px;
	line-height: 22px;
}
.n-zhsc3 ul li img{
	margin-right: 5px;
}

.n-zhsc3 ul li a{
	 color: #000;
} */
/*轮播*/
.n-tplb {
  clear: both;
  height: 284px;
}
.n-tplb1 {
  width: 276px;
  height: 284px;
  float: left;
}
.n-tplb1 a {
  width: 276px;
  height: 140px;
  float: left;
  margin-bottom: 4px;
}
.n-tplb2 {
  width: 576px;
  height: 291px;
  float: left;
  margin-left: 13px;
}
.n-tplb3 {
  width: 316px;
  height: 283px;
  float: right;
  border: 1px solid #e4f2f8;
}
.n-tplb4 {
  width: 300px;
  margin: 0 auto;
}
.n-tplb5 {
  height: 42px;
  line-height: 42px;
  vertical-align: middle;
  font-size: 12px;
  color: #8294a7;
  border-bottom: 1px solid #e4f2f8;
}
.n-tplb5 b {
  font-size: 16px;
  color: #3f86d6;
  margin-right: 8px;
}
.n-tplb6 {
  margin-top: 20px;
}
.n-tplb6 .uk-form-horizontal .uk-form-label {
  width: 40px;
  margin-top: 5px;
  float: left;
  color: #999;
}
.n-tplb6 .uk-form-horizontal .uk-form-controls {
  margin-left: 5px;
}
.n-tplb6 .uk-form-horizontal select {
  width: 252px;
  border: 1px solid #ddd;
  height: 28px;
  background: #fff;
  font-size: 12px;
  color: #686868;
}
.n-tplb7 button {
  border-radius: 25px;
  width: 295px;
  height: 39px;
  font-size: 18px;
  border: 0;
}

/*弹窗*/
.hw-tc01 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  overflow: auto;
}
.hw-tc01-01 {
  width: 481px;
  margin-left: auto;
  margin-right: auto;
}
.hw-tc01-02 {
  position: relative;
  top: 300px;
  cursor: pointer;
}
.hw-tc01-03 {
  cursor: pointer;
  background: #000;
  color: #fff;
  border-radius: 20px;
  padding: 5px 10px 5px 10px;
  position: absolute;
  margin-top: 300px;
}
.hw-tc01-03:hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
/*弹窗-红包雨*/
.hb-tc01 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  overflow: auto;
}
.hb-tc01-08 {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  /* 	background: url("../image/hby-tc1.png") no-repeat center; */
  background: url("../image/hby/tjhb.png") no-repeat center;
  height: 654px;
  float: left;
  margin-top: 100px;
}
.hb-tc01-01 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
/* .hb-tc01-02{
	cursor: pointer;
	background: #fff100;
	color: #323131;
	font-size: 23px;
	border-radius:50px;
	padding: 10px 25px 15px 30px;
}
.hb-tc01-02:hover{
	cursor: pointer;
	background: #ffc600;
	text-decoration: none;
	color: #323131;
} */
.hb-tc01-02 {
  cursor: pointer;
  width: 413px;
  height: 82px;
}

/* .hb-tc01-02:hover{
	cursor: pointer;
	background: #ffc600;
	text-decoration: none;
	color: #323131;
} */

.hb-tc01-03 {
  cursor: pointer;
  background: #fff;
  color: #000;
  border-radius: 20px;
  padding: 8px 13px 8px 13px;
  position: absolute;
  margin-top: 160px;
  margin-left: -150px;
}
.hb-tc01-03:hover {
  cursor: pointer;
  color: #000;
  text-decoration: none;
}
.hb-tc01-04 {
  width: 346px;
  margin-left: auto;
  margin-right: auto;
  /* margin-top: 280px; */
  margin-top: 100px;
  text-align: center;
}
.hb-tc01-05 {
  font-size: 41px;
  color: #fff;
  font-weight: 700;
  height: 50px;
}
.hby-tc01 {
  font-size: 41px;
  color: #fff;
  font-weight: 700;
  height: 270px;
}
.hb-tc01-04 p {
  margin: 0;
  padding: 0;
}
.hb-tc01-06 {
  font-size: 27px;
  color: #fff;
  margin-top: 40px;
  height: 35px;
}
.hb-tc01-07 {
  font-size: 27px;
  color: #fff;
  margin-top: 20px;
  height: 60px;
}

.hb-tc01-09 {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  background: url("../image/hby-tc2.png") no-repeat center;
  height: 490px;
  float: left;
  margin-top: 100px;
}

.hb-tc01-10 {
  width: 403px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 100px;
}
.hb-tc01-11 {
  height: 180px;
  font-size: 120px;
  color: #ffea54;
  text-align: center;
  padding-top: 50px;
  padding-left: 50px;
  text-shadow: 5px 2px 6px #cb9013;
}
.hb-tc01-12 {
  font-size: 28px;
  color: #fff;
  padding-left: 60px;
  height: 60px;
}
.hb-tc01-14 {
  cursor: pointer;
  background: #fae56e;
  color: #f03838;
  font-size: 20px;
  border-radius: 5px;
  padding: 10px 40px 10px 40px;
  margin-left: 50px;
}
.hb-tc01-14:hover {
  cursor: pointer;
  background: #ffc600;
  text-decoration: none;
  color: #323131;
}
/*321*/
.saneryi {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
  z-index: 999;
  overflow: auto;
}
.saneryi-01 {
  text-align: center;
  margin-top: 20%;
}
/* .saneryi-three{
	font-size: 180px;
	color: #000;
	transition:0.5s
	
} */
.s-jump {
  line-height: 80px;
  text-align: center;
  /* background:#0069D9; */
  color: #ff5555; /* 
    cursor: pointer; */
  font-size: 160px;
  text-align: center;
}

/*下红包雨*/

.hb01 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.2);
  z-index: 99;
  overflow: auto;
}

.banner {
				position: relative;
				overflow: hidden;
				text-align: center;
			}

			.banner ul {
				padding: 0px;
			}

			.banner ul li {
				float: left;
			}

			#img-banner {
				width: 576px;
			}

			#img-banner .dots {
				position: absolute;
				left: 0;
				right: 0;
				bottom: 0px;
				text-align: center;
			}

			#img-banner .dots li {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 4px;
				text-indent: -999em;
				border: 2px solid #fff;
				border-radius: 6px;
				cursor: pointer;
				opacity: 0.4;
				-webkit-transition: background 0.5s, opacity 0.5s;
				-moz-transition: background 0.5s, opacity 0.5s;
				transition: background 0.5s, opacity 0.5s;
				float: none;
			}

			#img-banner .dots li.on {
				background: #fff;
				opacity: 1;
			}

			#img-banner .arrow {
				position: absolute;
				top: 125px;
			}

			#img-banner #al {
				left: 15px;
			}

			#img-banner #ar {
				right: 15px;
			}

			.danmu {
				min-height: 400px;
			}

			.pifzleft {
				position: fixed;
				top: 0;
				z-index: 1;
				left: 0;
				width: 380px;
				height: 500px;
			}

			.pifzleft img {
				position: absolute;
			}

			.pifzleft img.l1 {
				left: 0;
				top: 0;
				z-index: 1;
			}

			.pifzleft img.l2 {
				z-index: 1;
				left: 0;
				top: 0;
			}

			.pifzleft img.l3 {
				z-index: 2;
				top: 100px;
				left: 100px;
			}

			.pifzleft img.l4 {
				z-index: 3;
				top: 150px;
				left: 100px;
			}

			.pifzright {
				position: fixed;
				top: 0;
				right: 0;
				width: 380px;
				height: 500px;
				z-index: 1;
			}

			.pifzright img {
				position: absolute;
			}

			.pifzright img.r1 {
				right: 0;
				top: 0;
				z-index: 1;
			}

			.pifzright img.r2 {
				z-index: 1;
				right: 0;
				top: 0;
			}

			.pifzright img.r3 {
				z-index: 2;
				top: 100px;
				left: 100px;
				opacity: 0;
				transition: opacity 0.3s;
			}

			.pifzright img.r3.on {
				opacity: 1;
				transition: opacity 0.3s;
			}

			.pifzright img.r4 {
				z-index: 3;
				top: -196px;
				right: 7px;
				width: 68px;
				animation-name: r4dh;
				animation-duration: 0.6s;
				transition: all 0.3s;
			}

			.pifzright img.r5 {
				right: 40px;
				z-index: 3;
				top: -100px;
				width: 65px;
				animation-name: r5dh;
				animation-duration: 0.6s;
				transition: all 0.3s;
			}

			.pifzright img.r6 {
				right: 35px;
				z-index: 3;
				top: 106px;
				animation-name: r6dh;
				animation-duration: 0.6s;
				transition: all 0.3s;
				transform: scale(0);
			}

			@keyframes r5dh {
				from {
					top: -10px;
				}

				to {
					top: 216px;
				}
			}

			@keyframes r4dh {
				from {
					top: -20px;
				}

				to {
					top: 196px;
				}
			}

			@keyframes r6dh {
				from {
					transform: scale(0);
				}

				to {
					transform: scale(1);
				}
			}

			@media all and (max-width: 1480px) {
				.pifzleft {
					zoom: 0.8;
				}

				.pifzright {
					zoom: 0.8;
				}
			}

			/*zlhd*/
			.hd-zlhd {
				text-align: center;
				position: fixed;
				z-index: 999;
				left: calc(50% - 256.5px);
				top: calc(50% - 281.5px);
				width: 513px;
				height: 563px;
				display: none;
			}

			.hd-zlhd img {
				display: inline-block;
			}

			.fixbaion {
				background-color: #000;
				opacity: 0.6;
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				z-index: 99;
				display: none;
			}

			.guanbi {
				
				margin-top: 30px;
				margin-top: 0px;
				margin-left: 50px;
			}