@font-face {
font-family:iconfont;
src:url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.eot);
src:url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.eot?#iefix) format('embedded-opentype'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.woff2) format('woff2'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.woff) format('woff'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.ttf) format('truetype'), url(//at.alicdn.com/t/font_1102410_ytzieeqkl4.svg#iconfont) format('svg')
}
@font-face {
font-family:CondensedBold;
src:url(../fonts/CondensedBold.ttf) format('truetype')
}
body, html {
	background-color:#fff;
	color:#3a3a3a;
	font-family:"Microsoft YaHei",Arial,;

	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}
body.scrollbar {
	overflow:hidden;
	height:100vh
}
.vmscroll {
	position:fixed;
	width:10px;
	height:100vh;
	right:0;
	top:0;
	z-index:20;
	mix-blend-mode:difference;
	opacity:.4
}
.backTop {
	z-index:30
}


/*daohang*/
.main{width:100%;overflow:hidden;}
.header{width:100%;height:103px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);position:fixed;top:0;left:0;}
.header .header-new{width:100%;height:auto;margin:0 auto}
.header .header-new .logo{width:20%;height:103px;display:block;float:left;background-repeat:no-repeat;background-position:center center}
.header .header-new .nav1{width:58%;float:left;margin-left:16px}
.header .header-new .nav1 ul li{width:12.5%;float:left;height:103px;text-align:center;position:relative}
.header .header-new .nav1 ul li .tits{width:95px;height:73px;font-size:15px;line-height:26px;color:#000;padding:15px 0 0;display:block;position:relative;box-sizing:initial;}
.header .header-new .nav1 ul li .tits span{width:100%;font-size:12px;opacity:0.3;filter:alpha(opacity=30);line-height:22px;display:block;font-family:Arial;text-transform:uppercase}
.header .header-new .nav1 ul li dl{width:92%;height:auto;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);padding:10px 0;position:absolute;top:87px;left:0;display:none}
.header .header-new .nav1 ul li dl dd{width:87px;height:auto;margin:0 auto;border-bottom:1px solid #5c5c5e;line-height:39px;font-size:14px;text-align:center}
.header .header-new .nav1 ul li dl dd a{color:#eaeaea;width:100%;display:block;line-height: 35px;}
.header .header-new .nav1 ul li:hover .tits{background:#b12123;color:#fff}
.header .header-new .nav1 ul li:hover dl{display:block}
.header .header-new .nav1 ul li.on .tits{background:#b12123;}
.header .header-new .header-right{width:18%;float:right;margin-right: 2%;}
.header .header-new .header-right .tel{font-size:24px;line-height:21px;color:#fff;font-weight:bold;color:#fff;/*padding-left:32px;*/float:left;no-repeat;margin-top:15px}

.header .header-new .header-right a{float:left;width:31px;display:block;margin-top:30px;margin-left:22px}
.header .header-new .header-right a i{width:31px;height:29px;display:block}

.header .header-new .header-right a p{text-align:center;font-size:13px;line-height:13px;color:#a3a3a4;margin-top:7px}

.header .header-new .header-right a:hover p{color:#fff}
@media (max-width:1350px){
.header .header-new .header-right .tel{
display:none}
.header .header-new .nav1{width:70%;float:left;margin-left:16px}

}


@media (max-width: 991px){
.header .header-new .logo{width:230px;}
.header .header-new .nav1 {margin-left: 5px;}
.header .header-new .nav1 ul li .tits {font-size: 15px;}
.header .header-new .header-right .tel{font-size:30px}
.header .header-new .header-right .line{margin-left:10px;margin-right:0}}

@media (max-width: 800px){
.header .header-new .nav1 { display:none}
}



/*banner*/
.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); }
.carousel-control.left {background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.carousel-control.right {right: 0;left: auto; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
.carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; outline: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 12px; height: 12px; margin: 1px; text-indent: -999px; cursor: pointer;  background-color: #fff;  border-radius: 15px; }
.carousel-indicators li:hover{width: 12px; height: 12px; margin:1px; background-color: #e67816;}
.carousel-indicators .active { width: 35px; height: 12px; margin:1px; background-color: #e67816; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }



.vmscroll div {
	background-color:#fff;
	width:100%;
	left:0;
	top:0;
	position:absolute
}
.clearfix:after {
	display:table;
	clear:both;
	content:''
}
body::-webkit-scrollbar {
display:none
}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box
}
.clearfix>* {
	float:left
}
._clear {
	position:relative
}
._clear::after {
clear:both;
display:block;
content:''
}
a, a:hover {
	color:inherit;
	text-decoration:inherit
}
img {
	/*max-width:100%*/
}
._friendlyReminder {
	position:fixed;
	z-index:90;
	width:100%;
	background:rgba(0, 0, 0, .79);
	height:100vh;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
._friendlyReminder.active {
	opacity:0;
	visibility:hidden
}
._friendlyReminder .picBox {
	height:-webkit-calc(100vh - 160px);
	height:-moz-calc(100vh - 160px);
	height:calc(100vh - 160px);
	width:-webkit-calc(100vw - 160px);
	width:-moz-calc(100vw - 160px);
	width:calc(100vw - 160px);
	position:absolute;
	top:80px;
	left:80px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
}
._friendlyReminder .Timer {
	position:absolute;
	top:15px;
	right:15px;
	z-index:5;
	color:#fff;
	width:40px;
	height:40px;
	text-align:center;
	line-height:40px;
	border:1px solid #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	font-size:18px;
	font-weight:700
}
._friendlyReminder .Timer.active {
	display:none
}
._friendlyReminder .picBox .pic {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center
}
._friendlyReminder .offBtn {
	position:absolute;
	right:25px;
	top:25px;
	font-size:24px;
	cursor:pointer;
	color:#fff
}
._friendlyReminder .swiper-container {
	height:100%
}
._friendlyReminder .swiper-slide {
	width:100%;
	height:100%
}
._friendlyReminder .swiper-slide img {
	height: 100%;
	margin: 0 auto;
}
._friendlyReminder .pagination {
	position:absolute;
	bottom:5px;
	text-align:center;
	z-index:5
}
._friendlyReminder .pagination span {
	background:#fff
}
.bannerTipsImg {
	z-index:10;
	position:fixed;
	right:.5%;
	width:100px;
	height:100px;
	bottom:15%;
	cursor:pointer;
	width:100px;
	-webkit-animation:rabbit 1s steps(20) infinite;
	background: url(../images/chunxiang.png)
}
@-webkit-keyframes rabbit {
0% {
background-position:0 0
}
100% {
background-position:0 -2000%
}
}

.phone {
  display: flex;
  width: 400px;
 /* height: 100%;*/
  padding: 7px;
  position: absolute;
  right: 0;
  top: 0;
  align-items: center;
}

.phone::after {
  width: 1px;
 /* height: 100%;*/
  position: absolute;
  left: 50px;
  top: 0;
  background: rgba(0,0,0,.05);
  content: "";
}

.phone i {
  font-size: 24px;
  display:none;
  color: #e70012;
}

.phone p {
  display: block;
  font-size: 19px;
  color: #fff;
  font-family: gothmbok;
  font-weight: 400;
  margin-left: 10px;
}


.header {
	height:80px;
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	background:#fff;
	z-index:15;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	line-height:80px;
	-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-o-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-moz-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	transition:all 1s cubic-bezier(.77, 0, .175, 1)
}
.header a {
	display:inline-block;
	vertical-align:middle
}
.Lbox {
	position:absolute;
	left:0;
	height:100%;
	width:80px;
	background:#fff;
	z-index:5;
	top:0;
	-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-o-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-moz-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	transition:all 1s cubic-bezier(.77, 0, .175, 1)
}
.Rbox {
	right:0;
	height:100%;
	width:80px;
	background:#fff;
	z-index:5;
	top:0;
	position:absolute;
	-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-o-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-moz-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	transition:all 1s cubic-bezier(.77, 0, .175, 1)
}
.Bbox {
	position:absolute;
	bottom:0;
	width:100%;
	background:#fff;
	height:80px;
	z-index:5;
	-webkit-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-o-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	-moz-transition:all 1s cubic-bezier(.77, 0, .175, 1);
	transition:all 1s cubic-bezier(.77, 0, .175, 1)
}
body.scrollbar .header {
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	transform:translateY(-100%)
}
body.scrollbar .Lbox {
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%)
}
body.scrollbar .Rbox {
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
	transform:translateX(100%)
}
body.scrollbar .Bbox {
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
	transform:translateY(100%)
}
.lang, .menu {
	width:80px;
	height:80px;
	position:fixed;
	left:0;
	top:0;
	z-index:25;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	-moz-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	cursor:pointer
}
body.scrollbar .lang, body.scrollbar .menu {
	opacity:0
}
.lang i {
	font-size:24px;
	margin-right:5px;
	margin-left:4px
}
.lang span {
	font-weight:700;
	font-size:14px
}
.menu {
	left:auto;
	right:0
}
.menu .text {
	position:relative;
	vertical-align:middle;
	display:inline-block;
	width:42px;
	height:30px;
	text-align:center;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
.menu .text span {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	line-height:30px;
	font-size:16px;
	font-weight:700;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
.menu .text .b {
	top:50%;
	opacity:0
}
.menu .burger {
	width:27px;
	vertical-align:middle;
	display:inline-block;
	height:30px;
	position:relative;
	margin-right:2px
}
.menu .burger .line {
	width:20px;
	height:2px;
	background:#3a3a3a;
	position:absolute;
	left:3px;
-webkit-transition:cubic-bezier(.4, 0, 1, 1) .2s;
-o-transition:cubic-bezier(.4, 0, 1, 1) .2s;
-moz-transition:cubic-bezier(.4, 0, 1, 1) .2s;
transition:cubic-bezier(.4, 0, 1, 1) .2s
}
.menu .burger .line.top {
	top:9px
}
.menu .burger .line.bottom {
	top:18px
}
.menu.active .burger .line {
	background:#fff
}
.menu.active .burger .line.top {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	top:17px
}
.menu.active .burger .line.bottom {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:18px
}
.nav {
	position:fixed;
	z-index:30;
	height:100%;
	width:0;
	left:0;
	top:0;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
-webkit-transition:width .5s .5s cubic-bezier(.77, 0, .175, 1);
-o-transition:width .5s .5s cubic-bezier(.77, 0, .175, 1);
-moz-transition:width .5s .5s cubic-bezier(.77, 0, .175, 1);
transition:width .5s .5s cubic-bezier(.77, 0, .175, 1);
	overflow:hidden
}
.nav .bannerImg {
	background-image:url(../images/menubg.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:100% 0;
	background-attachment:fixed;
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	z-index:5
}
iframe {
	/*width:0;
	height:0;*/
	overflow:hidden;
	display:block
}
.nav .menuOver {
	position:absolute;
	height:100%;
	width:100%;
	cursor:url(../images/close.png), auto
}
.nav .borderBOttom, .nav .borderLeft, .nav .borderRight, .nav .borderTop {
	position:absolute;
	background:#fff;
	z-index:10;
-webkit-transition:all .5s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .5s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .5s cubic-bezier(.77, 0, .175, 1);
transition:all .5s cubic-bezier(.77, 0, .175, 1)
}
.nav .borderTop {
	width:100%;
	height:50px;
	top:0;
	left:0;
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	transform:translateY(-100%)
}
.nav .borderLeft {
	left:0;
	height:100%;
	width:50px;
	top:0;
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%)
}
.nav .borderRight {
	right:0;
	height:100%;
	width:50px;
	top:0;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
	transform:translateX(100%)
}
.nav .borderBOttom {
	width:100%;
	height:50px;
	bottom:0;
	left:0;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
	transform:translateY(100%)
}
.nav .navLink {
	position:absolute;
	z-index:8;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:800px;
	opacity:0;
-webkit-transition:all .5s .2s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .5s .2s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .5s .2s cubic-bezier(.77, 0, .175, 1);
transition:all .5s .2s cubic-bezier(.77, 0, .175, 1)
}
.nav .navLink ul {
	padding-bottom:45px;
	position:relative
}
.nav .navLink ul:after {
	content:'';
	position:absolute;
	width:0;
	height:2px;
	left:0;
	bottom:0;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s;
	background:#fff
}
.nav .navLink li {
	color:#fff;
	font-weight:700
}
.nav .navLink li .childeli {
	font-size:18px;
	display:inline-block;
	vertical-align:middle;
	width:70%;
	float:right;
	margin-top:11px
}
.nav .navLink li .childeli a {
	font-weight:400;
	margin-right:25px;
	position:relative;
	padding:5px 0
}
.nav .navLink li .childeli a:after {
	content:'';
	position:absolute;
	width:0;
	height:1px;
	bottom:0;
	background:#fff;
	left:0;
-webkit-transition:ease-in-out .6s;
-o-transition:ease-in-out .6s;
-moz-transition:ease-in-out .6s;
transition:ease-in-out .6s
}
.nav .navLink li .childeli a.active:after {
	width:100%
}
.nav .navLink li+li {
	margin-top:15px
}
.nav .navLink li>a {
	display:inline-block;
	margin-bottom:5px;
	font-size:26px;
	vertical-align:middle;
	margin-right:25px;
	position:relative
}
.nav .navLink li>a:after {
	content:'';
	position:absolute;
	width:0;
	height:3px;
	background:#fff;
	bottom:0;
	left:0;
-webkit-transition:all .6s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .6s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .6s cubic-bezier(.77, 0, .175, 1);
transition:all .6s cubic-bezier(.77, 0, .175, 1)
}
.nav .navLink li>a.active:after {
	width:100%
}
.nav.active {
	width:100%;
-webkit-transition:all .5s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .5s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .5s cubic-bezier(.77, 0, .175, 1);
transition:all .5s cubic-bezier(.77, 0, .175, 1)
}
.nav.active .borderBOttom {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
-webkit-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
transition:all .5s .5s cubic-bezier(.77, 0, .175, 1)
}
.nav.active .borderLeft {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
-webkit-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
transition:all .5s .5s cubic-bezier(.77, 0, .175, 1)
}
.nav.active .borderRight {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0);
-webkit-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
transition:all .5s .5s cubic-bezier(.77, 0, .175, 1)
}
.nav.active .borderTop {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0);
-webkit-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .5s .5s cubic-bezier(.77, 0, .175, 1);
transition:all .5s .5s cubic-bezier(.77, 0, .175, 1)
}
.nav.active .navLink {
	opacity:1;
-webkit-transition:ease .3s .5s;
-o-transition:ease .3s .5s;
-moz-transition:ease .3s .5s;
transition:ease .3s .5s
}
.nav.active .navLink ul:after {
	width:100%;
-webkit-transition:ease 1.1s .5s;
-o-transition:ease 1.1s .5s;
-moz-transition:ease 1.1s .5s;
transition:ease 1.1s .5s
}










.mlr {
	margin-left:80px;
	margin-right:80px;
	position:relative
}
.plr {
	padding-left:80px;
	padding-right:80px
}
.ptb {
	padding-top:80px;
	padding-bottom:80px
}
.pt80 {
	padding-top:80px
}
.pb80 {
	padding-bottom:80px
}
.banner ul {
	position:absolute;
	width:-webkit-calc(100% - 160px);
	width:-moz-calc(100% - 160px);
	width:calc(100% - 160px);
	height:-webkit-calc(100% - 160px);
	height:-moz-calc(100% - 160px);
	height:calc(100% - 160px);
	left:80px;
	top:80px;
	color:#fff;
	opacity:0;
-webkit-transition:opacity .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:opacity .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:opacity .25s cubic-bezier(.77, 0, .175, 1);
transition:opacity .25s cubic-bezier(.77, 0, .175, 1);
	visibility:inherit;
	display:none
}
.banner ul.active {
	display:block
}
.banner ul li {
	height:100%;
	width:16.6%;
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	position:relative;
	background-color:rgba(177, 33, 35, .1);
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1);
	overflow:hidden
}
.banner ul .Childenav {
	position:absolute;
	bottom:7%;
	width:100%;
	-webkit-transform:translateY(100%);
	-moz-transform:translateY(100%);
	-ms-transform:translateY(100%);
	-o-transform:translateY(100%);
	transform:translateY(100%);
	opacity:0;
-webkit-transition:ease .5s .2s;
-o-transition:ease .5s .2s;
-moz-transition:ease .5s .2s;
transition:ease .5s .2s
}
.banner ul .Childenav a {
	font-size:17px;
	width:48%;
	display:inline-block;
	text-align:center;
	margin-top:15px;
	position:relative;
	line-height:36px
}
.banner ul .Childenav a:after {
	content:'';
	position:absolute;
	width:50%;
	height:1px;
	background:#fff;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%) scaleX(0);
	-moz-transform:translateX(-50%) scaleX(0);
	-ms-transform:translateX(-50%) scaleX(0);
	-o-transform:translateX(-50%) scaleX(0);
	transform:translateX(-50%) scaleX(0);
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
.banner ul li .nav {
	position:absolute;
	width:100%;
	padding-left:35px;
	bottom:30px;
	font-size:16px;
	opacity:0;
	visibility:hidden
}
.banner ul li .text {
	padding:0 15% 60px;
	font-size:18px;
	width:100%
}
.banner ul li .text h3 {
	font-size:32px;
	margin-bottom:10px
}
.banner ul li .text p {
	opacity:0;
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1);
	-webkit-transform:translateY(30px) translateZ(0);
	-moz-transform:translateY(30px) translateZ(0);
	transform:translateY(30px) translateZ(0);
	height:60px
}
.banner {
	overflow:hidden;
	position:relative;
	height:118vh;
	width:100%
}
.banner1 {
	overflow:hidden;
	position:relative;
	height:110vh;
	width:100%
}
.banner ul li .nav a+a {
	margin-left:35px
}
.phoneVideoPlay {
	display:none
}
body.scrollbar .banner ul {
	visibility:hidden
}
.ctrl {
	position:absolute;
	width:66px;
	height:66px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	top:50%;
	margin-top:-33px;
	left:15%;
-webkit-box-shadow:0 0 .5rem rgba(24, 53, 78, .2);
-moz-box-shadow:0 0 .5rem rgba(24, 53, 78, .2);
box-shadow:0 0 .5rem rgba(24, 53, 78, .2);
	z-index:8;
	margin-left:-33px;
	background-color:#fff;
	background-image:url(../images/right.png);
	background-position:center center;
	-webkit-background-size:40px auto;
	-moz-background-size:40px auto;
	-o-background-size:40px auto;
	background-size:40px auto;
	background-repeat:no-repeat;
	cursor:pointer;
	opacity:0;
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1)
}
.ctrl.right {
	background-image:url(../images/left.png);
	left:auto;
	right:-webkit-calc(30% + 20px);
	right:-moz-calc(30% + 20px);
	right:calc(30% + 20px)
}
.banner video {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	pointer-events:none;
	opacity:0;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	-webkit-filter:contrast(200%) brightness(200%);
	filter:contrast(200%) brightness(200%);
	-webkit-transition:all 1.5s cubic-bezier(.77, 0, .175, 1);
	-o-transition:all 1.5s cubic-bezier(.77, 0, .175, 1);
	-moz-transition:all 1.5s cubic-bezier(.77, 0, .175, 1);
	transition:all 1.5s cubic-bezier(.77, 0, .175, 1)
}
.index .banner {
	/*background-color:#000*/
}
.banner.active video {
	opacity:1;
	-webkit-filter:contrast(100%) brightness(100%);
	filter:contrast(100%) brightness(100%)
}
.LoadPercentage {
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	left:0;
	background:#5c1b1b;
	z-index:100;
	opacity:1;
	visibility:inherit;
-webkit-transition:ease .8s 1s;
-o-transition:ease .8s 1s;
-moz-transition:ease .8s 1s;
transition:ease .8s 1s
}
.LoadPercentage.active {
	opacity:0;
	visibility:hidden
}
.LoadPercentage ._progressed {
	position:absolute;
	right:2%;
	font-size:80px;
	opacity:.5;
	top:100%;
-webkit-transition:ease .3s;
-o-transition:ease .3s;
-moz-transition:ease .3s;
transition:ease .3s;
	color:#fff
}
.LoadPercentage ._progressed.active {
	opacity:0;
	visibility:hidden
}
.LoadPercentage .Proportional {
	position:absolute;
	right:-99%;
	bottom:0;
	width:100%;
	background:#fff;
	height:25%
}
.LoadPercentage .Proportional.active {
	right:100%;
	-webkit-transition:ease 1s;
	-o-transition:ease 1s;
	-moz-transition:ease 1s;
	transition:ease 1s
}
.LoadPercentage .svg {
	width:100px;
	height:100px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-50px 0 0 -50px
}
.LoadPercentage .svg svg {
	stroke-dasharray:100;
	-webkit-animation:dash 5s linear infinite;
	-moz-animation:dash 5s linear infinite;
	-o-animation:dash 5s linear infinite;
	animation:dash 5s linear infinite
}
@-webkit-keyframes dash {
to {
stroke-dashoffset:1000
}
}
@-moz-keyframes dash {
to {
stroke-dashoffset:1000
}
}
@-o-keyframes dash {
to {
stroke-dashoffset:1000
}
}
@keyframes dash {
to {
stroke-dashoffset:1000
}
}
.banner .img-box img {
	opacity:.4
}
.index .box2 {
clear: both;
	background:#f9f9f9;
	padding-top:80px;
	padding-bottom:80px
}
.index .box2 ._fl, .index .box2 ._fr {
	width:49%
}
.index .box2 ._fr {
	position:absolute;
	right:0;
	height:100%
}
.index .box2 ._fr .box+.box {
	position:absolute;
	bottom:0;
	width:100%
}
.index .box2 .pic {
	background:#000;
	position:relative;
	overflow:hidden
}
.index .box2 .pic:after {
	content:"";
	position:absolute;
	left:-100%;
	top:-40%;
	width:160%;
	height:50%;
	background-color:rgba(255, 255, 255, .5);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0
}
.index .box2 .pic .lazy {
	position:absolute;
	left:0;
	top:0
}
.index .box2 .pic img {
	opacity:.6;
	-webkit-transition:cubic-bezier(0, -.01, .51, 1.35) 4s;
	-o-transition:cubic-bezier(0, -.01, .51, 1.35) 4s;
	-moz-transition:cubic-bezier(0, -.01, .51, 1.35) 4s;
	transition:cubic-bezier(0, -.01, .51, 1.35) 4s
}
.index .box2 .pic .lazy {
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1)
}
.index .box2 .box {
	position:relative
}
.index .box2 .box a {
	display:block
}
.index .box2 .box .more {
	position:absolute;
	left:5%;
	bottom:3%;
	color:#fff;
	font-size:16px
}
.index .box2 .box .more .line {
	width:50px;
	height:1px;
	background:#fff;
	display:inline-block;
	vertical-align:middle;
	margin-left:15px
}
.index .box2 .title {
	position:absolute;
	color:#fff;
	top:7%;
	left:5%;
	width:90%
}
.index .box2 .title h2 {
	font-size:36px
}
.index .box2 .title p {
	font-size:22px
}
.index .box2 ._fr .title p {
	font-size:20px
}




.index .box3 {
	padding-top:10px;
	padding-bottom:80px
}
.index .box3 .PartnerTitle h2 {
	font-size:36px;
	text-align:center
}
.index .box3 .PartnerTitle p {
	color:#5f5f5f;
	text-align:center
}
.index .box3 .PartnerList {
	margin-bottom:15px
}
.index .box3 .PartnerList ul {
	text-align:center;
	margin-top:30px
}
.index .box3 .PartnerList li {
	display:inline-block;
	margin:0 7%
}
.index .box3 .PartnerList i {
	display:block;
	width:50px;
	margin:0 auto
}
.index .box3 .PartnerList span {
	display:block;
	font-size:16px;
	opacity:1;
	margin-top:5px;
-webkit-transition:ease-in-out .5s;
-o-transition:ease-in-out .5s;
-moz-transition:ease-in-out .5s;
transition:ease-in-out .5s
}
.index .box3 .Cooperation {
	background:url(../images/cooperation_Bg.jpg) no-repeat center/cover;
	background-attachment:fixed;
	color:#fff;
	text-align:center;
	padding:75px 0
}
.index .box3 .Cooperation h2 {
	font-size:36px;
	margin-bottom:10px
}
.index .box3 .Cooperation p {
	font-size:24px;
	margin-bottom:25px
}
.index .box3 .CooperativeTelephone a {
	background:#fff;
	color:#db261d;
	width:500px;
	display:inline-block;
	line-height:66px;
	font-size:36px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	font-weight:700
}
.index .box3 .CooperativeTelephone h3 {
	font-size:30px;
	font-weight:600;
	margin-bottom:20px;
}




.index .box4.news {
	padding:50px 80px 80px
}
.index .box4.news .swiper-container::before {
width:100%;
top:80px;
left:0;
height:1px;
content:'';
position:absolute;
background-color:#dcdcdc
}
.index .box4.news {
	background-color:#f6f6f6
}
.index .box4.news .top .type {
	float:right;
	font-size:18px;
	padding-top:5px;
	line-height:1
}
.index .box4.news .top .type p {
	display:inline-block;
	padding:0 17px;
	cursor:pointer
}
.index .box4.news .top .type p.active {
	color:#db261d
}
.index .box4.news .top h2 {
	font-size:36px;
	line-height:1
}
.index .box4.news .text {
	position:absolute;
	width:100%;
	left:0;
	top:90px;
	padding-left:30px;
	padding-right:30px;
	z-index:3;
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1)
}
.index .box4.news .text .t {
	font-size:16px;
	color:#db261d;
	line-height:1;
	margin-bottom:18px;
-webkit-transition:color .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:color .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:color .25s cubic-bezier(.77, 0, .175, 1);
transition:color .25s cubic-bezier(.77, 0, .175, 1)
}
.index .box4.news .text .t span {
	display:inline-block;
	width:12px;
	height:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	border:1px solid #db261d;
	margin-top:2px;
	margin-right:10px;
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1)
}
.index .box4.news .text h3 {
	font-size:24px;
	line-height:30px;
	text-align:justify
}
.index .box4.news .img {
	position:absolute;
	width:100%;
	height:0;
	padding-top:75%;
	left:0;
	bottom:0;
	background-position:center bottom;
	-webkit-background-size:-webkit-calc(100% - 60px) auto;
	-moz-background-size:-moz-calc(100% - 60px) auto;
	-o-background-size:calc(100% - 60px) auto;
	background-size:calc(100% - 60px) auto;
	background-repeat:no-repeat;
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1);
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.index .box4.news .img img {
	display:none
}
.index .box4.news .img::before {
content:'';
height:60%;
width:100%;
background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .9)), to(rgba(0, 0, 0, 0)));
background:-webkit-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
background:-moz-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
background:-o-linear-gradient(top, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
background:linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0));
left:0;
top:0;
position:absolute;
opacity:0;
-webkit-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-o-transition:all .25s cubic-bezier(.77, 0, .175, 1);
-moz-transition:all .25s cubic-bezier(.77, 0, .175, 1);
transition:all .25s cubic-bezier(.77, 0, .175, 1)
}
.index .box4.news .swiper-container {
	cursor:-webkit-grab;
	padding-top:30px;
	padding-bottom:60px
}
.index .box4.news .swiper-slide+.swiper-slide::before {
position:absolute;
width:1px;
height:80%;
background-color:#dcdcdc;
left:0;
bottom:0;
content:''
}
.index .box4.news .swiper-slide img {
	width:100%
}
.index .box4.news .swiper-pagination {
	display:block;
	margin-left:0;
	bottom:0;
	text-align:center
}
.index .box4.news .swiper-pagination span {
	width:12px;
	height:12px;
	background:#bfbfbf
}
.index .box4.news .swiper-pagination span.swiper-pagination-bullet-active {
	background:#b11100
}
.boxNews {
	position:relative
}
.boxNews .welfare {
	position:absolute;
	width:100%;
	height:100%;
	top:0
}
.boxNews .boxNewsTab {
	opacity:0;
	visibility:hidden
}
.boxNews .boxNewsTab.active {
	opacity:1;
	visibility:inherit
}
.index .box5 {
	border-top:1px solid #d2d2d2
}
.index .box5 li {
	width:25%;
	float:left;
	text-align:center;
	position:relative
}
.index .box5 li a {
	display:block;
	padding:25px 0;
	background-color:#f6f6f6
}
.index .box5 li:after {
	content:'';
	background:#d2d2d2;
	position:absolute;
	right:0;
	height:-webkit-calc(100% - 50px);
	height:-moz-calc(100% - 50px);
	height:calc(100% - 50px);
	top:25px;
	width:1px
}
.index .box5 li i {
	display:inline-block;
	color:#a6a6a6;
	font-size:50px
}
.index .box5 li span {
	color:#3c3c3c;
	font-size:18px;
	display:block
}
.footer {
	background:#393939;
	color:#fff;
	padding:80px
}
.footer .newlink {
	margin:0 auto;
	float:right;
	margin-top:15px
}
.footer .up {
	border-bottom:2px solid #fff;
	margin-bottom:25px
}
.footer .up li {
	display:inline-block;
	font-size:18px;
	color:rgba(255, 255, 255, .6);
	margin-right:45px
}
.footer .up a {
	display:inline-block;
	line-height:60px
}
.footer .up a span {
	display:inline-block;
	vertical-align:middle
}
.footer .up i {
	font-size:24px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
	color:#fff
}
.footer .address {
	color:#b9b9b9
}
.footer .share {
	margin:15px auto 70px
}
.footer .btnShare {
	display:inline-block;
	position:relative;
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
	color:#393939;
	background:#fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	cursor:pointer
}
.footer .btnShare+.btnShare {
	margin-left:15px
}
.footer .btnShare i {
	font-size:28px;
	line-height:40px;
	width:40px;
	height:40px;
	display:block
}
.footer .btnShare img {
	position:absolute;
	width:140px;
	bottom:120%;
	max-width:inherit;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity:0;
	visibility:hidden
}
.footer .btnShare.activeOpen img {
	opacity:1;
	visibility:inherit
}
.footer .Links {
	color:rgba(255, 255, 255, .6);
	margin-bottom:5px
}
.footer .Links span {
	display:inline-block;
	margin-right:10px
}
.footer .Links a {
	margin-right:5px;
	display:inline-block
}
.footer .copyright {
	color:rgba(123, 123, 123, .6)
}
.footer .intoTtitle {
	text-align:right;
	margin-bottom:20px
}
.footer .intoTtitle a {
	font-size:40px;
	line-height:1
}
.footer .intoTtitle a+p {
	font-size:20px
}
.footer .LanguageBox {
	text-align:right
}
.mobile {
	display: none;
	text-align: center;
}
.footer .Language {
	width:145px;
	line-height:50px;
	border:1px solid #fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
	position:relative;
	cursor:pointer;
	display:inline-block
}
.footer .Language.active .LanguageLi {
	opacity:1;
	visibility:inherit;
	height:121px
}
.footer .Language .icon_earth {
	font-size:24px;
	vertical-align:middle;
	display:inline-block
}
.footer .Language .LanguageText {
	font-size:20px;
	vertical-align:middle;
	display:inline-block;
	margin:0 5px 0 25px
}
.footer .Language .icon_arrow {
	vertical-align:middle;
	display:inline-block
}
.footer .LanguageLi {
	position:absolute;
	width:100%;
	border:1px solid rgba(255, 255, 255, .6);
	top:51px;
	height:0;
	overflow:hidden;
	opacity:0;
	visibility:hidden;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background:#383838;
	border-radius:10px
}
.footer .footerLanguage {
	text-align:left;
	position:relative;
	cursor:pointer;
	color:#ccc;
	font-size:14px;
	font-weight:700
}
.footer .footerLanguage a {
	padding:10px;
	display:block
}
.footer .footerLanguage:after {
	content:'';
	display:block;
	width:80%;
	left:10%;
	height:1px;
	position:absolute;
	background:#fff;
	bottom:0
}
.footer .footerLanguage span {
	display:block;
	line-height:1.2
}
.footer .footerLanguage span.cn {
	opacity:.8
}
.footer .footerLanguage span.en {
	opacity:.5
}
.about .inBanner {
	height:550px;
	position:relative;
	background:#000
}
.about .inBanner .about_title {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.about .box1 .inBanner .pic {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	opacity:.7
}
.about .box2 .inBanner .pic {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	opacity:.8
}
.about .section {
	color:#666;
	font-size:16px;
	text-align:center;
	padding:80px 0
}
h2._PlateTitle {
	text-align:center;
	font-size:36px;
	margin-bottom:15px
}
.about .box3 {
	background:#f6f6f6;
	padding:80px 0
}
.about .honor {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.about .honor .swiper-wrapper {
	display:block
}
.about .honor .li {
	width:25%;
	position:relative;
	margin-bottom:55px;
	padding:0 2%;
	float:left
}
.about .honor .li .honorBox {
	display:inline-block
}
.about .honor .li:after {
	content:'';
	position:absolute;
	height:100%;
	width:1px;
	background:#dcdcdc;
	right:0;
	top:0
}
.about .honor .li:nth-child(4n):after {
opacity:0
}
.about .honor .li:last-child:after {
	opacity:0
}
.about .honor .li figcaption {
	margin-bottom:25px
}
.about .honor h3 {
	color:#4e4e4e;
	font-size:20px;
	height:68px;
	overflow:hidden
}
.Surroundings {
	padding:0
}
.SurroundingsUl {
	text-align:right;
	-webkit-transition:inherit;
	-o-transition:inherit;
	-moz-transition:inherit;
	transition:inherit;
	padding-bottom:80px
}
.Surroundings .li {
	display:inline-block;
	position:relative;
	height:100vh;
	width:91%
}
.Surroundings .li .pic {
	position:absolute;
	height:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center
}
.Surroundings .li .pic img {
	opacity:0
}
.Surroundings .text {
	position:absolute;
	color:#fff;
	text-align:left;
	padding:0 10% 8%;
	bottom:0;
	width:100%
}
.Surroundings .text h3 {
	font-size:24px;
	margin-bottom:34px
}
.Surroundings .Types {
	font-size:16px;
	margin-bottom:10px
}
.Surroundings .Types span {
	display:inline-block;
	vertical-align:middle
}
.Surroundings .Types i {
	display:inline-block;
	width:16px;
	height:16px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	border:2px solid #fff;
	vertical-align:middle;
	margin-right:10px
}
.Surroundings .description {
	font-size:16px
}
.food .box1 {
	position:relative
}
.food .box1:after {
	content:'';
	position:absolute;
	width:100%;
	height:80px;
	bottom:0;
	background:#fff
}
.food .box2 .Description {
	padding-bottom:80px
}
.food .inBanner, .foodSafety .inBanner {
	height:-webkit-calc(100vh - 160px);
	height:-moz-calc(100vh - 160px);
	height:calc(100vh - 160px);
	width:100%;
	position:relative
}
.food .inBanner, .foodSafety .inBanner {
	background:#000
}
.food .inBanner .pic, .foodSafety .inBanner .pic {
	background:url(../images/bg_food.jpg) fixed center/cover;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	opacity:.8
}
.inBanner .pageTitle {
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	color:#fff;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	font-size:68px
}
.food .Description .li {
	background:#f6f6f6
}
.food .Description .li+.li {
	margin-top:60px
}
.food .Description .pic, .food .Description .summary {
	width:50%
}
.food .Description .pic img {
	width:100%
}
.food .Description .summary {
	position:absolute;
	height:100%;
	top:0
}
.food .Description .summary figcaption {
	width:80%;
	left:50%;
	position:absolute;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.food .Description ._fl.summary {
	left:0
}
.food .Description ._fr.summary {
	right:0
}
.food .Description h3 {
	font-size:36px
}
.food .Description h5 {
	font-size:24px;
	font-weight:inherit;
	margin-bottom:25px
}
.food .Description .text {
	color:#797979;
	font-size:16px
}
.foodSafety .box2 {
	padding-top:80px
}
.foodSafety .box2 .section {
	text-align:center;
	font-size:18px;
	color:#797979;
	margin-bottom:25px
}
.foodSafety .box2 .pagination {
	display:none
}
.foodSafety .box2 .li {
	width:32%;
	position:relative;
	background:#000
}
.foodSafety .box2 .li img {
	opacity:.7
}
.foodSafety .box2 .li:nth-child(2) {
margin:0 2%
}
.foodSafety .box2 .text {
	position:absolute;
	bottom:0;
	color:#fff;
	width:100%;
	padding:0 8% 7%;
	z-index:5
}
.foodSafety .box2 .text h3 {
	font-size:24px;
	margin-bottom:5px
}
.foodSafety .box2 .text p {
	font-size:18px
}
.foodSafety .box3 {
	padding-top:50px;
	padding-bottom:50px
}
.foodSafety .box3 .section {
	text-align:center;
	font-size:18px;
	color:#797979;
	margin-bottom:25px
}
.foodSafety .box3 .video {
	position:relative
}
.foodSafety .box3 .videoBox {
	position:absolute;
	height:100%;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.foodSafety .box3 .video video {
	height:100%
}
.foodSafety .box4 {
	position:relative;
	padding:50px 0
}
.foodSafety .box4 ul {
	position:relative
}
.foodSafety .box4 ul:after {
	content:'';
	display:block;
	clear:both
}
.foodSafety .box4 ul li {
	width:20%;
	float:left;
	padding:20px
}
.foodSafety .box4 ul .TextBox i {
	color:#b1110c;
	font-size:44px
}
.foodSafety .box4 ul .text {
	border-top:1px solid #efefef;
	margin-top:15px;
	position:relative
}
.foodSafety .box4 ul .text:after {
	content:'';
	background:#efefef;
	width:20px;
	height:1px;
	position:absolute;
	right:-20px;
	top:-1px
}
.foodSafety .box4 ul .text:before {
	content:'';
	background:#efefef;
	width:20px;
	height:1px;
	position:absolute;
	left:-20px;
	top:-1px
}
.foodSafety .box4 ul .title {
	font-size:24px;
	font-weight:700;
	margin-bottom:15px;
	padding-top:15px
}
.foodSafety .box4 ul .description {
	color:#797979;
	font-size:16px;
	height:270px;
	overflow:hidden
}
.foodSafety .box5 {
	position:relative;
	background:#f6f6f6;
	padding:60px 0
}
.foodSafety .box5:after {
	content:'';
	background:#f6f6f6;
	position:absolute;
	width:80px;
	left:-80px;
	height:100%;
	top:0
}
.foodSafety .box5:before {
	content:'';
	background:#f6f6f6;
	position:absolute;
	width:80px;
	right:-80px;
	height:100%;
	top:0
}
.foodSafety .box5 .section {
	text-align:center;
	margin-bottom:60px;
	color:#797979;
	font-size:18px
}
.foodSafety .box5 .Supervision {
	position:relative;
	height:355px;
	background:#fff
}
.foodSafety .box5 .Supervision:after {
	content:''
}
.foodSafety .box5 ._fl {
	height:100%;
	width:50%;
	position:relative
}
.foodSafety .box5 ._fl .ewm {
	position:absolute;
	top:50%;
	z-index:5;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	color:#fff;
	text-align:center;
	font-size:22px
}
.foodSafety .box5 ._fl .ewm img {
	margin-bottom:15px
}
.foodSafety .box5 ._fl .pic {
	position:absolute;
	height:100%;
	width:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	z-index:1
}
.foodSafety .box5 ._fr {
	width:50%;
	height:100%;
	position:relative
}
.foodSafety .box5 .inforBox {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:51%
}
.foodSafety .box5 .inforBox .ComplaintBtn {
	width:245px;
	line-height:60px;
	background:#b11100;
	text-align:center;
	color:#fff;
	display:inline-block;
	margin-top:35px;
	font-size:18px
}
.foodSafety .box5 .infor+.infor {
	margin-top:20px
}
.foodSafety .box5 .infor i {
	display:inline-block;
	vertical-align:middle;
	font-size:26px;
	border:2px solid #363636;
	width:60px;
	height:60px;
	line-height:55px;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	color:#363636
}
.foodSafety .box5 .infor .number {
	display:inline-block;
	margin-left:24px;
	vertical-align:middle
}
.foodSafety .box5 .infor span {
	display:block;
	font-size:18px;
	font-weight:700
}
.foodSafety .box5 .infor a {
	font-size:26px;
	display:inline-block;
	line-height:1;
	color:#b11100
}
.newproduct {
	height:100vh;
	overflow:hidden
}
.newproduct .newproductUl {
	height:100%
}
.newproduct .lineh {
	position:absolute;
	background:rgba(255, 255, 255, .3);
	width:1px;
	height:100%;
	left:5%;
	top:0;
	display:none
}
.newproduct .lineh i {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	background:#fff;
	width:60px;
	height:60px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	text-align:center;
	line-height:60px;
	color:#9b040d;
	font-size:36px
}
.newproduct .li {
	width:-webkit-calc(100% - 160px);
	width:-moz-calc(100% - 160px);
	width:calc(100% - 160px);
	height:100%;
	overflow:hidden;
	position:relative
}
.newproduct .li .bg {
	position:relative;
	height:100%;
	background:#f5f5f5
}
.newproduct .li .pic {
	width:73%;
	height:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center
}
.newproduct .text {
	width:27%;
	position:absolute;
	right:0;
	text-align:center;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.newproduct .entity img {
	width:63%;
	margin:4% auto
}
.newproduct .li h3 {
	font-size:36px;
	margin-bottom:15px
}
.newproduct .li .description {
	font-size:18px;
	width:59%;
	margin:0 auto
}
#fpnav {
	position:fixed;
	z-index:100;
	top:50%;
	opacity:1;
	right:17px;
	-webkit-transform:translate3d(0, 0, 0)
}
#fpnav li {
	display:block;
	width:14px;
	height:13px;
	margin:7px;
	position:relative
}
#fpnav li a {
	display:block;
	position:relative;
	z-index:1;
	width:100%;
	height:100%;
	cursor:pointer;
	text-decoration:none
}
#fpnav li span {
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	position:absolute;
	z-index:1;
	height:4px;
	width:4px;
	border:0;
	background:#050505;
	left:50%;
	top:50%;
	margin:-2px 0 0 -2px;
-webkit-transition:all .1s ease-in-out;
-moz-transition:all .1s ease-in-out;
-o-transition:all .1s ease-in-out;
transition:all .1s ease-in-out
}
#fpnav li.active span {
	height:12px;
	width:12px;
	margin:-6px 0 0 -6px;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background:#9b040d
}
.detailBox {
	background:#f5f5f5;
	padding:100px 0
}
._news_detail {
	width:1000px;
	margin:0 auto;
	background:#fff;
	padding:30px;
	position:relative
}
._news_detail .detail_content {
	width:100%
}
._news_detail .detail_same {
	display:none
}
._news_detail .returnBtn {
	position:absolute;
	right:0;
	width:120px;
	display:block;
	text-align:center;
	line-height:40px;
	top:-40px;
	background:#fff
}
._news_detail .returnBtn:after {
	content:'';
	background:#b20219;
	position:absolute;
	width:0;
	left:0;
	bottom:0;
	height:1px;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
.news .newsHotUl {
	background:#f6f6f6;
	padding:80px 0 160px
}
.news .newsHotUl .swiper-pagination {
	bottom:80px
}
.news .newsHotUl .li {
	width:910px;
	background:#fff;
	position:relative
}
.news .newsHotUl .li a {
	display:block;
	height:100%
}
.news .newsHotUl .li .pic {
	width:45%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center
}
.news .newsHotUl .li .text {
	width:55%;
	position:absolute;
	height:100%;
	right:0;
	padding:45px
}
.news .newsHotUl .li .Types {
	color:#db261d;
	font-size:16px
}
.news .newsHotUl .li .Types i {
	margin-right:5px;
	vertical-align:middle;
	border:1px solid #db261d;
	width:14px;
	height:14px;
	display:inline-block;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%
}
.news .newsHotUl .li .Types span {
	display:inline-block;
	vertical-align:middle
}
.news .newsHotUl .li h3 {
	font-size:24px;
	line-height:1.4;
	height:66px;
	margin-bottom:15px
}
.news .newsHotUl .li .description {
	color:#797979;
	font-size:16px;
	height:auto;
	overflow:hidden
}
.news .newsHotUl .li .more {
	position:absolute;
	bottom:45px;
	left:45px;
	color:#5b5b5b
}
.news .newsHotUl .li .more i {
	background:#dcdcdc;
	width:40px;
	height:1px;
	display:inline-block;
	vertical-align:middle;
	margin-left:5px
}
.news .swiper-pagination-bullet {
	background:0 0;
	opacity:1;
	margin:0 6px!important;
	width:9px;
	height:9px;
	position:relative;
	outline:0;
	vertical-align:middle
}
.news .swiper-pagination-bullet span {
	width:3px;
	height:3px;
	background:#ccc;
	display:block;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin-top:3px;
	margin-left:3px
}
.news .swiper-pagination-bullet i {
	background:#db261d;
	height:1px;
	width:20px;
	position:absolute;
	top:4px;
	-webkit-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-o-transform:scaleX(0);
	transform:scaleX(0);
	-webkit-transform-origin:left;
	-moz-transform-origin:left;
	-ms-transform-origin:left;
	-o-transform-origin:left;
	transform-origin:left;
	z-index:3;
	-webkit-transition-timing-function:linear;
	-moz-transition-timing-function:linear;
	-o-transition-timing-function:linear;
	transition-timing-function:linear
}
.news .swiper-pagination-bullet-active span {
	width:9px;
	height:9px;
	margin-top:0;
	margin-left:0;
	background:#db261d;
	position:relative;
	z-index:1
}
.news .swiper-pagination-bullet-active i {
	-webkit-animation:middle 6s;
	-moz-animation:middle 6s;
	-o-animation:middle 6s;
	animation:middle 6s
}
.news .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i {
	-webkit-animation:first 6s;
	-moz-animation:first 6s;
	-o-animation:first 6s;
	animation:first 6s
}
.news .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i {
	-webkit-animation:last 6s;
	-moz-animation:last 6s;
	-o-animation:last 6s;
	animation:last 6s
}
.searchListBox {
	padding-bottom:50px
}
.searchListBox .newsListUl.newsList {
	padding:0;
	margin-bottom:55px
}
.searchContent .scResult {
	background:#db261d
}
.newsList .newsListUl {
	margin-top:35px;
	position:relative;
	margin-bottom:55px
}
.newsListUl:after {
	content:'';
	display:block;
	clear:both
}
.newsList .li {
	width:24%;
	float:left;
	margin:0 1% 35px 0
}
.newsList .li .pic {
	overflow:hidden;
	margin-bottom:25px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	position:relative;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
.newsList .li .pic:after {
	content:'';
	position:absolute;
	bottom:0;
	width:100%;
	height:40%;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background:-o-linear-gradient(top, rgba(0, 0, 0, 0), #000 100%);
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
	-webkit-transform:translateY(10%);
	-moz-transform:translateY(10%);
	-ms-transform:translateY(10%);
	-o-transform:translateY(10%);
	transform:translateY(10%);
	opacity:0;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
/*.newsList .li:nth-child(4n) {
margin:0 0 35px
}*/
.newsList .li h3 {
	color:#4e4e4e;
	font-size:20px;
	height:60px;
	overflow:hidden;
	line-height:30px;
	font-weight:inherit;
	margin-bottom:10px
}
.newsList .li figcaption {
	color:#797979;
	font-size:16px;
	height:55px;
	overflow:hidden
}
.newsList .li .timer {
	/*color:#db261d;*/
	font-size:16px
}
.newsList .li .timer i {
	width:25px;
	height:25px;
	display:inline-block;
	vertical-align:middle;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin-right:5px;
	text-align:center;
	line-height:25px;
	font-size:20px
}
.newsList .li .timer span {
	display:inline-block;
	vertical-align:middle
}
.supplyLi .li {
	width:100%;
	margin:0;
	border-bottom:1px solid #f1f1f1;
	padding-bottom:5px;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s;
	padding:10px 3%
}
.supplyLi .li h3 {
	height:auto;
	margin-bottom:5px;
	font-size:22px
}
.supplyLi .li .timer {
	font-size:14px
}
.supplyLi .li:nth-child(3n) {
margin:0 2% 35px 0
}

.newsList h2 {
	font-size:36px;
	margin-bottom:10px
}
.newsList .filter {
	position:absolute;
	right:0;
	top:0
}
.newsList .fb_input {
	line-height:60px;
	height:60px;
	border:0;
	float:left;
	display:block;
	padding:0 25px;
	margin-right:15px;
	font-size:16px;
	-webkit-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	-moz-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	background:#fff
}
.newsList .input {
	line-height:60px;
	height:60px;
	position:relative;
	float:left;
	display:block;
	color:#fff;
	-webkit-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	-moz-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	box-shadow:2px 3px 8px rgba(0, 0, 0, .1)
}
.newsList .input input {
	line-height:60px;
	height:60px;
	border:0;
	background:#fff;
	padding:0 60px 0 25px;
	width:193px
}
.newsList .input .BtnSearch {
	position:absolute;
	width:60px;
	height:60px;
	top:0;
	right:0;
	line-height:68px;
	text-align:center;
	font-size:30px;
	cursor:pointer;
	color:#a61210
}
._PageTurningNumber span input {
	border:none;
	border-bottom:1px solid #3a3a3a
}
._PageTurningNumber a {
	padding:0;
	width:36px;
	height:36px;
	display:inline-block;
	line-height:36px;
	font-size:16px;
	vertical-align:middle;
	position:relative;
	background:no-repeat
}
._PageTurningNumber a.btnL:after, ._PageTurningNumber a.btnR:after {
	content:'';
	position:absolute;
	height:100%;
	width:100%;
	border:1px solid #db261d;
	left:0;
	top:0;
	opacity:0
}
._PageTurningNumber a.active {
	background:no-repeat;
	color:#db261d
}
._PageTurningNumber a.btnL {
	width:auto;
	padding:0 15px;
	font-size:14px
}
._PageTurningNumber a.btnR {
	width:auto;
	padding:0 15px;
	font-size:14px
}
._PageTurningNumber ._btnJump {
	padding:0 15px;
	width:auto;
	margin:0 10px
}
.announcement {
	background:#f6f6f6
}
.announcement>._w1300 {
	margin-top:80px
}
.announcement h2 {
	font-size:36px;
	margin-bottom:10px
}
.announcement .filter {
	position:absolute;
	right:0;
	top:0
}
.announcement .fb_input {
	line-height:60px;
	height:60px;
	border:0;
	float:left;
	display:block;
	padding:0 25px;
	margin-right:15px;
	font-size:16px;
	-webkit-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	-moz-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	background:#fff
}
.announcement .input {
	line-height:60px;
	height:60px;
	position:relative;
	float:left;
	display:block;
	color:#fff;
	-webkit-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	-moz-box-shadow:2px 3px 8px rgba(0, 0, 0, .1);
	box-shadow:2px 3px 8px rgba(0, 0, 0, .1)
}
.announcement .input input {
	line-height:60px;
	height:60px;
	border:0;
	background:#fff;
	padding-left:25px;
	width:250px
}
.announcement .input .BtnSearch {
	position:absolute;
	width:60px;
	height:60px;
	top:0;
	right:0;
	line-height:68px;
	text-align:center;
	font-size:30px;
	color:#a61210;
	cursor:pointer
}
.announcementUl {
	margin-top:35px;
	margin-bottom:55px
}
.announcementUl .li {
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
.announcementUl .li+.li {
	border-top:1px solid rgba(189, 189, 189, .22)
}
.announcementUl .li a {
	display:block;
	height:100%
}
.announcementUl .li ._w1300 {
	padding:35px 0
}
.announcementUl .li h3 {
	line-height:25px;
	font-weight:700;
	font-size:16px
}
.Investment .box1 .inBanner {
	height:100vh;
	position:relative;
	background:#000
}
.Investment .box1 .inBanner .pic {
	background:url(../images/bg_cooperation.jpg) fixed center/cover;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	opacity:.8
}
.Investment .box2 {
	background:#f6f6f6;
	padding-bottom:80px
}
.Investment .box2 .inBanner {
	height:285px;
	background:url(../images/bg_partner.jpg);
	margin-bottom:25px
}
.Investment .box2 .partner {
	background:#f6f6f6
}
.Investment .box2 h2 {
	font-size:36px;
	text-align:center
}
.Investment .box2 ul {
	text-align:center;
	margin-top:40px
}
.Investment .box2 ul li {
	display:inline-block;
	width:19%;
	text-align:left;
	vertical-align:top;
	padding-right:9%
}
.Investment .box2 ul li h3 {
	color:#3a3a3a;
	font-size:20px
}
.Investment .box2 .description {
	color:#797979;
	font-size:18px
}
.Investment .box3 {
	padding-top:60px
}
.Investment .box3 h2 {
	font-size:36px;
	text-align:center
}
.Investment .box3 ul {
	border-top:1px solid #dcdcdc;
	margin-top:35px
}
.Investment .box3 li {
	width:-webkit-calc(100% / 6);
	width:-moz-calc(100% / 6);
	width:calc(100% / 6);
	float:left;
	height:500px;
	padding:35px 2%;
	position:relative;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff
}
.Investment .box3 li:after {
	content:'';
	position:absolute;
	left:0;
	top:5%;
	height:90%;
	background:#dcdcdc;
	width:1px
}
.Investment .box3 li:nth-child(1):after {
opacity:0
}
.Investment .box3 li .icon {
	height:134px;
	width:134px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	position:relative;
	border:1px solid #d31b03;
	margin:0 auto 18px
}
.Investment .box3 li .icon i {
	position:absolute;
	font-size:52px;
	text-align:center;
	line-height:134px;
	width:100%;
	color:#d31b03
}
.Investment .box3 li .title {
	text-align:center;
	color:#3a3a3a;
	font-size:24px;
	font-weight:700;
	position:relative;
	padding-bottom:20px;
	margin-bottom:25px
}
.Investment .box3 li .title:after {
	content:'';
	position:absolute;
	width:90px;
	height:1px;
	background:#ccc;
	bottom:0;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.Investment .box3 .description {
	color:#797979;
	font-size:16px;
	height:105px;
	overflow:hidden
}
.Investment .box3 .num {
	color:#b31808;
	font-size:36px;
	text-align:center;
	position:absolute;
	bottom:25px;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	opacity:0
}
.Investment .box4 {
	background:#f6f6f6;
	margin-bottom:80px
}
.Investment .box4 .L {
	position:absolute;
	height:100%;
	width:50%;
	border-bottom:90px solid #fff
}
.Investment .box4 .L ul {
	height:100%;
	width:100%
}
.Investment .box4 .L li {
	position:absolute;
	opacity:0;
	visibility:hidden;
	height:100%;
	width:100%
}
.Investment .box4 .L li.active {
	opacity:1;
	visibility:inherit
}
.Investment .box4 .L li .text {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:56%;
	z-index:5
}
.Investment .box4 .L li h2 {
	color:#3a3a3a;
	font-size:36px;
	margin-bottom:40px
}
.Investment .box4 .L li h3 {
	color:#3a3a3a;
	font-size:24px
}
.Investment .box4 .L li .description {
	color:#797979;
	font-size:16px
}
.Investment .box4 .L li .num {
	position:absolute;
	color:#fff;
	font-size:484px;
	line-height:1;
	font-weight:700;
	bottom:-14%;
	left:15%
}
.Investment .box4 .L .pagination {
	text-align:right
}
.Investment .box4 .L .pagination span {
	background:0 0;
	color:#c3c3c3;
	opacity:1;
	width:40px;
	height:90px;
	line-height:90px;
	position:relative;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s;
	text-align:left;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0
}
.Investment .box4 .pagination span.swiper-pagination-bullet-active {
	width:120px;
	color:#b11100
}
.Investment .box4 .L .pagination span:after {
	content:'';
	width:60%;
	position:absolute;
	display:block;
	height:1px;
	background:#e4e4e4;
	top:50%;
	left:20%;
	opacity:0;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s;
	z-index:1
}
.Investment .box4 .L .pagination span:before {
	content:'';
	width:0;
	position:absolute;
	display:block;
	height:1px;
	background:#b11100;
	top:50%;
	left:20%;
-webkit-transition:opacity ease .5s, width 4s;
-o-transition:opacity ease .5s, width 4s;
-moz-transition:opacity ease .5s, width 4s;
transition:opacity ease .5s, width 4s;
	z-index:5;
	opacity:0
}
.Investment .box4 .pagination span.swiper-pagination-bullet-active:after, .Investment .box4 .pagination span.swiper-pagination-bullet-active:before {
	opacity:1;
	width:60%
}
.Investment .box4 .R {
	width:50%;
	padding-top:58px;
	position:relative
}
.Investment .btnTable {
	position:absolute;
	bottom:0;
	height:90px;
	z-index:5
}
.Investment .btnTable .button-next, .Investment .btnTable .button-prev {
	float:left;
	width:150px;
	line-height:90px;
	height:90px;
	background:#b11100;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:22px
}
.Investment .box5 {
	margin-bottom:80px
}
.Investment .box5 .Cooperation {
	background:url(../images/cooperation_Bg.jpg) no-repeat center/cover;
	background-attachment:fixed;
	color:#fff;
	text-align:center;
	padding:75px 0
}
.Investment .box5 .qr {
	text-align:center;
	margin-bottom:15px
}
.Investment .box5 .qr img {
	margin:0 auto;
	width:150px
}
.Investment .box5 .qr span {
	font-size:16px
}
.Investment .box5 .Cooperation h2 {
	font-size:36px;
	margin-bottom:10px
}
.Investment .box5 .Cooperation p {
	font-size:24px;
	margin-bottom:25px
}
.Investment .box5 .CooperativeTelephone a {
	background:#fff;
	color:#db261d;
	width:500px;
	display:inline-block;
	line-height:66px;
	font-size:36px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	font-weight:700
}
.Investment .box5 .CooperativeTelephone h3 {
	font-size:30px;
	font-weight:600;
	margin-bottom:10px
}
.store {
	height:100vh
}
.store #map {
	height:100%;
	background:#ccc;
	z-index:2
}
.store #map .leaflet-div-icon {
	border:0
}
.store #map .BMap_Marker.active>div {
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	-o-transform:scale(1.3);
	transform:scale(1.3);
	-webkit-transform-origin:bottom;
	-moz-transform-origin:bottom;
	-ms-transform-origin:bottom;
	-o-transform-origin:bottom;
	transform-origin:bottom
}
.store #map img {
	max-width:initial
}
.c-map-marker {
	position:absolute;
	display:block;
	width:26px;
	height:40px;
	font-weight:700;
	font-size:8px
}
.store .amapinfo {
	width:280px
}
.store .amapinfo .address {
	margin-bottom:15px
}
.store .amapinfo .navigation {
	color:#b20219
}
.mapBox {
	height:100%;
	width:100%;
	position:relative
}
.mapBox .cityList {
	position:absolute;
	width:490px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	left:3%;
	z-index:5
}
.mapBox .cityList .btn_style {
	overflow:hidden
}
.mapBox .cityList .btn_style a {
	width:160px;
	line-height:50px;
	display:block;
	float:left;
	text-align:center;
	background:#fff;
	font-size:16px
}
.mapBox .cityList .btn_style a.active {
	color:#fff;
	background:#b20219
}
.mapBox .cityList .btn_style i {
	font-size:27px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	font-size:16px
}
.mapBox .cityList .filter {
	margin:15px auto;
	-webkit-box-shadow:0 0 13px rgba(0, 0, 0, .3);
	-moz-box-shadow:0 0 13px rgba(0, 0, 0, .3);
	box-shadow:0 0 13px rgba(0, 0, 0, .3);
	z-index:5
}
.mapBox .cityList .input {
	position:relative;
	height:70px
}
.mapBox .cityListli {
	background:#fff;
	position:absolute;
	top:100%;
	z-index:5;
	width:100%;
	max-height:250px;
	overflow-y:auto;
	-webkit-box-shadow:0 0 13px rgba(0, 0, 0, .3);
	-moz-box-shadow:0 0 13px rgba(0, 0, 0, .3);
	box-shadow:0 0 13px rgba(0, 0, 0, .3)
}
.mapBox .cityListli li {
	padding:10px 25px
}
.mapBox .cityList .input .storeType {
	width:18%;
	float:left;
	background:#fff;
	position:relative;
	cursor:pointer
}
.mapBox .cityList .current {
	text-align:center
}
.mapBox .cityList .current span {
	line-height:70px;
	display:inline-block;
	vertical-align:middle;
	font-size:17px
}
.mapBox .cityList .current i {
	font-size:12px;
	display:inline-block;
	vertical-align:middle;
	margin-left:9%
}
.mapBox .cityList .storeType ul {
	position:absolute;
	top:100%;
	width:100%;
	border-bottom:2px solid #b21118;
	opacity:0;
	visibility:hidden
}
.mapBox .cityList .storeType li {
	background:#fff;
	text-align:center;
	line-height:42px;
	cursor:pointer
}
.mapBox .cityList .storeType.active ul {
	opacity:1;
	visibility:inherit
}
.mapBox .cityList .input input {
	border:0;
	line-height:70px;
	width:82%;
	padding:0 70px 0 25px;
	float:right
}
.mapBox .cityList .BtnSearch {
	position:absolute;
	right:0;
	width:70px;
	height:70px;
	top:0;
	text-align:center;
	line-height:70px;
	font-size:34px;
	cursor:pointer
}
.mapBox .cityInfo {
	background:#f3f3f3;
	overflow:hidden;
	padding:0 0 0 25px
}
.mapBox .cityListBox {
	position:relative
}
.mapBox .cityListBox .btnSearchCity {
	height:40px;
	width:50%;
	background:#b21118;
	color:#fff;
	position:absolute;
	bottom:2%;
	left:25%;
	text-align:center;
	line-height:40px;
	font-size:16px;
	cursor:pointer
}
.mapBox #cityList {
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	z-index:20;
	opacity:0;
	visibility:hidden
}
.mapBox #PoPy {
	height:-webkit-calc(100% - 60px)!important;
	height:-moz-calc(100% - 60px)!important;
	height:calc(100% - 60px)!important;
	bottom:auto!important;
	top:0
}
.mapBox #cityList.active {
	opacity:1;
	visibility:inherit
}
.mapBox .cityInfo i {
	display:inline-block;
	vertical-align:middle;
	line-height:58px;
	color:#b20219;
	font-size:24px
}
.mapBox .cityInfo .cityName {
	display:inline-block;
	vertical-align:middle;
	font-weight:700;
	font-size:17px;
	margin-right:10px;
	max-width:40%;
	height:28px;
	overflow:hidden
}
.mapBox .cityInfo .tips {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer
}
.mapBox .cityInfo .TabCity {
	float:right;
	height:58px;
	line-height:58px;
	background:#b20219;
	color:#fff;
	width:120px;
	text-align:center;
	font-size:16px;
	cursor:pointer
}
.mapBox .cityNum {
	background:#fff;
	padding:0 0 0 25px;
	border-bottom:1px solid #f3f3f3
}
.mapBox .cityNum span {
	line-height:54px;
	color:#b20219;
	font-size:16px;
	position:relative;
	display:inline-block
}
.mapBox .cityNum span:after {
	content:'';
	position:absolute;
	bottom:0;
	background:#b20219;
	width:100%;
	height:1px;
	left:0
}
.mapBox .cityList .cityListUl {
	background:#fff;
	height:450px;
	overflow-y:auto
}
.mapBox .cityList .cityListUl>li {
	padding:25px
}
.mapBox .cityList li+li {
	border-top:1px solid #f3f3f3
}
.mapBox .cityList .title {
	font-size:20px;
	font-weight:700
}
.mapBox .cityList .title span {
	display:inline-block;
	vertical-align:middle
}
.mapBox .cityList .unm {
	background:#b20219;
	color:#fff;
	width:24px;
	height:24px;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	line-height:24px;
	font-size:16px;
	margin-right:5px
}
.mapBox .cityList .field {
	float:right;
	font-weight:200;
	font-size:14px;
	margin-top:8px
}
.mapBox .cityList .address {
	margin:10px 0
}
.mapBox .cityList .navigation {
	color:#b20219
}
.mapBox .cityList .navigation i {
	font-size:19px;
	width:24px;
	height:24px;
	line-height:24px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	text-indent:0
}
.mapBox .cityList .navigation span {
	display:inline-block;
	vertical-align:middle
}
.mapBox .country {
	margin-top:25px;
	background:#fff
}
.mapBox .cityList .country li {
	color:#807e7d;
	overflow:hidden
}
.mapBox .cityList .hoverBox {
	cursor:pointer
}
.mapBox .cityList .country li li {
	padding:10px;
	border-top:1px solid rgba(204, 204, 204, .4)
}
.mapBox .cityList .country .store_title {
	font-size:16px;
	color:#3a3a3a;
	font-weight:700
}
.mapBox .cityList .country ol {
	max-height:225px;
	overflow-y:auto
}
.mapBox .country li .name {
	display:inline-block;
	padding:10px
}
.mapBox .country li .num {
	float:right;
	position:relative;
	width:30px;
	text-align:right;
	display:block;
	padding:10px
}
.mapBox .country li span:after {
	content:'';
	position:absolute;
	width:0;
	height:1px;
	right:100%;
	background:#252525;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s;
	top:50%;
	z-index:5
}
.mapBox .country li span:before {
	content:'';
	position:absolute;
	width:20px;
	height:1px;
	right:100%;
	top:50%;
	z-index:2;
	background:rgba(159, 152, 148, .44)
}
.dishes {
	height:100vh;
	position:relative;
	padding-bottom:80px
}
.dishes:after {
	content:'';
	width:80px;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	right:0;
	z-index:5
}
.dishes:before {
	content:'';
	width:80px;
	height:100%;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:5
}
.dishes .swiper-scrollbar {
	position:absolute;
	bottom:14%;
	width:80%;
	left:10%;
	opacity:0;
	-webkit-transition:ease 1s 1s;
	-o-transition:ease 1s 1s;
	-moz-transition:ease 1s 1s;
	transition:ease 1s 1s;
	cursor:w-resize
}
.dishes .swiper-scrollbar-drag {
	height:5px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px
}
.dishes.active .swiper-scrollbar {
	opacity:1
}
.dishes .dishesBox {
	height:100%;
	background:#f1eded;
	position:relative;
	overflow:hidden
}
.dishes .dishesBox .sliderWrapper {
	position:absolute;
	height:100%;
	width:100%;
	-webkit-transform:matrix(1, 0, 0, 1, 0, 0);
	-moz-transform:matrix(1, 0, 0, 1, 0, 0);
	-ms-transform:matrix(1, 0, 0, 1, 0, 0);
	-o-transform:matrix(1, 0, 0, 1, 0, 0);
	transform:matrix(1, 0, 0, 1, 0, 0);
	-webkit-transition:ease-out 2s;
	-o-transition:ease-out 2s;
	-moz-transition:ease-out 2s;
	transition:ease-out 2s
}
.dishes.active .dishesBox .sliderWrapper {
	-webkit-transform:matrix(.5, 0, 0, .5, 0, 0);
	-moz-transform:matrix(.5, 0, 0, .5, 0, 0);
	-ms-transform:matrix(.5, 0, 0, .5, 0, 0);
	-o-transform:matrix(.5, 0, 0, .5, 0, 0);
	transform:matrix(.5, 0, 0, .5, 0, 0)
}
.dishes .swiper-scrollbar-drag {
	background:#b31912;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px
}
.dishes .swiper-container {
	height:100%;
	position:absolute;
	width:100%;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
	overflow:inherit
}
.dishes .dishesBox .ul {
	height:100%
}
.dishes .dishesBox .li {
	width:100%;
	height:100%
}
.dishes .dishesBox .li:after {
	content:'';
	position:absolute;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .82)));
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .82) 100%);
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .82) 100%);
	background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .82) 100%);
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .82) 100%);
	width:100%;
	height:30%;
	bottom:0;
	left:0
}
.dishes .dishesBox .text {
	position:absolute;
	width:80%;
	bottom:5%;
	left:10%;
	color:#fff;
	z-index:5;
	-webkit-transition:ease 1s 1s;
	-o-transition:ease 1s 1s;
	-moz-transition:ease 1s 1s;
	transition:ease 1s 1s
}
.dishes.active .dishesBox .text {
	opacity:0;
	overflow:hidden
}
.dishes .dishesBox .text.Big {
	opacity:0;
	bottom:auto;
	top:105%;
	text-align:center
}
.dishes .dishesBox .pic {
	position:relative;
	width:100%;
	height:100%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center
}
.dishes .dishesBox .text.Big {
	opacity:0;
	visibility:hidden;
	position:absolute;
	width:80%;
	color:#3a3a3a;
	-webkit-transition:ease 1s;
	-o-transition:ease 1s;
	-moz-transition:ease 1s;
	transition:ease 1s
}
.dishes.active .dishesBox .text.Big {
	opacity:1;
	visibility:inherit;
	-webkit-transition:ease 1s 1s;
	-o-transition:ease 1s 1s;
	-moz-transition:ease 1s 1s;
	transition:ease 1s 1s
}
.dishes .dishesBox .title {
	font-size:42px;
	font-weight:700
}
.dishes .dishesBox .description {
	font-size:16px
}
.dishes .dishesBox .Big .description {
	font-size:28px
}
.dishes .wrapper {
	position:relative;
	top:-80px;
	z-index:5
}
.dishes .wrapper .pic {
	position:relative
}
.dishes .wrapper .pic .text {
	position:absolute;
	top:50%;
	z-index:5;
	color:#fff;
	width:35%;
	left:10%
}
.dishes .wrapper .pic .title {
	font-size:48px;
	font-weight:700;
	text-shadow:1px 1px 1px rgba(0, 0, 0, .1)
}
.dishes .wrapper .pic .description {
	font-size:16px
}
.dishes .parallaxmirror {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:1
}
.dishes .parallaxmirror .pic {
	position:fixed;
	top:0;
	width:100%;
	left:0;
	overflow:hidden;
	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0)
}
.dishes .parallaxmirror .pic:before {
	content:'';
	position:absolute;
	width:100%;
	height:80px;
	left:0;
	bottom:0;
	z-index:2
}
.dishes .parallaxmirror .pic .picBox {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	height:100%;
	width:100%;
	position:absolute;
	left:0;
	top:0
}
.dishes .parallaxmirror .pic .text {
	display:none
}
.btnFeatures {
	position:fixed;
	right:0;
	top:50%
}
.btnFeatures i {
	background:#b31912;
	width:66px;
	height:66px;
	color:#fff;
	display:block;
	text-align:center;
	line-height:66px;
	font-size:18px;
	cursor:pointer
}
.ndc_detail {
	font-size:18px
}
._ndc_npnews .post_next, ._ndc_npnews .post_prev {
	background:rgba(178, 2, 25, 0);
	font-size:18px
}
._ndc_top .title {
	font-size:36px;
	line-height:1.4;
	margin-bottom:30px
}
._citys {
	width:100%;
	height:100%;
	display:block;
	position:relative;
	background:#fff;
	overflow:hidden
}
._citys .btnSearchCity {
	line-height:38px;
	background:#b21118;
	color:#fff;
	text-align:center;
	width:50%;
	cursor:pointer;
	margin:10px auto 0
}
._citys span {
	color:#b21118;
	height:20px;
	width:20px;
	line-height:18px;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:absolute;
	right:10px;
	top:6px;
	border:1px solid #b21118;
	cursor:pointer;
	font-size:13px
}
._citys0 {
	width:100%;
	height:34px;
	display:block;
	padding:0;
	margin:0;
	border-bottom:1px solid #b21118
}
._citys0 li {
	float:left;
	height:34px;
	line-height:34px;
	overflow:hidden;
	font-size:15px;
	color:#888;
	width:80px;
	text-align:center;
	cursor:pointer
}
.citySel {
	background-color:#b21118;
	color:#fff!important
}
._citys1 {
	width:100%;
	height:-webkit-calc(100% - 35px);
	height:-moz-calc(100% - 35px);
	height:calc(100% - 35px);
	display:block;
	overflow:auto;
	margin-top:1px;
	padding-bottom:25px
}
._citys1 a {
	height:35px;
	display:block;
	color:#666;
	padding-left:25px;
	line-height:35px;
	cursor:pointer;
	font-size:13px;
	overflow:hidden;
	border-bottom:1px solid #e3e3e3;
	width:96%;
	margin:0 auto;
	position:relative
}
.ui-content {
	line-height:30px;
	background:#fff;
	margin:10px;
	border:1px solid #e4e4e4;
	padding:10px
}
li {
	list-style-type:none
}
@-webkit-keyframes first {
0% {
-webkit-transform:scaleX(.5);
transform:scaleX(.5);
left:0
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
@-moz-keyframes first {
0% {
-moz-transform:scaleX(.5);
transform:scaleX(.5);
left:0
}
100% {
-moz-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
@-o-keyframes first {
0% {
-o-transform:scaleX(.5);
transform:scaleX(.5);
left:0
}
100% {
-o-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
@keyframes first {
0% {
-webkit-transform:scaleX(.5);
-moz-transform:scaleX(.5);
-o-transform:scaleX(.5);
transform:scaleX(.5);
left:0
}
100% {
-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
@-webkit-keyframes last {
0% {
-webkit-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-webkit-transform:scaleX(.3);
transform:scaleX(.3);
left:2px
}
100% {
-webkit-transform:scaleX(.3);
transform:scaleX(.3);
left:0
}
}
@-moz-keyframes last {
0% {
-moz-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-moz-transform:scaleX(.3);
transform:scaleX(.3);
left:2px
}
100% {
-moz-transform:scaleX(.3);
transform:scaleX(.3);
left:0
}
}
@-o-keyframes last {
0% {
-o-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-o-transform:scaleX(.3);
transform:scaleX(.3);
left:2px
}
100% {
-o-transform:scaleX(.3);
transform:scaleX(.3);
left:0
}
}
@keyframes last {
0% {
-webkit-transform:scaleX(.7);
-moz-transform:scaleX(.7);
-o-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-webkit-transform:scaleX(.3);
-moz-transform:scaleX(.3);
-o-transform:scaleX(.3);
transform:scaleX(.3);
left:2px
}
100% {
-webkit-transform:scaleX(.3);
-moz-transform:scaleX(.3);
-o-transform:scaleX(.3);
transform:scaleX(.3);
left:0
}
}
@-webkit-keyframes middle {
0% {
-webkit-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-webkit-transform:scaleX(.45);
transform:scaleX(.45);
left:2px
}
100% {
-webkit-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
@-moz-keyframes middle {
0% {
-moz-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-moz-transform:scaleX(.45);
transform:scaleX(.45);
left:2px
}
100% {
-moz-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
@-o-keyframes middle {
0% {
-o-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-o-transform:scaleX(.45);
transform:scaleX(.45);
left:2px
}
100% {
-o-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
@keyframes middle {
0% {
-webkit-transform:scaleX(.7);
-moz-transform:scaleX(.7);
-o-transform:scaleX(.7);
transform:scaleX(.7);
left:-10px
}
20% {
-webkit-transform:scaleX(.45);
-moz-transform:scaleX(.45);
-o-transform:scaleX(.45);
transform:scaleX(.45);
left:2px
}
100% {
-webkit-transform:scaleX(1);
-moz-transform:scaleX(1);
-o-transform:scaleX(1);
transform:scaleX(1);
left:2px
}
}
.lgg {
	padding-bottom:70px
}
.lgg .box1 {
	height:-webkit-calc(100vh - 160px);
	height:-moz-calc(100vh - 160px);
	height:calc(100vh - 160px);
	width:100%;
	position:relative
}
.lgg .inBanner {
	height:100%;
	background:#000;
	position:relative
}
.lgg .inBanner .pic {
	background:url(../images/bg_lgg.jpg) fixed center/cover;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	opacity:.8
}
.lgg.ta .inBanner .pic {
	background:0 0;
	background-image:url(../images/takeaway-bg.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center center;
	opacity:1
}
.lgg .box2 {
	padding:70px 0 0
}
.lgg.ta .box2 {
	padding:80px 0 80px;
	text-align:center;
	font-size:16px
}
.lgg.ta .box2 h2 {
	font-size:36px
}
.lgg.ta .box2 p+p {
	margin-top:15px
}
.ta .box_3 {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex
}
.ta .box_3>div {
	width:50%
}
.ta .box_3 .right {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	position:relative;
	background-color:#f6f6f6;
	font-size:16px;
	line-height:1.5;
	text-align:justify
}
.ta .box_3 .right p {
	margin-top:5px
}
.ta .box_3 .right p span:first-of-type {
	font-weight:700
}
.ta .box_3 .right:after, .ta .box_3 .right:before {
	content:'';
	position:absolute;
	background-color:#e7e7e7;
	width:100%;
	height:1px;
	left:0;
	top:50%
}
.lgg.ta .box2.box_4 span {
	display:inline-block
}
.lgg.ta .box2.box_4 .c {
	padding:0 20px
}
.lgg.ta .box2.box_4 b {
	font-size:18px
}
.lgg.ta .box2.box_4 h2 {
	margin-bottom:30px
}
.ta .box_3 .right h3 {
	font-size:24px;
	color:#9f2024
}
.ta .box_3 .right:after {
	left:50%;
	top:0;
	width:1px;
	height:100%
}
.ta .box_3 .left {
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.ta .box_3 .item {
	width:50%;
	height:250px;
	padding:2% 3%
}
.lgg.ta .box2 span {
	display:block
}
.lgg .box2 .typeNav {
	text-align:center
}
.lgg .box2 .typeNav a {
	font-size:18px;
	margin:0 10px
}
.ta .box_5 ul {
	display:-webkit-box;
	display:-webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.ta .box_5 ul li {
	width:47%;
	position:relative;
	margin-bottom:80px
}
.ta .box_5 ul li:before {
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	height:40%;
	width:100%;
	background:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .65)));
	background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65));
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .65))
}
.ta .box_5 ._more_ {
	width:265px;
	text-align:center;
	color:#9f2024;
	border:1px solid #9f2024;
	line-height:48px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	margin:0 auto 80px;
	font-size:18px;
	font-weight:700;
	cursor:pointer
}
.ta .box_5 ul li:nth-child(2n+1) {
margin-left:0
}
.ta .box_5 ul li+li {
	margin-left:6%
}
.ta .box_5 ul li .text {
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	color:#fff;
	padding:3% 5%;
	font-size:16px;
	line-height:24px
}
.ta .box_5 ul li .text i {
	display:inline-block;
	font-style:normal;
	width:-webkit-calc(100% - 70px);
	width:-moz-calc(100% - 70px);
	width:calc(100% - 70px);
	vertical-align:top
}
.ta .box_5 .thumb {
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover
}
.ta .box_5 ul li .text span {
	display:inline-block;
	background-color:#fff;
	color:#b10000;
	-webkit-border-radius:27px;
	-moz-border-radius:27px;
	border-radius:27px;
	width:60px;
	margin-right:8px;
	text-align:center;
	line-height:24px;
	font-weight:700;
	vertical-align:middle
}
.ta .box_5 ul li .text p {
	margin-top:5px
}
.ta .box_5 ul li .text h3 {
	font-size:20px
}
.lgg .box2 .typeNav a.active {
	color:#db0a10
}
.lgg .box2 .Round {
	position:relative;
	width:430px;
	height:430px;
	margin:45px auto 0
}
.lgg .box2 .Round.mobile {
	display:none
}
.lgg .box2 .Round .pagination {
	text-align:center
}
.lgg .box2 .Round .pagination span.swiper-pagination-bullet-active {
	background:#b1110c
}
.lgg .box2 .RoundSwiper ul {
	height:auto
}
.lgg .box2 .RoundSwiper {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	overflow:inherit
}
.lgg .box2 .Round .CharacteristicsImg {
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:66%
}
.lgg .box2 .Round .lineRound {
	width:430px;
	height:430px;
	display:block;
	border:1px solid #9f1320;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	margin:0 auto
}
.lgg .box2 .Round li {
	position:absolute;
	top:53%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:340px
}
.lgg .box2 .Round li:nth-child(1) {
left:-66%;
text-align:right;
top:54%
}
.lgg .box2 .Round li:nth-child(2) {
left:-66%;
text-align:right;
top:79%
}
.lgg .box2 .Round li:nth-child(3) {
left:162%;
text-align:left;
top:79%
}
.lgg .box2 .Round li:nth-child(4) {
left:162%;
text-align:left;
top:54%
}
.lgg .box2 .Round .name {
	color:rgba(58, 58, 58, .3);
	font-size:24px;
	font-weight:700;
	position:absolute;
	width:52px;
	cursor:pointer
}
.lgg .box2 .Round li:nth-child(1) .name, .lgg .box2 .Round li:nth-child(2) .name {
left:117%
}
.lgg .box2 .Round li:nth-child(3) .name, .lgg .box2 .Round li:nth-child(4) .name {
left:-27%
}
.lgg .box2 .Round li:nth-child(1) .name:after, .lgg .box2 .Round li:nth-child(2) .name:after {
content:'';
width:11px;
height:11px;
background:#9f1320;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
position:absolute;
display:block;
left:137%;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)
}
.lgg .box2 .Round li:nth-child(1) .name:before, .lgg .box2 .Round li:nth-child(2) .name:before {
content:'';
width:22px;
height:22px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
position:absolute;
display:block;
left:148%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
border:1px solid #9f1320
}
.lgg .box2 .Round li:nth-child(3) .name:after, .lgg .box2 .Round li:nth-child(4) .name:after {
content:'';
width:11px;
height:11px;
background:#9f1320;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
position:absolute;
display:block;
right:139%;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)
}
.lgg .box2 .Round li:nth-child(3) .name:before, .lgg .box2 .Round li:nth-child(4) .name:before {
content:'';
width:22px;
height:22px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
position:absolute;
display:block;
right:103%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
border:1px solid #9f1320
}
.lgg .box2 .Round li:nth-child(2) .name {
top:28%
}
.lgg .box2 .Round li:nth-child(3) .name {
top:28%
}
.lgg .box2 li.active .textBox {
	opacity:1
}
.lgg .box2 li.active .name {
	color:#b1110c
}
.lgg .box2 .textBox {
	opacity:0
}
.lgg .box2 .textBox .title {
	color:#3a3a3a;
	font-size:20px;
	font-weight:700
}
.lgg .box2 .summary {
	color:#797979;
	font-size:16px;
	height:220px
}
.lgg .box2 .derivativeBox {
	margin-top:50px;
	padding-top:40px
}
.lgg .box2 .derivativeBox:after {
	content:'';
	width:100%;
	position:absolute;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
	height:1px;
	background:#dcdcdc;
	top:0
}
.lgg .box2 .derivativeBox .li {
	overflow:hidden
}
.lgg .box2 .liBox {
	width:25%;
	float:left;
	position:relative;
	padding:0 4%
}
.lgg .box2 .liBox:after {
	content:'';
	position:absolute;
	width:1px;
	height:100%;
	background:#dcdcdc;
	right:0;
	top:0
}
.lgg .box2 .liBox .type {
	color:#db0a10;
	font-size:16px
}
.lgg .box2 .liBox .title {
	font-size:24px;
	color:#3a3a3a;
	font-weight:700;
	margin-bottom:15px
}
.lgg .box2 .liBox img {
	margin:0 auto
}
.lgg .box2 .double .liBox {
	width:50%
}
.lgg .box3 {
	overflow:hidden;
	color:#fff;
	margin-bottom:55px
}
.lgg .box3 ._fl {
	width:49%;
	background:#b11100
}
.lgg .box3 ._fr {
	width:49%;
	background:#b11100
}
.lgg .box3 .pic {
	width:45%;
	height:350px;
	float:left;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center
}
.lgg .box3 .textBox {
	width:55%;
	float:left;
	height:350px;
	padding:35px;
	position:relative
}
.lgg .box3 .title {
	font-size:24px
}
.lgg .box3 .textBox a {
	display:block;
	position:absolute;
	bottom:35px;
	left:35px
}
.lgg .box3 .textBox a p {
	line-height:22px
}
.lgg .box3 .textBox a i {
	width:70px;
	height:1px;
	background:#fff;
	display:inline-block;
	vertical-align:middle;
	margin-left:25px
}
.lgg .box3 .textBox .icon {
	position:absolute;
	right:35px;
	bottom:35px;
	display:block;
	font-size:94px;
	line-height:1;
	color:rgba(255, 255, 255, .3)
}
.lgg .box4 {
	background:#f6f6f6
}
.lgg .box4 .Ranking {
	padding:55px 0
}
.lgg .box4 ul {
	text-align:center
}
.lgg .box4 ul+ul {
	margin-top:50px
}
.lgg .box4 li {
	display:inline-block;
	margin:0 3%;
	width:10%;
	vertical-align:top;
	position:relative
}
.lgg .box4 li:after {
	content:'';
	background:#e9e9e9;
	width:1px;
	position:absolute;
	right:-30%;
	height:160px;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.lgg .box4 li:nth-child(6):after {
opacity:0
}
.lgg .box4 li .olive {
	background:url(../images/olive.png) center/cover no-repeat;
	height:110px;
	width:154px;
	margin:0 auto 15px;
	position:relative;
	left:50%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.lgg .box4 li .number {
	color:#b10000;
	font-size:65px;
	display:inline-block;
	vertical-align:top;
	line-height:1;
	margin-top:25px;
	font-family:CondensedBold
}
.lgg .box4 li .unit {
	font-size:18px;
	color:#18140d;
	display:inline-block;
	vertical-align:top;
	margin-top:25px
}
.lgg .box4 li p {
	width:85%;
	margin:0 auto
}
.lgg .box5 {
	padding:70px 0 0
}
.lgg .box5 .prompt {
	text-align:center;
	color:#5f5f5f;
	font-size:16px
}
.lgg .box5 .activityLi {
	margin-top:40px;
	overflow:hidden
}
.lgg .box5 .pagination {
	text-align:center;
	display:none
}
.lgg .box5 .pagination .swiper-pagination-bullet-active {
	background:#b1110c
}
.lgg .box5 .activityLi li {
	width:20%;
	float:left;
	position:relative
}
.lgg .box5 .activityLi .type {
	position:absolute;
	color:#fff;
	font-size:16px;
	top:25px;
	text-indent:23px;
	width:80%;
	left:10%
}
.lgg .box5 .activityLi .type:after {
	content:'';
	width:12px;
	height:12px;
	border:1px solid #fff;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	display:block;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.lgg .box5 .activityLi .title {
	position:absolute;
	color:#fff;
	font-size:24px;
	width:80%;
	left:10%;
	top:10%;
	line-height:1.4
}
.lgg .box6 {
	padding:70px 0 0
}
.lgg .box6 .honorBox .li {
	padding:25px
}
.lgg .box6 .honorBox .li .text {
	color:#fff;
	position:absolute;
	font-size:20px;
	text-align:center;
	width:76%;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%)
}
.lgg .box6 .honorBox .li img {
	margin:0 auto
}
.lgg .box6 .honorBox .pagination {
	text-align:center
}
.lgg .box6 .honorBox .pagination span {
	height:10px;
	width:10px
}
.lgg .box6 .honorBox .pagination span.swiper-pagination-bullet-active {
	background:#b10000
}
.lgg .box7 {
	overflow:hidden;
	padding:70px 0 0
}
.lgg .box7 ._fl {
	width:37%;
	background:#f6f6f6;
	height:700px;
	padding:5% 3%
}
.lgg .box7 ._fl ._PlateTitle {
	text-align:left
}
.lgg .box7 ._fl .summary {
	font-size:16px;
	width:71%
}
.lgg .box7 ._fl .summary img {
	margin-top:30px
}
.lgg .box7 ._fr {
	width:63%;
	height:700px;
	background:url(../images/AdvantageBg.jpg);
	position:relative
}
.lgg .box7 .Advantage {
	background:#fff;
	width:92%;
	left:-10%;
	position:absolute;
	top:50%;
	-webkit-transform:translate(0, -50%);
	-moz-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	-o-transform:translate(0, -50%);
	transform:translate(0, -50%)
}
.lgg .box7 .Advantage ul {
	overflow:hidden;
	padding:2% 0
}
.lgg .box7 .Advantage li {
	width:50%;
	float:left;
	padding:2% 5%
}
.lgg .box7 .Advantage i {
	color:#b10000;
	font-size:34px;
	line-height:1
}
.lgg .box7 .Advantage .title {
	font-size:24px
}
.lgg .box7 .Advantage .text {
	height:70px
}
.lgg .box8 {
	padding:70px 0 0
}
.lgg .box8 .prompt {
	text-align:center;
	color:#5f5f5f;
	font-size:16px
}
.lgg .box9 {
	padding:70px 0 0
}
.lgg .box9 .PaymentSystem {
	overflow:inherit
}
.lgg .box9 .PaymentSystem .pagination {
	text-align:center;
	display:none;
	margin-top:25px
}
.lgg .box9 .PaymentSystem .pagination .swiper-pagination-bullet-active {
	background:#db261d
}
.lgg .box9 ul {
	position:relative;
	padding-bottom:25px
}
.lgg .box9 ul:before {
	content:'';
	position:absolute;
	width:1px;
	left:0;
	top:0;
	height:100%;
	opacity:0
}
.lgg .box9 li {
	float:left;
	width:20%;
	position:relative;
	opacity:.5;
-webkit-transition:ease .6s;
-o-transition:ease .6s;
-moz-transition:ease .6s;
transition:ease .6s;
	background:#fff;
	border-bottom:1px solid rgba(220, 220, 220, .5)
}
.lgg .box9 li:after {
	content:'';
	position:absolute;
	background:rgba(220, 220, 220, .5);
	right:0;
	top:0;
	height:100%;
	width:1px
}
.lgg .box9 li:before {
	content:'';
	position:absolute;
	background:rgba(220, 220, 220, .5);
	left:0;
	top:0;
	height:100%;
	width:1px
}
.lgg .box9 ul:after {
	content:'';
	display:block;
	clear:both
}
.lgg .box9 .textBox {
	text-align:center;
	height:360px;
	padding:45px 4% 0
}
.lgg .box9 .textBox h3 {
	color:#3a3a3a;
	font-size:24px;
	margin-bottom:15px
}
.lgg .box9 .textBox p {
	color:#797979;
	font-size:16px
}
.lgg .box10 {
	background:url(../images/teamBg.jpg) center/cover no-repeat;
	height:840px;
	padding:70px 0 0;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
	background-color:#f6f6f6;
	margin:70px 0
}
.lgg .box10 .prompt {
	text-align:center;
	color:#5f5f5f;
	font-size:16px
}
.lgg .box11 {
	background:url(../images/cooperation_Bg.jpg) no-repeat center/cover;
	background-attachment:fixed;
	color:#fff;
	text-align:center;
	padding:75px 0
}
.lgg .box11 .Cooperation h2 {
	font-size:36px;
	margin-bottom:10px
}
.lgg .box11 .Cooperation p {
	font-size:24px;
	margin-bottom:25px
}
.lgg .box11 .CooperativeTelephone a {
	background:#fff;
	color:#db261d;
	width:500px;
	display:inline-block;
	line-height:66px;
	font-size:36px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	font-weight:700
}
.sitemapPage .sitemap {
	margin-top:50px
}
.cursor {
	position:fixed;
	z-index:20;
	left:0;
	top:0;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	pointer-events:none
}
.cursor.active .cursor__path_right {
	-webkit-transform:translate3d(25px, 0, 1px);
	-moz-transform:translate3d(25px, 0, 1px);
	transform:translate3d(25px, 0, 1px)
}
.cursor.active .cursor__path_left {
	-webkit-transform:translate3d(-25px, 0, 1px);
	-moz-transform:translate3d(-25px, 0, 1px);
	transform:translate3d(-25px, 0, 1px)
}
.cursor .cursor__path {
-webkit-transition:all .6s cubic-bezier(.23, 1.08, .62, .95);
-o-transition:all .6s cubic-bezier(.23, 1.08, .62, .95);
-moz-transition:all .6s cubic-bezier(.23, 1.08, .62, .95);
transition:all .6s cubic-bezier(.23, 1.08, .62, .95)
}
.cursor svg, .cursor.show-pointer svg {
	stroke-dasharray:200;
-webkit-transition:all .6s cubic-bezier(.23, 1.08, .62, .95);
-o-transition:all .6s cubic-bezier(.23, 1.08, .62, .95);
-moz-transition:all .6s cubic-bezier(.23, 1.08, .62, .95);
transition:all .6s cubic-bezier(.23, 1.08, .62, .95)
}
.cursor svg {
	stroke-dashoffset:200;
	stroke-width:2
}
.cursor.show-pointer svg {
	stroke-dashoffset:0
}
.cursor path {
	fill:transparent;
-webkit-transition:all .25s cubic-bezier(.23, 1.08, .62, .95);
-o-transition:all .25s cubic-bezier(.23, 1.08, .62, .95);
-moz-transition:all .25s cubic-bezier(.23, 1.08, .62, .95);
transition:all .25s cubic-bezier(.23, 1.08, .62, .95)
}
.cursor.active path {
	fill:#fff
}
.Must {
	cursor:none
}
@-webkit-keyframes searchLights {
0% {
left:-100%;
top:-40%
}
100% {
left:53%;
top:100%
}
}
@-moz-keyframes searchLights {
0% {
left:-100%;
top:-40%
}
100% {
left:53%;
top:100%
}
}
@-o-keyframes searchLights {
0% {
left:-100%;
top:-40%
}
100% {
left:53%;
top:100%
}
}
@keyframes searchLights {
0% {
left:-100%;
top:-40%
}
100% {
left:53%;
top:100%
}
}
@media only screen and (max-width:1600px) {
.banner ul {
position:absolute;
width:-webkit-calc(100% - 120px);
width:-moz-calc(100% - 120px);
width:calc(100% - 120px);
top:60px;
height:-webkit-calc(100% - 120px);
height:-moz-calc(100% - 120px);
height:calc(100% - 70px);
left:60px
}
.banner ul li .text h3 {
font-size:25px
}
.banner ul li .text {
padding:0 10% 60px
}
.header {
height:65px;
line-height:65px
}
.Lbox {
width:60px
}
.Rbox {
width:60px
}
.Bbox {
height:10px
}
._friendlyReminder .picBox {
height:-webkit-calc(100vh - 120px);
height:-moz-calc(100vh - 120px);
height:calc(100vh - 120px);
width:-webkit-calc(100vw - 120px);
width:-moz-calc(100vw - 120px);
width:calc(100vw - 120px);
top:60px;
left:60px
}/*.header a{width:130px}*/
.lang, .menu {
width:60px;
height:80px
}
.lang i {
font-size:16px
}
.menu {
-webkit-transform:scale(.9);
-moz-transform:scale(.9);
-ms-transform:scale(.9);
-o-transform:scale(.9);
transform:scale(.9)
}
.backTop {
right:1%;
width:40px;
height:40px;
line-height:40px;
font-size:18px
}
.nav .navLink li>a {
font-size:20px;
width:155px
}
.nav .navLink li .childeli a {
font-size:16px
}
.newproduct .li {
width:-webkit-calc(100% - 120px);
width:-moz-calc(100% - 120px);
width:calc(100% - 120px);
height:100vh
}
.mlr {
margin-left:60px;
margin-right:60px;
position:relative
}
.plr {
padding-left:60px;
padding-right:60px
}
.ptb {
padding-top:60px;
padding-bottom:60px
}
.pt80 {
padding-top:60px
}
.lgg.ta .box2 {
padding:60px 0
}
.ta .box_5 ._more_, .ta .box_5 ul li {
margin-bottom:60px
}
.pb80 {
padding-bottom:60px
}
.Surroundings {
padding:0
}
.mapBox .cityList .btn_style a {
width:120px;
line-height:40px;
font-size:14px
}
.mapBox .cityList .current span, .mapBox .cityList .input .storeType, .mapBox .cityList .input input {
line-height:40px
}
.mapBox .cityList .input {
height:40px
}
.mapBox .cityList .BtnSearch {
width:40px;
height:40px;
line-height:40px;
font-size:17px
}
.mapBox .cityList .filter {
margin:10px auto
}
.mapBox .cityInfo i {
line-height:40px;
font-size:18px
}
.mapBox .cityInfo .TabCity {
line-height:40px;
height:40px;
font-size:14px;
width:90px
}
.mapBox .cityInfo .cityName {
font-size:16px;
margin-left:5px;
max-width:37%
}
.mapBox .cityNum span {
line-height:40px;
font-size:14px
}
.mapBox .cityListli {
max-height:200px
}
.Investment .box2 ul li h3 {
font-size:22px;
margin-bottom:5px
}
.Investment .box2 .description {
font-size:14px
}
.Investment .box3 li .icon {
width:100px;
height:100px
}
.Investment .box3 li .icon i {
line-height:100px;
font-size:34px
}
.Investment .box3 li .title {
font-size:20px
}
.Investment .box3 .description {
font-size:14px;
height:auto;
text-align:center
}
.foodSafety .box4 ul .title {
font-size:20px
}
.foodSafety .box4 ul .description {
font-size:16px;
height:200px
}
.foodSafety .box5 .inforBox {
width:69%
}
.foodSafety .box5 .infor .number {
margin-left:14px
}
.foodSafety .box5 .inforBox .ComplaintBtn {
width:160px;
line-height:50px;
font-size:16px
}
.foodSafety .box5 .infor i {
width:50px;
height:50px;
line-height:48px;
font-size:19px
}
.lgg .box2 .liBox .title {
font-size:16px;
overflow:hidden;
height:30px
}
.lgg .box3 .pic, .lgg .box3 .textBox {
height:250px
}
.lgg .box3 .textBox .icon {
font-size:45px
}
.lgg .box4 li p {
width:100%;
font-size:12px
}
.lgg .box5 .activityLi .title {
font-size:20px;
top:52px
}
.lgg .box6 .honorBox .li .text {
font-size:16px
}
.lgg .box7 ._fl {
height:600px
}
.lgg .box7 ._fr {
height:600px
}
h2._PlateTitle {
font-size:30px
}
.lgg .box7 .Advantage .title {
font-size:20px
}
.lgg .box9 .textBox {
padding:25px 4% 0
}
.lgg .box9 .textBox h3 {
font-size:20px;
margin-bottom:5px
}
.lgg .box9 .textBox p {
font-size:14px
}
.lgg .box10 {
height:800px
}
.mapBox .cityList .title {
font-size:16px
}
.mapBox .cityList .address {
margin:5px 0
}
.mapBox .cityList .cityListUl>li {
padding:10px 25px
}
.mapBox .cityList .cityListUl {
height:300px
}
.mapBox .cityList .title span {
margin-top:0;
line-height:24px
}
.nav .navLink li>a:after {
height:2px
}
.nav .navLink li .childeli {
margin-top:1px
}
.news .newsHotUl {
padding:60px 0 60px
}
.news .newsHotUl .li {
width:700px
}
.news .newsHotUl .li .text {
padding:30px
}
.news .newsHotUl .li h3 {
font-size:20px;
height:56px
}
.news .newsHotUl .swiper-pagination {
bottom:15px
}
.newsList h2 {
font-size:30px
}
.newsList .fb_input {
height:51px;
line-height:51px
}
.newsList .input input {
float:left
}
.newsList .input, .newsList .input input {
height:51px;
line-height:51px
}
.newsList .input .BtnSearch {
line-height:40px;
height:40px;
font-size:22px
}

.newsList .li .pic {
margin-bottom:10px
}
.newsList .li h3 {
font-size:16px;
margin-bottom:0;
line-height:25px;
height:50px
}
.newsList .li {
margin:0 2% 15px 0
}
.newsList .li .timer {
font-size:14px
}
.newsList .li .timer i {
width:24px;
height:24px;
line-height:24px
}
.newsList .newsListUl {
margin-bottom:25px
}
._ndc_npnews .post_next, ._ndc_npnews .post_prev {
font-size:16px;
padding:15px
}
.searchContent .scResult {
margin-top:0
}
.searchContent {
padding:0 0 30px
}
.inBanner .pic {
background-attachment:inherit!important
}
.Investment .box2 {
padding-bottom:60px;
margin-top:60px
}
.Investment .box2 h2 {
font-size:30px
}
.Investment .box2 ul li {
padding:0;
text-align:center;
padding:0 2%
}
.Investment .box3 h2 {
font-size:30px
}
.Investment .box3 li {
height:400px
}
.Investment .btnTable {
height:60px
}
.Investment .btnTable .button-next, .Investment .btnTable .button-prev {
height:60px;
line-height:60px;
width:90px
}
.Investment .box4 .L li .num {
font-size:363px
}
.Investment .box4 .L li h2 {
font-size:30px
}
.Investment .box4 .L li h3 {
font-size:18px
}
.Investment .box4 .L .pagination span {
height:60px;
line-height:60px
}
.Investment .box4 .L {
border-bottom:60px solid #fff
}
.index .box2 .title h2, .index .box3 .Cooperation h2, .index .box3 .PartnerTitle h2, .index .box4.news .top h2 {
font-size:30px
}
.index .box4.news .top .type {
padding:0
}
.index .box3 .CooperativeTelephone a {
width:250px;
font-size:24px;
line-height:50px
}
.index .box4.news .text h3 {
font-size:20px
}
.index .box4.news {
padding:60px
}
.newproduct .li h3 {
font-size:30px
}
._ndc_top .title {
font-size:30px
}
.Investment .box5 .Cooperation h2 {
font-size:30px
}
.Investment .box5 .Cooperation p, .index .box3 .Cooperation p {
font-size:20px
}
.Investment .box5 .CooperativeTelephone a {
width:250px;
font-size:24px;
line-height:50px
}
.Investment .box5 .Cooperation {
background-attachment:inherit
}
.foodSafety .box2 {
padding-top:60px
}
.foodSafety .box2 .li img {
width:100%
}
.foodSafety .box5 .infor i {
width:46px;
height:46px;
line-height:44px;
font-size:20px
}
.foodSafety .box5 .infor span {
font-size:16px
}
.foodSafety .box5 .infor a {
font-size:20px
}
.foodSafety .box5 ._fl .ewm {
width:140px;
font-size:20px
}
.announcement h2 {
font-size:30px
}
.announcement .fb_input {
height:51px;
line-height:51px
}
.announcement .input, .announcement .input input {
height:51px;
line-height:51px
}
.announcement .input .BtnSearch {
height:40px;
line-height:40px
}
.food .Description h3 {
font-size:30px
}
.food .Description h5 {
font-size:20px;
margin-bottom:15px
}
.food .Description .summary figcaption {
width:88%
}
.food .Description .pic img {
width:100%
}
.index .box3 .PartnerList span {
visibility:inherit;
opacity:1
}
.index .box3 .PartnerList i {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
width:50px;
margin:0 auto
}
.index .box3 .PartnerList {
margin-top:25px
}
.index .box4.news .text .t {
margin-bottom:10px
}
.mobile {
}
.index .box4.news .text h3 {
font-size:16px;
line-height:1.6;
height:50px;
font-weight:inherit
}
.index .box4.news .img {
padding-top:65%
}
.lgg .box1 {
height:-webkit-calc(100vh - 120px);
height:-moz-calc(100vh - 120px);
height:calc(100vh - 120px)
}
}
@media screen and (max-width:1440px) {
.lgg.ta .box2 h2 {
font-size:30px
}
.ta .box_3 .right {
font-size:14px
}
.ta .box_3 .right h3 {
font-size:20px
}
.ta .box_3 .item {
height:200px
}
}
@media screen and (min-width:1200px) {
.index .box2 .pic:hover .lazy {
opacity:.4;
-webkit-transform:scale(1.1) translate3d(0, 0, 0);
-moz-transform:scale(1.1) translate3d(0, 0, 0);
transform:scale(1.1) translate3d(0, 0, 0)
}
.index .box2 .box a:hover .xp img {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1)
}
.index .box2 .pic:hover:after {
-webkit-animation:searchLights .5s ease-in 1;
-moz-animation:searchLights .5s ease-in 1;
-o-animation:searchLights .5s ease-in 1;
animation:searchLights .5s ease-in 1
}
.announcementUl .li:hover {
background:#db261d;
color:#fff
}
.Investment .box3 li:hover .icon {
background:-webkit-gradient(linear, left top, left bottom, from(#d31b03), to(#9c0f00));
background:-webkit-linear-gradient(top, #d31b03, #9c0f00 100%);
background:-moz-linear-gradient(top, #d31b03, #9c0f00 100%);
background:-o-linear-gradient(top, #d31b03, #9c0f00 100%);
background:linear-gradient(to bottom, #d31b03, #9c0f00 100%)
}
.Investment .box3 li:hover .icon i {
color:rgba(255, 255, 255, .6)
}
.Investment .box3 li:hover {
border:1px solid #d31b03;
-webkit-transform:translateY(-25px);
-moz-transform:translateY(-25px);
-ms-transform:translateY(-25px);
-o-transform:translateY(-25px);
transform:translateY(-25px);
-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .4);
-moz-box-shadow:0 0 20px rgba(0, 0, 0, .4);
box-shadow:0 0 20px rgba(0, 0, 0, .4);
z-index:5
}
.Investment .box3 li:hover .num {
opacity:1
}
._ndc_npnews .post_next:hover, ._ndc_npnews .post_prev:hover {
background:#b20219
}
.banner ul li:hover .Childenav {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.mapBox .cityListli li:hover {
background:#b20219;
color:#fff
}
.index .box5 li:hover i {
color:#db261d
}
.footer .btnShare:hover img {
opacity:1;
visibility:inherit
}
.nav .navLink li>a:hover:after {
width:100%
}
.nav .navLink li .childeli a:hover:after {
width:100%
}
._detail_same_list ul li a:hover b {
color:#db261d
}
.footer .Language:hover .LanguageLi {
opacity:1;
visibility:inherit;
height:auto
}
.footer .footerLanguage:hover {
background:#fff;
color:#3a3a3a
}
.mapBox .cityList .country li:hover span:after {
width:20px
}
._news_detail .returnBtn:hover:after {
width:100%
}
.foodSafety .box4 ul li:hover {
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .12);
-moz-box-shadow:0 0 10px rgba(0, 0, 0, .12);
box-shadow:0 0 10px rgba(0, 0, 0, .12)
}
.lgg .box9 li:hover {
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:1;
z-index:5
}
.backTop:hover {
background:#b20219
}
.mapBox .cityList .storeType li:hover {
background:#b21118;
color:#fff
}
.supplyLi .li:hover {
background:#db261d;
color:#fff
}
.supplyLi .li:hover h3 {
color:#fff
}
.supplyLi .li:hover .timer {
color:#fff
}
.menu:hover .text {
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)
}
.menu:hover .text .t {
opacity:0
}
.menu:hover .text .b {
opacity:1
}
.menu:hover .burger .top {
-webkit-transform:scale(.8) rotate(90deg) translateX(5px);
-moz-transform:scale(.8) rotate(90deg) translateX(5px);
-ms-transform:scale(.8) rotate(90deg) translateX(5px);
-o-transform:scale(.8) rotate(90deg) translateX(5px);
transform:scale(.8) rotate(90deg) translateX(5px)
}
.menu:hover .burger .bottom {
-webkit-transform:scale(.8) translateY(-6px);
-moz-transform:scale(.8) translateY(-6px);
-ms-transform:scale(.8) translateY(-6px);
-o-transform:scale(.8) translateY(-6px);
transform:scale(.8) translateY(-6px)
}
.banner ul li:hover .Childenav {
opacity:1
}
._citys1 a:hover {
color:#fff;
background-color:#b21118
}
.index .box4.news .swiper-slide:hover .text {
top:50px;
color:#fff
}
.index .box4.news .swiper-slide:hover .text .t {
color:#fff
}
.index .box4.news .swiper-slide:hover .text .t span {
border-color:#fff
}
.index .box4.news .swiper-slide:hover .img::before {
opacity:1
}
.index .box4.news .swiper-slide:hover .img {
height:100%;
-webkit-background-size:120% auto;
-moz-background-size:120% auto;
-o-background-size:120% auto;
background-size:120% auto;
-webkit-box-shadow:0 0 20px 0 rgba(10, 10, 10, .65);
-moz-box-shadow:0 0 20px 0 rgba(10, 10, 10, .65);
box-shadow:0 0 20px 0 rgba(10, 10, 10, .65)
}
.banner ul li:hover .text p {
opacity:1;
-webkit-transform:translateY(0) translateZ(0);
-moz-transform:translateY(0) translateZ(0);
transform:translateY(0) translateZ(0)
}
.banner ul li:hover .nav {
opacity:1;
visibility:visible
}
.banner:hover ul {
opacity:1
}
.banner ul li:hover {
background-color:rgba(177, 17, 0, .8)!important
}
.swiper-pagination-bullet:hover span {
width:9px;
height:9px;
margin-top:0;
margin-left:0;
background:#db261d;
position:relative;
z-index:1
}
._PageTurningNumber a:hover {
background:no-repeat;
color:#fff;
background:#db261d
}
.banner ul .Childenav a:hover:after {
-webkit-transform:translateX(-50%) scaleX(1);
-moz-transform:translateX(-50%) scaleX(1);
-ms-transform:translateX(-50%) scaleX(1);
-o-transform:translateX(-50%) scaleX(1);
transform:translateX(-50%) scaleX(1)
}
.newsList .li:hover .pic:after {
opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@media screen and (max-width:1024px) {

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

.phone {

  width: 380px;


}


.dishes .wrapper {
display:none
}
.dishes .parallaxmirror {
position:relative
}
.lgg .box1 {
height:40vw
}
.ta .box_5 ul li:before {
height:80%
}
.dishes .parallaxmirror .pic {
position:relative;
border-right:3vw solid #fff;
height:50vh;
border-left:3vw solid #fff;
border-bottom:3vw solid #fff
}
.dishes .parallaxmirror .pic .picBox {
z-index:2
}
.dishes .parallaxmirror .pic .text {
display:block;
position:absolute;
z-index:5;
color:#fff;
bottom:5%;
left:3%;
padding:5px 10px;
background:rgba(0, 0, 0, .4)
}
.dishes .parallaxmirror .pic .title {
font-size:22px;
font-weight:700
}
.index .box4.news .text h3 {
font-size:20px;
font-weight:400
}
.ta .box_3 .right:after, .ta .box_3 .right:before {
display:none
}
.ta .box_3 .item {
width:100%;
height:auto
}
.ta .box_3 .item+.item {
border-top:1px solid #e7e7e7
}
.ta .box_5 ul li .text {
font-size:14px
}
.ta .box_5 ._more_ {
width:200px;
line-height:43px;
-webkit-border-radius:45px;
-moz-border-radius:45px;
border-radius:45px;
font-size:16px
}
.footer {
padding:50px
}
.banner ul li .text h3 {
font-size:20px;
padding:0 5%;
text-align:center
}
.banner ul li .text {
font-size:14px;
padding:0 5%
}
.banner ul .Childenav {
display:block;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.banner ul .Childenav a {
width:100%;
display:block
}
.index .box2, .index .box3 {
padding: 0 0 50px;
}
.LoadPercentage ._progressed {
font-size:50px
}
.Bbox {
height:50px
}
.Rbox {
width:50px
}
.Lbox {
width:50px
}
._friendlyReminder .picBox {
height:-webkit-calc(100vh - 100px);
height:-moz-calc(100vh - 100px);
height:calc(100vh - 100px);
width:-webkit-calc(100vw - 100px);
width:-moz-calc(100vw - 100px);
width:calc(100vw - 100px);
top:50px;
left:50px
}
.header {
height:80px;
line-height:56px
}
.index .box4.news .text .t {
margin-bottom:10px
}
.index .box4.news .text h3 {
font-size:14px;
line-height:1.7;
font-weight:400;
height:46px;
overflow:hidden
}
.index .box5 li i {
font-size:40px
}
.banner ul {
position:absolute;
width:-webkit-calc(100% - 100px);
width:-moz-calc(100% - 100px);
width:calc(100% - 100px);
height:-webkit-calc(100% - 100px);
height:-moz-calc(100% - 100px);
height:calc(100% - 100px);
left:50px;
top:50px
}
.newproduct .li h3 {
font-size:24px
}
.news .newsHotUl {
padding:50px 0 50px
}
.news .newsHotUl .swiper-pagination {
bottom:10px
}
.mlr {
margin-left:50px;
margin-right:50px
}
.index .box4.news .swiper-slide img {
display:none
}
.index .box4.news .img img {
display:block
}
.index .box4.news .text {
position:relative;
top:0;
padding:10px 10px 0
}
.index .box4.news .img {
position:relative;
top:0;
padding:0;
width:100%;
height:auto;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center
}
.index .box4.news .swiper-slide+.swiper-slide::before {
opacity:0
}
.index .box4.news .swiper-pagination {
margin-left:0
}
.index .box4.news .swiper-pagination span {
width:10px;
height:10px
}
.index .box4.news .swiper-container {
padding:20px 0 40px
}
.banner video {
width:auto;
height:100%
}
.header a {
/*width:100px*/
}
.lang, .menu {
width:72px;
height:70px
}
.lang i {
margin:0 2px;
font-size:14px
}
.menu .text {
height:32px
}
.menu .burger {
width:32px;
margin:0;
height:32px
}
.menu .burger .line {
left:6px
}
.menu .burger .line.top {
top:11px
}
.menu .burger .line.bottom {
top:20px
}
.menu.active .burger .line.top {
top:14px
}
.menu.active .burger .line.bottom {
top:14px
}
.menu .text span {
font-size:14px;
line-height:32px
}
.menu .text .b {
color:#fff
}
.menu.active .text .t {
opacity:0;
top:-50%
}
.menu.active .text .b {
opacity:1;
top:0
}
.lang span {
font-size:12px
}
.index .box2 .title {
width:90%
}
.index .box2 .title h2 {
font-size:24px
}
.index .box2 .box .more {
font-size:14px
}
.index .box2 ._fr .title p, .index .box2 .title p {
font-size:14px
}
.index .box3 .PartnerTitle h2 {
font-size:24px
}
.index .box3 .PartnerList li {
margin:0 2%
}
.index .box3 .Cooperation h2 {
font-size:24px
}
.index .box3 .Cooperation p {
font-size:16px
}
.index .box3 .CooperativeTelephone h3 {
font-size:24px
}
.index .box3 .CooperativeTelephone a {
width:140px;
font-size:16px;
line-height:34px
}
.index .box3 .Cooperation {
background-attachment:inherit
}
.index .box4.news .top h2 {
font-size:24px
}
.index .box4.news .top .type {
padding-top:0
}
.index .box4.news .top .type p {
line-height:24px;
font-size:16px
}
.index .box5 li a {
padding:10px 0
}
.footer .intoTtitle a {
font-size:26px
}
.footer .intoTtitle a+p {
font-size:16px
}
.footer .Language {
width:110px;
line-height:38px
}
.footer .Language .icon_earth {
font-size:18px
}
.footer .Language .LanguageText {
font-size:16px;
margin:0 5px 0 5px
}
.footer .LanguageLi {
top:42px
}
.footer .footerLanguage a {
padding:5px 10px
}
.footer .footerLanguage:after {
display:none
}
.footer {
padding:40px 50px
}
.footer .up a {
line-height:40px;
display:block;
text-align:center
}
.footer .up i {
font-size:20px
}
.footer .up a span {
font-size:16px
}
.footer .up li {
margin-right:20px
}
.footer .up {
margin-bottom:15px;
border-bottom:1px solid #fff
}
.footer .btnShare, .footer .btnShare i {
width:36px;
height:36px;
line-height:36px
}
.footer .btnShare i {
font-size:22px
}
.footer .share {
margin:15px auto 40px
}
.backTop {
right:4px
}
.newproduct {
height:auto
}
.newproduct .li {
height:100vh;
margin:0 auto
}
#fpnav {
display:none
}
.newproduct .li .description {
font-size:16px
}
.news .newsHotUl .li {
width:600px
}
.news .newsHotUl .li .text {
padding:20px
}
.news .newsHotUl .li h3 {
font-size:18px;
height:50px
}
.news .newsHotUl .li .description {
height:117px;
font-size:14px
}
.news .newsHotUl .li .more {
left:20px
}
.newsList h2 {
font-size:24px
}
.newsList .fb_input {
height:40px;
line-height:40px
}
.newsList .input, .newsList .input input {
height:40px;
line-height:40px
}
.newsList .li h3 {
margin-bottom:5px
}
/*.newsList {
padding:50px 0
}*/
.detailBox {
padding:60px 0
}
._news_detail {
width:auto;
margin:0 50px
}
.Investment .box3 li .icon {
width:80px;
height:80px
}
.Investment .box3 li .icon i {
line-height:80px;
font-size:28px
}
.Investment .box3 li .title {
font-size:18px;
padding-bottom:15px;
margin-bottom:15px
}
.Investment .box3 li {
width:-webkit-calc(100% / 3);
width:-moz-calc(100% / 3);
width:calc(100% / 3);
height:300px;
padding:25px 2%
}
.Investment .box3 li:nth-child(4):after {
opacity:0
}
.Investment .box4 .L li h2 {
font-size:24px
}
.Investment .box4 .L li .description {
font-size:14px
}
.Investment .box4 .L li .num {
font-size:280px
}
.Investment .box5 .Cooperation h2, .Investment .box5 .CooperativeTelephone h3 {
font-size:24px
}
.Investment .box5 .Cooperation p, .index .box3 .Cooperation p {
font-size:18px
}
h2._PlateTitle {
font-size:24px
}
.foodSafety .box2 .section {
font-size:16px
}
.foodSafety .box3 .section {
font-size:16px
}
.foodSafety .box4 ul li {
width:100%;
padding:0
}
.foodSafety .box4 ul li+li {
margin-top:15px
}
.foodSafety .box4 ul .text {
width:-webkit-calc(100% - 65px);
width:-moz-calc(100% - 65px);
width:calc(100% - 65px);
float:right;
border-top:0;
margin-top:0
}
.foodSafety .box4 ul .text:after, .foodSafety .box4 ul .text:before {
opacity:0
}
.foodSafety .box4 ul .TextBox i {
float:left
}
.foodSafety .box4 ul .description {
height:auto
}
.foodSafety .box4 {
padding:0 0 50px
}
.foodSafety .box5 {
padding:50px 0
}
.foodSafety .box5 .inforBox {
width:86%
}
.foodSafety .box5 .inforBox .ComplaintBtn {
width:140px;
line-height:40px
}
.announcement h2 {
font-size:24px
}
.announcement .fb_input {
height:40px;
line-height:40px
}
.announcement .input, .announcement .input input {
height:40px;
line-height:40px
}
.phoneVideoPlay {
display:block;
width:40px;
height:40px;
background:#850a07;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
text-align:center;
line-height:40px;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
font-size:22px
}
.lgg .box2 .Round, .lgg .box2 .Round .lineRound {
width:330px;
height:330px
}
.lgg .box2 .Round li {
width:250px
}
.lgg .box2 .Round .name {
font-size:18px
}
.lgg .box2 .Round li:nth-child(1) .name, .lgg .box2 .Round li:nth-child(2) .name {
left:105%
}
.lgg .box2 .textBox .title {
font-size:18px
}
.lgg .box2 .summary {
font-size:14px
}
.lgg .box2 .Round li:nth-child(1) {
left:-60%
}
.lgg .box2 .Round li:nth-child(2) {
left:-60%
}
.lgg .box2 .Round li:nth-child(3) {
left:161%
}
.lgg .box2 .Round li:nth-child(4) {
left:161%
}
.Surroundings .li {
height:auto;
width:100%
}
.Surroundings .li .pic img {
opacity:1
}
.Surroundings .li .pic {
background-image:none!important;
position:relative
}
}
@media screen and (max-width:800px) {

.header {
height:61px;
line-height:56px
}
._friendlyReminder .picBox {
transform:translateY(-50%);
height:28%;
top:50%;
width:90%;
left:5%
}
.lgg .box2 .Round .CharacteristicsImg {
display:block;
width:auto;
position:relative;
margin:0 auto;
top:0;
left:0;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
.lgg.ta .box2 h2 {
font-size:24px
}
.lgg.ta .box2 {
padding:5vw 0;
text-align:justify
}
.ta .box_5 ._more_, .ta .box_5 ul li {
margin-bottom:5vw
}
.ta .box_3 {
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
.ta .box_5 ul li {
width:100%
}
.ta .box_5 ul li+li {
margin-left:0
}
.ta .box_3 .left img {
display:block!important
}
.ta .box_3>div {
width:100%
}
.lgg.ta .box2 span {
display:inline
}
.ta .box_5 ul li .text {
padding:3vw 5vw
}
.lgg .box2 .Round {
width:100%;
height:auto;
margin:25px auto 0
}
.lgg .box2 .Round .lineRound {
width:100%;
height:auto;
display:none
}
.lgg .box2 .Round li {
position:relative;
left:0!important;
top:0!important;
text-align:left!important;
width:100%;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
.lgg .box2 .Round li+li {
margin-top:15px
}
.lgg .box2 .Round .name {
width:100%;
left:0!important;
position:relative;
color:#b1110c;
font-size:22px
}
.lgg .box2 .Round .name:after, .lgg .box2 .Round .name:before, .lgg .box2 li.active .name:after, .lgg .box2 li.active .name:before {
opacity:0
}
.lgg .box2 .textBox {
opacity:1
}
.lgg .box2 .textBox .title {
font-size:16px
}
.lgg .box2 .summary {
font-size:14px;
height:auto
}
.lgg .box2 .derivativeBox {
padding-top:25px;
margin-top:20px
}
.lgg .box2 .liBox {
width:50%;
padding:0 2%
}
.lgg .box3 {
padding:25px 0 0;
margin-bottom:0
}
.lgg .box3 ._fl {
margin-bottom:15px
}
.lgg .box3 ._fl, .lgg .box3 ._fr {
width:100%
}
.lgg .box4 {
margin-top:25px
}
.lgg .box4 li .olive {
background:no-repeat;
width:100%;
height:100%;
left:0;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.lgg .box4 .Ranking {
padding:55px 0 10px
}
.lgg .box4 ul {
text-align:left;
overflow:hidden
}
.lgg .box4 ul:nth-child(1) li:nth-child(1) {
width:100%
}
.lgg .box4 li {
width:50%;
padding:0 2% 0;
margin:0 auto 20px;
text-align:center;
display:block;
float:left
}
.lgg .box4 li .number {
font-size:35px;
margin-top:0
}
.lgg .box4 li .unit {
font-size:19px;
margin-top:0;
vertical-align:bottom
}
.lgg .box4 li:after {
opacity:0
}
.lgg .box4 ul+ul {
margin-top:0
}
.lgg .box5 {
padding:20px 0 0
}
.lgg .box5 .prompt {
font-size:14px
}
.lgg .box5 .activityLi li {
width:100%
}
.lgg .box5 .activityLi li+li {
margin-top:0
}
.lgg .box6 {
padding:20px 0 0
}
.lgg .box6 .honorBox .li {
padding:0
}
.lgg .box6 .honorBox .pagination {
margin-top:25px
}
.lgg .box7 {
padding:25px 0 0
}
.lgg .box7 ._fl {
width:100%;
height:auto
}
.lgg .box7 ._fl .summary {
width:100%
}
.lgg .box7 ._fl .summary img {
width:50px;
margin-top:10px
}
.lgg .box7 ._fr {
width:100%;
height:auto;
background:0 0
}
.lgg .box7 .Advantage {
width:100%;
left:0;
position:relative;
top:0;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0)
}
.lgg .box7 .Advantage li {
width:100%;
padding:20px 0 0
}
.lgg .box7 .Advantage .text {
height:auto;
margin-top:5px
}
.lgg .box7 .Advantage i {
font-size:28px;
display:inline-block;
vertical-align:middle
}
.lgg .box7 .Advantage .title {
font-size:18px;
display:inline-block;
vertical-align:middle
}
.lgg .box8 {
padding:25px 0 0
}
.lgg .box8 .prompt {
text-align:left;
font-size:14px
}
.lgg .box9 {
padding:25px 0 0
}
.lgg .box9 li {
width:100%;
opacity:1
}
.lgg .box9 li .pic img {
width:100%
}
.lgg .box9 .textBox {
height:auto;
padding:20px 4%;
height:270px
}
.lgg .box9 li+li {
margin-top:0
}
.lgg .box9 ul {
padding:0
}
.lgg .box10 {
padding:25px 0 25px;
margin-top:0;
height:auto;
background:#f6f6f6;
margin:25px 0 0
}
.lgg .box10 .prompt {
width:96%;
margin:0 auto;
font-size:14px
}
.lgg .box11 {
padding:25px 0;
background-attachment:inherit;
margin-top:25px
}
.lgg .box11 .Cooperation h2 {
font-size:24px
}
.lgg .box11 .Cooperation p {
font-size:14px
}
.lgg .box11 .CooperativeTelephone a {
width:49%;
font-size:16px;
line-height:30px
}
.lgg {
padding-bottom:25px
}
.newproduct .li {
width:100%;
padding:0
}
.pt80 {
padding-top:50px
}
.plr {
padding-left:3%;
padding-right:3%
}
.newproduct .li .pic {
width:100%;
height:50%
}
.newproduct .text {
background:#f5f5f5;
position:relative;
top:0;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
width:100%;
height:50%
}
.lang {
display:none
}





	
.header a {

float:left;
width:200px;
margin-left:3%;
margin-top:8px
}
.banner ul {
display:none
}
.banner {
height:auto;
margin-top:71px
}
.header {
position:fixed;
background:#fff;
-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .05);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, .05);
box-shadow:0 0 5px rgba(0, 0, 0, .05)
}
.banner video {
-webkit-transform:translate(0, 0) scale(1);
-moz-transform:translate(0, 0) scale(1);
-ms-transform:translate(0, 0) scale(1);
-o-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
position:relative;
left:0;
top:0;
-webkit-transition:ease .6s 0s;
-o-transition:ease .6s 0s;
-moz-transition:ease .6s 0s;
transition:ease .6s 0s;
width:94%
}
.Bbox, .Lbox, .Rbox {
display:none
}
.footer, .index .box2, .index .box3, .index .box4.news, .newsList {
padding:25px 3%
}
.news .newsHotUl {
padding:25px 3% 50px
}
.index .box2 .box .more {
display:none
}
._ndc_top .title, .index .box2 .title h2, .index .box3 .Cooperation h2, .index .box3 .CooperativeTelephone a, .index .box3 .CooperativeTelephone h3, .index .box3 .PartnerTitle h2, .index .box4.news .top h2, .newsList h2 {
font-size:24px
}
.index .box3 .CooperativeTelephone a {
line-height:46px;
font-size:16px
}
.index .box2 ._fr .title p, .index .box2 .title p {
font-size:14px;
line-height:1.4
}
.index .box3 .PartnerList span {
opacity:1;
visibility:visible
}
.index .box3 .Cooperation p {
font-size:16px
}
.index .box5 li i {
font-size:30px
}
.footer .up {
border-bottom:1px solid rgba(255, 255, 255, .5)
}
.footer .intoTtitle {
display:none
}
.footer .Language, .footer .Links, .nav .borderBOttom, .nav .borderLeft, .nav .borderRight, .nav .borderTop {
display:none
}
.nav .navLink {
left:5%;
top:20%;
width:90%;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
-webkit-transition:ease .5s 0s;
-o-transition:ease .5s 0s;
-moz-transition:ease .5s 0s;
transition:ease .5s 0s
}
.news .newsHotUl .li {
width:90%
}
.mlr {
margin-left:0;
margin-right:0
}
.detailBox {
padding:50px 0 1px
}
._news_detail {
width:96%;
padding:20px 3%;
margin:0;
margin:60px auto 40px
}
._ndc_top .title {
margin-bottom:10px
}
._breadcrumb {
display:none
}
.newproduct .li {
width:100%
}
.inBanner .about_title {
width:250px
}
.about .box3, .about .section, .foodSafety .box3, .foodSafety .box4, .foodSafety .box5 {
padding:25px 0
}
.about .inBanner, .food .inBanner, .foodSafety .inBanner, .lgg .box1 {
height:300px
}
.foodSafety .box2 {
padding-top:25px
}
.foodSafety .box3 .videoBox {
position:relative;
height:auto;
left:0;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
width:100%
}
.foodSafety .box3 .video img {
display:none
}
.foodSafety .box3 .video video {
height:auto;
width:100%
}
.foodSafety .box5 .section {
margin-bottom:25px;
font-size:16px
}
.foodSafety .box5 ._fl .ewm {
width:120px;
font-size:14px
}
.foodSafety .box5 ._fl {
width:100%;
float:none;
height:200px
}
.foodSafety .box5 ._fr {
width:100%;
height:200px;
float:none
}
.foodSafety .box5 .inforBox {
width:90%
}
.foodSafety .box5 .inforBox .infor {
width:49%;
margin-top:0;
display:inline-block
}
.foodSafety .box5 .infor a {
font-size:16px
}
.foodSafety .box4 ul li {
padding:10px
}
.food .Description h3 {
font-size:23px
}
.food .Description h5 {
font-size:16px
}
.food .Description .text {
font-size:12px;
height:auto;
overflow:hidden
}
.newproduct .entity img {
width:43%
}
.store {
height:auto;
padding-bottom:0
}
.store #map {
height:40vh
}
.mapBox {
height:auto
}
.mapBox .cityList {
position:relative;
width:100%;
top:0;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
left:0;
height:auto
}
.mapBox .cityList .cityListUl {
height:auto
}
.news .newsHotUl .li .text {
padding:20px
}
.news .newsHotUl .li h3 {
font-size:16px;
height:45px;
margin-bottom:10px
}
.searchContent {
padding:0 3% 30px
}
._noData {
padding:0 3% 30px
}
.searchListBox {
padding:0 3% 30px
}
.newsList .li {
width:49%
}
/*.newsList .newsListUl .li:nth-child(2n) {
margin:0 0 15px 0
}
.newsListUl.newsList .li:nth-child(2n) {
margin:0 0 15px 0
}
.newsList .li:nth-child(3n) {
margin:0 2% 15px 0
}*/
.searchListBox .newsListUl.newsList {
margin-bottom:25px
}
.about .honor .li figcaption {
margin-bottom:10px
}
.Investment .box1 .inBanner {
height:300px;
margin-top:50px
}
.Investment .box1 .inBanner img {
width:250px
}
.Investment .box2 ul li h3 {
font-size:21px
}
.Investment .box2 ul li {
width:100%
}
.Investment .box2 ul li+li {
margin-top:20px
}
.Investment .box2 ul {
margin-top:20px
}
.Investment .box3 .num {
display:none
}
.Investment .box4 .L li .num {
font-size:230px
}
.Investment .box4 .L li h2 {
margin-bottom:10px
}
.Investment .btnTable .button-next, .Investment .btnTable .button-prev {
height:50px;
line-height:50px;
width:70px
}
.Investment .btnTable {
height:50px
}
.Investment .box4 .L .pagination span {
height:50px;
line-height:50px
}
.Investment .box4 .L {
border-bottom:50px solid #fff
}
.Investment .box4 {
margin-bottom:60px
}
.Investment .box5 {
margin-bottom:60px
}
.foodSafety .box5 .Supervision {
height:auto
}
.foodSafety .box5 .inforBox .ComplaintBtn {
display:block;
margin:30px auto 0
}
.food .Description .pic {
width:100%
}
.food .Description .summary {
width:100%;
position:relative;
padding:25px 0
}
.food .Description .summary figcaption {
position:relative;
width:90%;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
top:0;
left:0;
margin:0 auto
}
.backTop {
width:35px;
height:35px;
line-height:35px
}
.dishes {
padding-bottom:0
}
.dishes:after, .dishes:before {
opacity:0;
display:none
}
.lgg .box2 .RoundSwiper {
position:relative;
overflow:hidden;
height:auto
}
.lgg .box2 .Round.pc ul {
display:none
}
.lgg .box2 .Round.mobile {
display:block
}
.lgg .box2 .RoundSwiper ul {
padding-bottom:20px
}
.lgg .box5 .pagination {
display:block;
margin-top:25px
}
.lgg .box9 .PaymentSystem .pagination {
display:block
}
.lgg .box9 .PaymentSystem {
overflow:hidden
}
.about .honor h3 {
font-size:14px;
height:46px;
line-height:1.7;
font-weight:inherit
}
.about .honor .li {
margin-bottom:35px
}
}
@media screen and (max-width:767px) {
.mobile {
display:block;
margin-top: 15px;
}
._PageTurningNumber ._JumpNumber {
display:none
}
.lgg .box1 {
height:auto
}
._citys0 li {
font-size:14px
}
.foodSafety .box2 .text {
position:relative;
padding:5px 0 10px;
color:#3a3a3a
}
.foodSafety .box2 .text h3 {
font-size:20px
}
.foodSafety .box2 .text p {
font-size:14px
}
.foodSafety .box2 .li {
background:0 0
}
.footer, .index .box2, .index .box3, .index .box4.news, .newsList {
padding:15px 3%
}
.index .box2 ._fl {
width:100%;
overflow:hidden
}
.index .box2 .box {
margin-bottom:5px
}
.index .box2 ._fr {
position:relative;
width:100%;
height:auto;
float:left;
overflow:hidden
}
.index .box2 ._fr .box+.box {
position:relative
}
.index .box2 .pic {
height:22vh
}
.index .box2 .pic.xp {
height:22vh
}
.index .box3 .PartnerList span {
font-size:14px
}
.index .box3 .PartnerList li {
margin:0 2%;
overflow:hidden;
padding:15px 0 0
}
.index .box3 .PartnerList i {
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
width:50px;
height:50px;
margin:auto
}
.index .box3 .CooperativeTelephone a {
width:49%;
font-size:16px;
line-height:30px
}
.index .box3 .Cooperation p {
width:90%;
margin-left:5%
}
.index .box5 li span {
font-size:14px
}
.index .box5 li:after {
opacity:.3;
height:40%;
top:30%
}
.news .newsHotUl .li .text {
padding:10px
}
.news .newsHotUl .li h3 {
font-size:16px;
height:auto;
line-break:1.7;
margin-bottom:0;
margin-top:15px
}
.news .newsHotUl .li .description, .news .newsHotUl .li .more {
display:none
}
.news .newsHotUl .swiper-pagination {
bottom:0
}

.Investment .box1 .inBanner, .about .inBanner, .food .inBanner, .foodSafety .inBanner, .lgg .inBanner {
height:60vw
}
.about .inBanner .about_title {
width:200px
}
.Investment .box2 h2, .Investment .box3 h2, .Investment .box5 .Cooperation h2, .newsList .input .BtnSearch, h2._PlateTitle {
font-size:24px
}
.lgg .inBanner {
height:43vw
}
.ta .box_5 ul li .text {
position:relative;
background-color:#f6f6f6;
color:#3a3a3a;
padding:3vw
}
.ta .box_5 ul li .text h3 {
font-size:18px
}
.ta .box_5 ul li:before {
display:none
}
.lgg {
padding-bottom:3vw
}
.ta .box_5 ._more_ {
line-height:35px;
font-size:14px;
width:150px
}
.lgg.ta .box2.box_4 h2 {
margin-bottom:3vw
}
.lgg.ta .box2.box_4 b {
font-size:16px
}
.lgg.ta .box2.box_4 span {
display:block
}
.lgg.ta .box2.box_4 span.c {
display:none
}
.ta .box_5 ul li .text i {
width:100%;
margin-top:5px;
display:block
}
.lgg.ta .box2 h2 {
font-size:20px
}
.lgg.ta .box2 {
font-size:15px
}
.Investment {
width:100%;
padding:0 3%;
margin-top:50px
}
.Investment .box1 {
margin-bottom:15px
}
.Investment .box2 .inBanner {
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
height:100px
}
.Investment .box2 ul, .Investment .box3 ul {
margin-top:15px;
padding:0 3%
}
.Investment .box2 ul li {
width:100%;
padding:20px 0;
position:relative;
padding-left:60px;
border-bottom:1px solid rgba(0, 0, 0, .05);
text-align:left
}
.Investment .box2 ul li+li {
margin-top:0
}
.Investment .box2 ul li:last-child {
border-bottom:none
}
.Investment .box2 ul li::before {
font-size:16px;
margin-left:5px;
width:36px;
height:36px;
display:block;
position:absolute;
left:0;
top:25px;
background:#df112f;
color:#fff;
line-height:36px;
text-align:center;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
font-weight:400;
content:'01'
}
.Investment .box2 ul li:nth-child(2)::before {
content:'02'
}
.Investment .box2 ul li:nth-child(3)::before {
content:'03'
}
.Investment .box2 ul li:nth-child(4)::before {
content:'04'
}
.Investment .box2 ul li:nth-child(5)::before {
content:'05'
}
.Investment .box2 ul li h3 {
font-size:16px
}
.Investment .box2 .description {
width:94%
}
.Investment .box2 {
padding-bottom:0
}
.Investment .box3 {
padding-top:15px
}
.Investment .box3 li {
position:relative;
width:100%;
height:auto;
padding:15px 0
}
.Investment .box3 ul {
padding:0
}
.Investment .box3 li .icon {
width:40px;
height:40px;
position:absolute;
left:0
}
.Investment .box3 li .description, .Investment .box3 li .title {
width:-webkit-calc(100% - 60px);
width:-moz-calc(100% - 60px);
width:calc(100% - 60px);
float:left;
margin-left:60px;
text-align:left;
height:auto
}
.Investment .box3 li .icon i {
line-height:40px;
font-size:20px
}
.Investment .box3 .num {
width:20px;
height:20px;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
opacity:1;
text-align:center;
bottom:auto;
top:55px;
left:15px;
background:#b31808;
color:#fff;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
font-size:14px;
line-height:20px
}
.Investment .box3 li .title {
font-size:16px;
padding-bottom:10px;
margin-bottom:10px
}
.Investment .box3 li:after {
display:none
}
.Investment .box5 .Cooperation p {
font-size:14px
}
.Investment .box5 .Cooperation {
padding:15px 3%
}
.Investment .box5 .qr img {
width:100px
}
.Investment .box5 .qr {
font-size:14px
}
.Investment .box5 .CooperativeTelephone h3 {
font-size:24px
}
.Investment .box5 .CooperativeTelephone a {
width:49%;
font-size:16px;
line-height:30px
}
.Investment .box5 {
margin-bottom:15px
}
._ndc_npnews .post_next, ._ndc_npnews .post_prev {
width:100%;
padding:0
}
._ndc_npnews {
display:block
}
._ndc_npnews .post_next ._templateIcon, ._ndc_npnews .post_prev ._templateIcon {
display:none
}
._ndc_npnews .post_next .name, ._ndc_npnews .post_prev .name {
width:100%;
text-align:left;
font-size:16px
}
.nav .navLink {
top:50%;
height:auto
}
.nav .navLink li>a {
width:100%;
font-size:18px;
margin-right:0;
color:#fff;
padding-bottom: 5px;
    line-height: 1px;
}
.nav .navLink li .childeli {
font-size:14px;
width:100%;
margin-top:0;
height:0;
line-height: 18px;

overflow:hidden
}
.nav .navLink li>a:after {
height:1px
}
.nav .navLink li .childeli a {
font-size:14px;
color:rgba(255, 255, 255, .7);
display:block;
margin:0 auto
}
.nav .navLink li>a:after {
width:100%;
opacity:0
}
.nav .navLink li>a.active:after {
opacity:1;
width:40%;
left:30%
}
.nav .navLink li>a::before {
width:10px;
height:1px;
position:absolute;
right:0;
bottom:0;
background:#fff;
content:'';
opacity:0
}
.nav .navLink li .childeli a.active, .nav .navLink li>a.active {
color:#fff
}
.nav .navLink ul {
padding-bottom:0;
position:absolute;
width:100%;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%)
}
.nav .navLink ul:after {
display:none
}
.nav .navLink li .childeli a.active:after {
width:50%
}
.nav .navLink li .childeli a:after {
left:25%
}
.nav .navLink li .childeli a.active:after {
display:none
}
.nav .navLink li {
margin-bottom:10px;
text-align:center
}
.nav .navLink li+li {
margin-top:10px
}
.nav .navLink .preventDefault .childeli {
height:0;
-webkit-transition:ease .5s;
-o-transition:ease .5s;
-moz-transition:ease .5s;
transition:ease .5s
}
.foodSafety .box2 .section, .foodSafety .box3 .section, .foodSafety .box5 .section {
font-size:14px;
margin-bottom:15px;
text-align:left
}
.foodSafety .box2 .section h4 {
font-size:14px
}
.about .box3, .about .section, .foodSafety .box3, .foodSafety .box4, .foodSafety .box5 {
padding:15px 0
}
.foodSafety .box4 ul li {
padding:0;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid rgba(0, 0, 0, .05)
}
.foodSafety .box4 ul .TextBox i {
float:left;
width:50px;
height:50px;
font-size:30px;
line-height:50px;
font-size:40px;
text-align:center
}
.foodSafety .box4 ul .text {
width:-webkit-calc(100% - 60px);
width:-moz-calc(100% - 60px);
width:calc(100% - 60px);
height:auto;
float:left;
margin-left:10px;
margin-top:0;
border:none
}
.foodSafety .box4 ul .description {
height:auto
}
.foodSafety .box4 ul .title {
font-size:16px;
padding-top:0;
margin-bottom:5px
}
.foodSafety .box5 ._fl .ewm {
width:149px
}
.foodSafety .box5 ._fl {
width:100%
}
.foodSafety .box5 ._fl .ewm img {
margin-bottom:5px
}
.foodSafety .box5 ._fr {
width:100%;
height:auto
}
.foodSafety .box5 .infor i {
width:40px;
height:40px;
line-height:40px;
font-size:16px
}
.foodSafety .box5 .infor .number {
margin-left:5px
}
.foodSafety .box5 .infor span {
font-size:16px
}
.foodSafety .box5 .infor a {
font-size:16px
}
.foodSafety .box5 .inforBox .ComplaintBtn {
height:34px;
line-height:34px;
font-size:14px;
margin:15px auto 0
}
.footer {
font-size:12px
}
.footer ._fr {
width:100%
}
.footer .newlink {
float:initial
}
.newsList .li .pic {
margin-bottom:10px
}
.newproduct .lineh i {
width:40px;
height:40px;
line-height:40px;
font-size:22px
}
.newproduct .lineh {
left:7%
}
.nav .navLink .preventDefault.active:nth-child(2) .childeli {
height:auto
}
.nav .navLink .preventDefault.active:nth-child(3) .childeli {
height:100%
}
.nav .navLink .preventDefault.active:nth-child(4) .childeli {
height:66px
}
.nav .navLink .preventDefault.active:nth-child(5) .childeli {
height:100%
}
.nav .navLink .preventDefault.active:nth-child(6) .childeli {
height:132px
}
.nav .navLink .preventDefault.active:nth-child(7) .childeli {
height:99px
}
.nav .navLink .preventDefault.active:nth-child(8) .childeli {
height:99px
}
.mapBox .cityList .current span {
font-size:14px
}
.mapBox #cityList {
height:300px;
border-bottom:1px solid #ccc
}
.news .newsHotUl .li {
width:96%
}
.news .newsHotUl {
padding:25px 0 30px;
margin:0 3%
}
.searchContent .scResult {
line-height:20px;
font-size:16px;
text-indent:20px
}
.searchContent {
padding:0 3% 10px
}

.about .section {
text-align:left
}
.about .honor h3 {
font-size:17px;
height:auto
}
.about .honor .li {
width:100%;
margin-bottom:15px;
padding:0
}
.about .honor .li:after {
opacity:0
}
.Investment .box3 li .title:after {
left:0;
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
.Investment .box4 .L li .text {
position:relative;
left:0;
top:0;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
width:100%
}
.Investment .box4 .R {
display:none
}
.Investment .box4 .L {
width:100%;
position:relative;
padding:25px 4%;
border-bottom:0
}
.Investment .box4 .L li {
position:relative;
height:auto;
opacity:1;
visibility:inherit
}
.Investment .box4 .L li+li {
margin-top:25px
}
.Investment .box4 .L li h2 {
font-size:24px;
display:none;
text-align:center
}
.Investment .box4 .L li h3 {
font-size:16px
}
.Investment .box4 .L li:nth-child(1) h2 {
display:block
}
.Investment .box4 .L li .num {
font-size:54px;
position:absolute;
bottom:22%;
left:0
}
.Investment .box4 .L .pagination {
display:none
}
.Investment .box4 {
margin-bottom:40px
}
.index .box4.news .swiper-pagination {
text-align:center
}
.index .box4.news .swiper-pagination span {
width:6px;
height:6px
}
.index .box4.news .swiper-container {
padding:20px 0 20px
}
.foodSafety .box2 .li:nth-child(2) {
margin:0
}
.foodSafety .box5 .inforBox {
position:relative;
top:0;
left:0;
-webkit-transform:translate(0, 0);
-moz-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
transform:translate(0, 0);
margin:0 auto;
padding:15px 0
}
.foodSafety .box5 .inforBox .infor {
width:100%;
display:block
}
.foodSafety .box5 .inforBox .infor+.infor {
margin-top:15px
}
.menu {
z-index:35
}
.announcement .fb_input {
width:23%;
padding:0 10px;
margin-right:2%
}
.announcement .filter {
position:relative;
width:100%
}
.announcement .input {
width:75%
}
.announcement .input input {
width:100%
}
body.scrollbar video {
-webkit-transform:translate(0, 0) scale(1);
-moz-transform:translate(0, 0) scale(1);
-ms-transform:translate(0, 0) scale(1);
-o-transform:translate(0, 0) scale(1);
transform:translate(0, 0) scale(1);
left:0;
top:0;
-webkit-transition:none;
-o-transition:none;
-moz-transition:none;
transition:none;
margin:0 auto
}
body.scrollbar .header {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
.Investment .box4 .L li .description, .Investment .box4 .L li .description p {
font-size:14px
}
.nav .bannerImg {
background-attachment:inherit
}
.announcement>._w1300 {
margin-top:60px
}
.announcementUl {
margin:15px auto
}
.announcementUl .li ._w1300 {
padding:15px 0
}
.food .box1:after {
display:none
}
.food {
padding:50px 3% 0
}
.food .box2 {
margin-top:50px
}
.food .box2 .Description {
padding:0 0 60px
}
.lgg .box2 {
padding:25px 0 0
}
.lgg .box2 .typeNav a {
font-size:15px;
margin:0 5px
}
.lgg .box4 li {
width:100%
}
.lgg .box5 .activityLi li img {
width:100%
}
.lgg .box9 .textBox {
height:auto
}
.about .honor .swiper-wrapper {
display:-webkit-box;
display:-webkit-flex;
display:-moz-box;
display:-ms-flexbox;
display:flex
}
.about .honor {
padding:0;
overflow:hidden;
width:96%;
margin:0 auto
}
.about .honor .pagination {
text-align:center
}
.about .honor .pagination .swiper-pagination-bullet-active {
background:#d0171b
}
.Surroundings .text {
padding:0 15px 15px
}
.Surroundings .Types i {
width:12px;
height:12px
}
.Surroundings .Types {
font-size:14px;
margin-bottom:5px
}
.Surroundings .text h3 {
font-size:16px;
margin-bottom:0;
font-weight:inherit
}
.SurroundingsUl {
padding-bottom:30px
}

.about .honor .li .honorBox img {
margin:0 auto
}
}



/*旗下品牌*/


body.out {
  opacity: 1;
}
.boxes {
  width: 100%;
  height: auto;
  padding: 50px 0 80px;
  background:/* #fff*/ center center no-repeat;
  background-size: cover;
  position: relative;
}
.boxes.b1 {
  background: url("../images/Bg_policy.jpg") center/cover fixed;
}
.titleBox {
  text-align: center;
  font-size: 32px;
  padding: 0 0 50px;
}
.titleBox b {
  display: block;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  font-size: 23px;
}
.titleBox.tl {
  text-align: left;
}
.titleBox p {
  font-size: 16px;
  line-height: 1.4;
  font-family: gothmbok;
  text-transform: uppercase;
  opacity: .5;
}
.friends {
  width: 100%;
  border-top: 3px solid #b12123;
}
.friends .partnerBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.friends .friends-left {
  display: block;
}
.friends .friends-right {
  display: block;
  width: 80%;
}
.friends .friends-right .logoBox {
  width: 100%;
  height: auto;
  display: flex;
  flex-flow: wrap;
}
.friends .friends-right .logoBox .logo img {
  max-width: 100%;
}
.friends .friends-right .logoBox .logo {
  width: 18%;
  height: auto;
  margin-bottom: 20px;
  margin-right: 2.5%;
}
.friends .friends-right .logoBox .logo:nth-child(5n) {
  margin-right: 0;
}
.contact_box {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.contact_box .con_l {
  width: 30%;
  height: auto;
  float: left;
  position: relative;
}
.contact_box .con_r {
  height: auto;
  position: relative;
}

@media screen and (max-width:1024px) {
 .titleBox {
    font-size: 24px;
    padding: 0 0 20px;
  }
  .friends .friends-right {
    width: 100%;
  }
}
@media screen and (max-width:768px) {
 .titleBox {
    padding: 0 0 20px;
  }
}
@media screen and (max-width:767px) {
 .friends .friends-left {
    width: 100%;
  }
  .titleBox.tl {
    text-align: center;
  }
  .friends .friends-right .logoBox .logo {
    width: 48%;
    margin: 0 auto 15px;
  }
  .friends .friends-right .logoBox .logo img {
    margin: 0 auto;
  }
}



/*新闻*/
.section4{/*background-image:url(http://www.sangreen.cn/Public/home/images/section2.jpg)*/background:#f2f2f2}
.active .contain,.fp-completely .contain{display: block}
.section5{/*background:#f2f2f2*/background-image:url(../images/tacn/bg_al.jpg)}
.xinwenleft{padding: 2 0 3px;}
.xwlefttop{width: 100%;}
.xwlefttop .ywtop h2,.xwlefttop .ywtop h3{color: #000}
.xwlefttop .jjnrwz{color: #666;height: auto;text-align: center;}
.xwlefttop .homeywmore{width: 150px;height: 42px;line-height: 42px;margin: 0 auto;}
.xwlefttop .homeywmore .more{color: #666666; font-size: 15px;}
.xwlefttop .homeywmore .more::after {border: 1px solid #cccccc;}
.xwlefttop .homeywmore .more:hover{color: #fff}
.xwlefttop .homeywmore .more:hover::before {background-color: #0880c0;}
.xwlefttop .homeywmore .more:hover::after { border-color: #0880c0}
.xinwenfl{ margin: 0px auto;text-align: center;width: 50%; }
.xinwenfl ul{    display: inline-block; margin: 20px 0;}
.xinwenfl li{font-size: 16px;cursor:pointer;color: #666666;position: relative;float:left;line-height: 36px;border-radius: 40px;border: #ccc solid 1px;padding: 0 35px;margin-right: 20px;}
/*.xinwenfl li:after{content: "";position: absolute;width: 11px;height: 1px;background: #bdbdbd;top: 13px;}*/
.xinwenfl li img{display: none;margin-left: 5px;}
.xinwenfl li.clixwli{padding-right: 31px;color: #b12123;border: #b12123 solid 1px; }
.xinwenfl li.clixwli:after{background: #b12123;width: 31px;}
.xinwenfl li.clixwli img{display: inline-block;}
.xinwenfl li:hover{color:#b12123}
.xinwenright{/*position: absolute;*/right: 0;/*height: 100%;*/display: none}
.xwimg{}
.xwimg li{float: left;width:24.5%;margin-right: 1px;}
.xwimg li img{display: block;width: 100%}
.ywtop{padding:15px 0 15px;text-align: center}
.ywtop h2{font-weight: normal;font-size: 22px;color: #ffffff}
.ywtop h3{font-weight: normal;font-size: 28px;color: #ffffff;margin-top: 10px;}
.xwtz{margin:1% 2%;}
.xwtz li{float: left;width: 32%;margin: 1% 0.5%;background: #fff; border-radius: 2%;-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-ms-transition: all .2s linear; -o-transition: all .2s linear;transition: all .2s linear;}
.xwtz img{width:90%;height: 240px;display:block;    margin: 0 auto;}
.xwtz li h2{font-size: 16px;color: #666666;line-height: 26px;height: 68px;overflow: hidden;padding: 3% 6% 3% 5%;font-weight: normal}
.xwtz li h3{font-size: 18px;color: #333333;font-weight: normal;margin: 15px 14px 20px;}
.xwtz li h4{font-size: 17px;color: #d4d4d4;font-weight: normal;width: 21px;height: 21px;line-height: 21px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border: 1px solid #d9d9d9;text-align: center;margin: 20px 18px;float:right;}
.xwtz li h5{font-size: 61px;color: #f2f2f2;margin-top:15px}
.xwtz li:hover{box-shadow: 0 0 5px #c6c6c6; transform:translate3d(0,-2px,0);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);-moz-box-shadow:0 15px 30px rgba(0,0,0,.3);box-shadow:0 15px 30px rgba(0,0,0,.3)}
.xwtz li:hover h3,.xwtz li:hover h5{color: #b12123}
.xwtz li:hover h4{border-color: #b12123;color:#b12123}
.h-line {
    width: 40px;
    height: 2px;
    margin: 0 auto;
    background-color: #ca000e;
}
@media only screen and (max-width:1024px){
.xwtz li{ width:98%;}
.xwtz li h2{ height:90px;}
}

/*加盟店面*/
.dianmian{width:1200px;height:600px;margin: 0 auto;top:1%;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
.titlePage{text-align:center;position:relative;margin-bottom:10px}
.titlePage ul li{width:75px;height:75px;display:inline-block;/*-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 -3px;position:relative;-webkit-box-shadow:0 0 25px rgba(0,0,0,.3);-moz-box-shadow:0 0 25px rgba(0,0,0,.3);box-shadow:0 0 25px rgba(0,0,0,.3)*/}
.titlePage ul li::after{width:61px;height:61px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:'';position:absolute;left:5px;top:5px}
.textPage{text-align:center;color:#2c2c2c;font-size:30px;margin-bottom:25px}
.textPage span{display:inline-block}

.realPage{padding:42px 0;background: url(../images/tacn/sjdy.jpg) no-repeat center center;background-size: cover;}
.realPage .titlePage{text-align:center}
.realPage .titlePage img{display:inline-block;    max-width: 100%;}
.realPage .textPage{color:#2c2c2c;font-size:30px;text-align:center}
.realPage .reaSwiper{margin-top:45px}

/*样板工程*/
#anli{width:100%; overflow: hidden; margin: 0 auto;}
.anul{width:100%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 60px; margin-top: 10px;}
.anul>li{width:24%; height: auto; margin:0 0.4%; float: left;position: relative; overflow: hidden; margin-bottom: 0.4%;}
.anul>.li{margin-right: 0px; }
.anul>li>a>img{display: block; width: 100%;}
.anul>li>a>h2{width: 100%; height: 40px; background:rgba(0,0,0,0.4); text-align: center; line-height: 40px; color:white; font-size: 16px; position: absolute; bottom: 0px; left: 0px; }
.anul>li>a>div{ background:rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;opacity: 0; width: 70%; padding:15% 0px;}
.anul>li>a>div>h2{font-size: 18px; color:white; margin: auto; text-align: center;margin-top: 20%;}
.anul>li>a>div>img{display: block; margin: 0 auto; margin-top: 5%;}
.anul>li:hover div{height: 70%; padding: 15%; opacity: 1;}
.anul>li:hover .h2{display: none;}

.nav4{width: 100%; overflow:hidden; text-align: center; margin-top: 10px;}
.nav4>ul{display: inline-block; margin: 0 auto;}
.nav4>ul>li{float: left; margin-right: 20px;}
.nav4>ul>li>a{font-size: 14px; color:#fff;padding:10px 30px; border-radius: 10px; display: block;}
.nav4>ul>li>.a{background:#e16e1d; color: white;}
.anul{display: none;}

/*工程案例*/
/*.anul>li>a>img{height:204px;}*/


/*加盟店面*/
.titlePage ul li{width:45px;height:45px}
.titlePage ul li::after{width:36px;height:36px;border:0px solid rgba(255,255,255,.5);left:3px;top:3px}
.realPage {padding: 25px 0;}
.titlePage {margin-bottom: 0;}	



/*样板工程*/

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

#anli{width:95%; overflow: hidden; margin: 0 auto;}
.anul{width:100%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 10px; margin-top: 10px;}
.anul>li{width:47%; height: auto; margin-right: 1%; float: left;position: relative; overflow: hidden; margin-bottom: 0.4%;}
.anul>.li{margin-right: 0px; }
.anul>li>a>img{display: block; width: 100%;/*height: 144px;*/}
.anul>li>a>h2{width: 100%; height: 40px; background:rgba(0,0,0,0.4); text-align: center; line-height: 40px; color:white; font-size: 12px; position: absolute; bottom: 0px; left: 0px; display: none; }
.anul>li>a>div{ background:rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;opacity: 1; width:100%; height: 100%;}
.anul>li>a>div>h2{font-size: 14px; color:white; margin: auto; text-align: center;margin-top: 27%;}
.anul>li>a>div>img{display: block; margin: 0 auto; margin-top: 5%;}

.nav4{width: 100%; overflow:hidden; text-align: center; margin-top: 10px;}
.nav4>ul{display: inline-block; margin: 0 auto; width: 210px;}
.nav4>ul>li{float: left;margin-right: 10%; width: 45%;}
.nav4>ul>li:nth-child(2n){margin-right: 0px;}
.nav4>ul>li>a{font-size: 14px; color:#fff;padding:10px 10px; border-radius: 10px; display: block;}
.nav4>ul>li>.a{background:#e16e1d; color: white;}
.anul{display: none;}
/*加盟店面*/
.titlePage img { width: 150px;display: none;}
.realPage .textPage {font-size: 20px;}
}


/*品牌介绍*/
.boxes.b1 {
	background:  center/cover fixed;}
.history {/*background-image: url(../images/historybg.png)*/;}
.history-left {width: 50%;float: left;}
.history-left .img, .intro_l .img {width: 100%;height: 113px;position: relative;perspective: 500px;}
.history-left .img::after, .intro_l .img::after {width: 300px;height: 120px;position: absolute;left: 27px;top: 0;background: url(../images/tacn/cx.png)  no-repeat; background-size: cover;content: ''; -webkit-animation: flipx 9s linear 0s infinite;}
@keyframes flipx {0% {
 transform: rotateY(0);}
 25% { transform: rotateY(0);}
 50% { transform: rotateY(0);}
 75% {transform: rotateY(360deg);}
 100% { transform: rotateY(0);}
}
.history-left .title {font-family: "Microsoft YaHei";font-size: 38px;font-weight: 700;padding-top: 37px;}
.history-left .title .en {font-size: 16px;padding-top: 22px;}
.single.w {color: #fff;}.history-left .text .text2 {padding-top: 16px;}.history-left .more {width: 100%;cursor: pointer;padding-top: 62px;}
.history-right {width: 50%;display: inline-block;}
.history-right .img {width: 100%;padding-top: 120px;
}
.titleBox {text-align: center;font-size: 32px;padding: 25px 0 15px;}
.titleBox.mb1 {padding-bottom: 10px;}
.titleBox.hot {padding-bottom: 15px;}
.titleBox.w {color: #fff;}
.titleBox b {display: block;font-weight: 400;line-height: 1.4;position: relative;}
.titleBox.tl {text-align: left;}
.titleBox.tr {text-align: right;}
.titleBox b.c {margin-bottom: 5px;}
 .titleBox b.c::after {width: 50px;height: 4px;background: #e70012;position: absolute;left: 50%;margin-left: -25px;bottom: -2px;border-radius: 10px;content: "";display: block;}
.titleBox p {font-size: 16px;line-height: 3;font-family: gothmbok;ext-transform: uppercase;opacity: .5;}
.titleBox span {display: block;font-size: 14px;line-height: 1.4;opacity: .7;margin-top: 15px;}
.more_btn {display: inline-block;font-size: 16px;text-align: center;width: 200px;line-height: 52px!important;position: relative;z-index: 10;box-shadow: 0px 0px 15px rgba(0, 0, 0, .1);border-radius: 45px;}
 .more_btn::before {background: url(../images/tacn/%E4%B8%80%E5%A4%B4%E7%BB%B5%E7%BE%8A.png)  no-repeat;background-size: cover;width: 88px;height: 88px;
 position: absolute;left: 50%;margin-left: -25px;
 top: -30px;
 content: '';
 opacity: 0;
 -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}
.more_btn:hover::before {top: -70px;opacity: 1;}
.more_btn p {display: block;width: 100%;height: 100%; line-height: 40px;font-size: 16px;position: relative;box-sizing: border-box;border: 1px solid #e70012;border-radius: 30px;box-shadow: 0 2px 0 rgba(226, 22, 19, .75); transition: .15s ease-out;background: #fff;}
.more_btn i {
	display: inline-block;position: absolute;right: 11%;}

}
.intro_l {width: 40%;height: auto;float: left;}
.intro_r {width: 55%;height: auto;position: relative;box-sizing: border-box;float: right;}

 @media screen and (min-width:1200px) {
 .more_btn:hover p {background-color: #e70012; transform: translateY(2px); box-shadow: 0 0 0 rgba(226, 22, 19, .75);opacity: 1;color: #fff;}
 .more_btn.white:hover {box-shadow: 0 0 0 #fff;color: #d61815;}
 
}
@media screen and (max-width:1024px) {
 .history-right {display: none;}
 .history-left {width: 100%;}
 .history-left .single {margin-bottom: 20px; font-size: 14px;line-height: 1.6;}
 .boxes { padding: 45px 0;}
 .history-left .img,  .intro_l .img { width: 200px; margin-bottom: 15px;}
 .history-left .img::after,  .intro_l .img:after { width: 190px;height: 80px; left: 18px;}
 .titleBox { font-size: 24px; padding: 0 0 0px;}
 .more_btn {width: 140px; line-height: 36px; font-size: 14px;}
 .boxes.strength { padding-top: 120px;}
 .more_btn.c { margin: 10px auto 0;width: 140px;}
 .intro_r {width: 38%;}
 .intro_l { width: 60%;}
 .single {line-height: 1.6;}
 .intro_r .video_box { margin-bottom: 20px;}
 .boxes.b5 {height: auto; overflow: hidden;}
 .boxes.b5 .online { padding: 30px;}
/* .index .box2 ._fl{ margin-top:-350px;}
 .index .box2 .box:nth-child(1){ margin-top:350px;}*/
}
@media screen and (max-width:1000px) {


.f_b {
   
    padding-bottom: 50px;
}

.phone {
display:none;


}
}



@media screen and (max-width:768px) {
 .video_banner video {height: auto;margin-top: 70px; position: relative;}
 .history-left .single { font-size: 16px;margin-bottom: 25px;}
 .titleBox { padding: 0 0 0px;}
 .boxes.strength {padding: 45px 0;}
 .strength .swiper-slide .img .text p { font-size: 16px;}
 .boxes.strength .swiper-container { margin: 25px 0 40px;}
 .intro_l { width: 100%;}
 .intro_r { width: 100%;}
 .boxes.b5 .thum { display: none;}
 .boxes.b5 .online { width: 100%;}}
@media screen and (max-width:767px) {
 .history-left .img,  .intro_l .img { width: 150px; display: none;}
 .history-left .img::after,  .intro_l .img:after { width: 60px; height: 60px; left: 15px;}
 .more_btn { width: 140px;line-height: 40px;}
 .more_btn::before {width: 68px;height: 59px; opacity: 1; top: -35px; margin-left: -20px;}
 .more_btn:hover::before { top: -35px;}
 .titleBox.tr { text-align: center; display: block;}
 .titleBox.tl { text-align: center;} 
 .intro_l { margin-top: 25px;}
 #History {width: 92%;margin: 0 auto;}
 .titleBox { font-size: 20px;}
.titleBox p { font-size: 16px;}
 .single p { margin-bottom: 0;}
}

/*ghx关于我们*/
.clearfix{zoom:1;}
.container {padding: 0 0px;width: 100%;margin: 0 auto;}


.about-counter {clear: both;text-align: center;}
.about-counter li {float: left;width: 25%;font-size: 16px;color: #797979;}
.about-counter li .num {line-height: 1;    padding-top: 35px;}
.about-counter li .num span {font-size: 38px;margin-right: 5px;color: #c40000;}
.about-counter li p {margin-bottom: 0;}



p {
    display: block;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	/*color:#000;*/
	font-size: 16px;
}

@-webkit-keyframes criss-cross-right {
    0% {
        right: -20px;
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}

@keyframes criss-cross-right {
    0% {
        right: -20px;
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}
@-webkit-keyframes criss-cross-left {
    0% {
        left: -20px;
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}
@keyframes criss-cross-left {
    0% {
        left: -20px;
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}


@media screen and (max-width: 767px) {
    body {min-width: 320px;}
    .container {padding: 25px 6px  0px 6px;width: auto;}
	.section {padding: 1px 0;}
    .section-title {margin-bottom: 20px;font-size: 24px;}
    .section-title small {font-size: 18px;}
    .section-title p { display: none;
	/*margin: 5px 5px 0;
    font-size: 15px;
    color: #787878;
    line-height: 1.8;
	text-align:left;*/}


    .about-counter {margin-bottom: -20px;}
    .about-counter li {width: 50%;margin-bottom: 20px;}
    .about-counter li .num span {font-size: 30px;}

	
}



/*滚动军令状*/
.w_1230 { width: 98%; margin: 0 auto; max-width: 1200px; }
.section_strength { background-size: cover; background-position: center 0px; background-repeat: no-repeat; background-attachment: fixed; }
.section_strength .mask { clear: both;background: url(/images/pic151.png) repeat center center; color: #fff;/* padding-bottom:60px; padding-top: 160px;*/ text-align: center; }

.section_strength .list { text-align: center; font-size: 0; padding: 0 2%; }
.section_strength .list li { display: inline-block; width: 35%; float: left; }
.section_strength .list li b { display: block; line-height: 45px; font-size: 45px;color: #000; }
.section_strength .list li em { font-size: 45px; color: #b12123; }
.section_strength .list li span { display: block; line-height: 22px; padding: 2.5px 0 12.5px; font-size: 16px; color: #292727; }
.section_strength .title { opacity: 0; transform: perspective(800px) translateY(20px); }
.section_strength .txt p { opacity: 0; transform: perspective(800px) translateY(20px); }
.section_strength .list li { opacity: 0; transform: perspective(800px) translateY(20px); }

.section_strength.active .list li { opacity: 1; transform: perspective(800px) translateY(0px); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }
.section_strength.active .list li:nth-child(2) { transition-delay: 0.7s; }
.section_strength.active .list li:nth-child(3) { transition-delay: 0.9s; }
.section_strength.active .list li:nth-child(4) { transition-delay: 1.1s; }


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


.section_strength .list { text-align: center; font-size: 0; padding: 0 0; }
.section_strength .list li em { font-size: 42px; color: #b12123; }
}
@media screen and (max-width:800px) {


.section_strength .list { text-align: center; font-size: 0; padding: 0 0; }
.section_strength .list li em { font-size: 38px; color: #b12123; }
}
@media screen and (max-width:738px) {


.section_strength .list { text-align: center; font-size: 0; padding: 0 0; }
.section_strength .list li em { font-size: 30px; color: #b12123; }
}
@media screen and (max-width:640px) {

.section_strength .list { text-align: center; font-size: 0; padding: 0 2%; }
.section_strength .list li { display: inline-block; width: 50%; float: left; }
.section_strength .list { text-align: center; font-size: 0; padding: 0 0; }
.section_strength .list li em { font-size: 30px; color: #b12123; }
}


/*加盟优势*/
 ._w1400::after, .join-viewBox::after, .joining::after, {
 display: block;
 width: 100%;
 height: 1px;
 clear: both;
 content: "";
}
.boxes.store {
	background: #fff;
	/*padding-bottom: 200px;*/
}
.boxes.strength {
	padding-top: 200px;
}
.store .single {
	margin-bottom: 100px;
}
.boxes.nboxs {
	background: url("../images/sdbg2.jpg");
}

.boxes.b1 {
	background: url("../images/Bg_policy.jpg") center/cover fixed;
}
.titleBox {
	text-align: center;
	font-size: 32px;
	padding: 30px 0 20px;
}
.titleBox b {
	display: block;
	font-weight: 400;
	line-height: 1.4;
	position: relative;
}
.titleBox b.c {
	margin-bottom: 5px;
}
 .titleBox b.c::after {
 width: 50px;
 height: 4px;
 background: #e70012;
 position: absolute;
 left: 50%;
 margin-left: -25px;
 bottom: -2px;
 border-radius: 10px;
 content: "";
 display: block;
}
.titleBox p {
	font-size: 16px;
	line-height: 1.4;
	font-family: gothmbok;
	text-transform: uppercase;
	opacity: .5;
}
.join {
	background: #f4f4f4;
}
.join-viewBox {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.join-viewBox .view {
	cursor: pointer;
	width: 30%;
	position: relative;
	z-index: 1;
}

.join-viewBox .view:last-child {
	margin-right: 0;
}
.join-viewBox .view .img {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}
.join-viewBox .view .img img {
 -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1);
}
.join-viewBox .view .img .more {
	width: 170px;
	margin: 0 auto;
	position: relative;
	top: -100px;
	opacity: 0;
 transition: .3s all linear;
}
.join-viewBox .view .text {
	text-align: center;
	padding: 20px 0;
 transition: .3s all linear;
	background: #fff;
	position: relative;
	border-radius: 0 0 5px 5px;
	background: #b12123;
	color: #fff;
}
.join-viewBox .view .text .title {
	font-size: 20px;
}
.join-viewBox .view .frogc1 {
	width: 155px;
	height: auto;
	position: absolute;
	right: -75px;
	top: 200px;
	opacity: 0;
 -webkit-transition: all .2s cubic-bezier(.215, .61, .355, 1);
	transform-origin: left center;
}
.join-viewBox .view .frogc2 {
	width: 28px;
	height: auto;
	position: absolute;
	right: 0;
	top: 225px;
	opacity: 0;
	z-index: 5;
 -webkit-transition: all .1s cubic-bezier(.215, .61, .355, 1);
	transform-origin: left center;
}
.join-viewBox .view .text .content {
	font-size: 16px;
	padding-top: 5px;
	opacity: .7;
}
.join-viewBox .view .frogr {
	width: 120px;
	height: auto;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 0;
	opacity: 1;
}
.store .store-left {
  width: 40%;
  display: inline-block;
  float: left;
}

.store .store-left .title {
  font-size: 38px;
  font-weight: 700;
  padding-top: 37px;
}

.store .store-left .title .en {
  font-size: 16px;
  padding-top: 22px;
}

.store .store-left .text {
  padding-top: 45px;
  line-height: 40px;
  font-size: 16px;
}



.store-right {
	width: 60%;
	height: 475px;
	display: inline-block;
	background: url("../images/tacn/timebg.jpg") no-repeat center/cover;
	position: relative;
}
.store-right .img {
	width: 100%;
	position: absolute;
	z-index: -1;
}
 .store-right ul li p:nth-child(1) {
 color: #e70012;
 font-weight: 700;
 font-size: 16px;
}
.store-right ul li {
	position: absolute;
	left: 0;
	top: 0;
}
 .store-right ul li p:nth-child(1) span {
 font-size: 40px;
 font-family: gothmbok;
}
 .store-right .text div p:nth-child(2) {
 color: #5d5d5d;
 font-size: 16px;
}
 .store-right ul li:nth-child(1) {
 position: absolute;
 left: 10%;
 top: 10%;
}
 .store-right ul li:nth-child(2) {
 position: absolute;
 left: 45%;
 top: 20%;
}
 .store-right ul li:nth-child(3) {
 position: absolute;
 left: 15%;
 top: 50%;
}
 .store-right ul li:nth-child(4) {
 position: absolute;
 left: 45%;
 top: 70%;
}
.joining {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 5;
}
.joining .joining-left {
	background-image: url("../images/storebg.jpg");
	background-size: cover;
	width: 50%;
	height: 70vh;
	float: left;
	z-index: 1;
	position: relative;
	margin-top: -10vh;
	padding: 50px 100px;
	box-shadow: 4px 4px 0 #b00a10;
	border-radius: 10px;
}
.joining-left .single {
	margin-bottom: 70px;
	opacity: .7;
}
.joining .joining-right {
	background: #d60e15;
	width: 60%;
	height: 70vh;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10vh 12vw 0 13vw;
	box-shadow: 4px 4px 0 #b00a10;
	border-radius: 10px;
}
.joining .joining-left .title {
	font-family: "Microsoft YaHei";
	font-size: 30px;
	font-weight: 700;
	padding-top: 37px;
	color: #fff;
}
.joining .joining-left .title .en {
	font-size: 16px;
	padding-top: 22px;
	opacity: .4;
}
.joining .joining-left .text {
	color: #fefefe;
	opacity: .8;
	padding-top: 45px;
	line-height: 40px;
	font-size: 16px;
}
.joining .joining-left .text .text2 {
	padding-top: 16px;
}
.joining .joining-left .more {
	width: 100%;
	cursor: pointer;
	padding-top: 62px;
}
.joining .joining-right .title {
	font-family: "Microsoft YaHei";
	font-size: 30px;
	font-weight: 700;
	padding-top: 37px;
	color: #fff;
}
.joining .joining-right .title .en {
	font-size: 16px;
	padding-top: 15px;
	opacity: .4;
}
.joining .joining-right .text {
	color: #fefefe;
	opacity: .8;
	padding-top: 5px;
	line-height: 40px;
	font-size: 16px;
}
.joining .joining-right .more {
	width: 100%;
	cursor: pointer;
	padding-top: 32px;
}
.joining .joining-right .form {
	padding-top: 20px;
}
.joining-right .single {
	opacity: .7;
}
#strength .swiper-button-next, #strength .swiper-button-prev, .shop_swiper .swiper-button-next, .shop_swiper .swiper-button-prev, .swiper-container.his .swiper-button-next, .swiper-container.his .swiper-button-prev {
	width: 50px;
	height: 50px;
	background: rgba(0, 0, 0, .7);
	border-radius: 50%;
	left: 20%;
	top: 45%;
	box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
.swiper-container.his .swiper-button-next, .swiper-container.his .swiper-button-prev {
	top: 0;
}
#strength .swiper-button-next, .shop_swiper .swiper-button-next, .swiper-container.his .swiper-button-next {
	left: 76.5%;
}
.swiper-container.his .swiper-button-prev {
	left: 5%;
}
.swiper-container.his .swiper-button-next {
	left: auto;
	right: 5%;
}
 #strength .swiper-button-next::after, #strength .swiper-button-prev::after, .shop_swiper .swiper-button-next::after, .shop_swiper .swiper-button-prev::after, .swiper-container.his .swiper-button-next::after, .swiper-container.his .swiper-button-prev::after {
 width: 20px;
 height: 20px;
 background: url("../images/jts.png") no-repeat;
 background-size: cover;
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 content: "";
}
#strength .swiper-button-prev, .shop_swiper .swiper-button-prev, .swiper-container.his .swiper-button-prev {
	transform: rotate(180deg);
}
.join-viewBox .item_img {
	width: 100%;
	height: 530px;
	position: absolute;
	left: 0;
	top: 0;
	background: center/cover no-repeat;
	background-size: cover;
	will-change: transform;
}
 @media screen and (min-width:1200px) {
 .join-viewBox .view:hover .frog1 {
 opacity: 1;
 transform: translateX(0);
}
 .join-viewBox .view:hover .frog2 {
 opacity: 1;
 left: -2px;
}
 .join-viewBox .view:hover .img img {
 -webkit-transform: scale(1.05);
}
 .join-viewBox .view:hover {
 box-shadow: 0 0 15px rgba(0, 0, 0, .05);
 z-index: 10;
}
 .join-viewBox .view:hover .frogc1 {
 right: -125px;
 opacity: 1;
}
 .join-viewBox .view:hover .frogc2 {
 right: -1px;
 opacity: 1;
}
}
@media screen and (max-width:1024px) {
 .titleBox {
 font-size: 24px;
 padding: 0 0 20px;
}
 .join-viewBox .view .text {
 padding: 10px 0;
}

.join-viewBox .view .img {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
}

 .join-viewBox .view .text .title {
 font-size: 16px;
}
 .store-right {
 width: 100%;
}
 .store .store-left {
 width: 100%;
 margin-bottom: 25px;
}
 .store .single {
 margin-bottom: 20px;
}
 .boxes.store {
 padding-bottom: 100px;
}
 .boxes.strength {
 padding-top: 120px;
}
 .single {
 line-height: 1.6;
}
}
@media screen and (max-width:768px) {
 .titleBox {
 padding: 0 0 20px;
}
 .joining .joining-left {
 padding: 30px 4%;
 margin-top: 0;
 width: 100%;
 height: 40vh;
 float: none;
 border-radius: 0;
 box-shadow: none;
}
 .joining-left .single {
 margin-bottom: 30px;
}
 .joining .joining-right {
 position: relative;
 width: 100%;
 padding: 30px 4%;
 border-radius: 0;
 height: auto;
 box-shadow: none;
}
 .boxes.strength {
 padding: 45px 0;
}
 .boxes.b5 .thum {
 display: none;
}
 .boxes.b5 .online {
 width: 100%;
}
}
@media screen and (max-width:767px) {
 .join-viewBox .view {
 width: 100%;
}
 .joining .joining-right .form .inputForm:nth-child(2) {
 margin-bottom: 50px;
}
 .join-viewBox .view+.view {
 margin-top: 25px;
}
 .join-viewBox .view .text::after {
 width: 40px;
 height: 40px;
 position: absolute;
 left:10px;
 top: 45%;
 margin-top: -25px;
 background: #fff url(../images/tacn/jmlo.png) no-repeat;
 background-size: cover;
 content: '';
 display: block;
 border-radius: 50%;
 border: 5px solid #fff;
}
 .join-viewBox .view:nth-child(2):after {
 right: auto;
 left: -13px;
 transform: rotate(20deg);
}
 .titleBox.tr {
 text-align: center;
 display: block;
}
 .store-right ul li {
 text-align: center;
}
 .store-right ul li:nth-child(1) {
 left: 0;
 width: 100%;
}
 .store-right ul li:nth-child(2), .store-right ul li:nth-child(3), .store-right ul li:nth-child(4) {
 left: 0;
 width: 50%;
 top: 0%;
 position: relative;
 margin-bottom: 20px;
}
 .store-right ul li p:nth-child(1) span {
 font-size: 30px;
}
 .store-right ul li {
 position: relative;
 width: 50%;
 float: left;
}
 .store-right ul li:nth-child(1) {
 position: relative;
 width: 50%;
 top: 0%;
 margin-bottom: 20px;
}
 .boxes.store {
 padding-bottom: 0;
}
 .store-right {
 width: 100%;
 height: auto;
 padding: 20px 0px;
}
 .joining .joining-left {
 height: auto;
}
 .boxes.strength {
 width: 94%;
 margin: 0 auto;
}
 .boxes.b5 .online {
 padding: 30px 3%;
}
 .join-viewBox .view .img {
 height: 25vh;
}
 .join-viewBox .item_img {
 height: 100%;
 transform: inherit!important;
}
 .join-viewBox .view .frogr {
 display: none;
}
 .titleBox {
 font-size: 20px;
}
 .titleBox p {
 font-size: 16px;
}
 .store .single {
 font-size: 16px;
 margin-bottom: 45px;
 text-align: center;
}
 .store .more_btn, .joining .more_btn {
 margin: 0px auto;
 display: block;
}
 .single p {
 margin-bottom: 0;
}
 .joining-left .single {
 font-size: 16px;
 text-align: center;
 margin-bottom: 50px;
}
}
@media screen and (max-width:480px) {

.single p1 {
 margin-bottom: 0;display:none;}
 

 .els{display:inline-block;overflow:hidden;width:54%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word}
.els2{display:block;display:-webkit-box;width:54%;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}