/* loading */
body.loading{overflow-y:hidden}
body.loading .main{overflow-y:hidden} 
#pageloader{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:2000}
#pageloader::after,#pageloader::before{content:"";display:block;position:absolute;left:0;width:100%;height:50%;background:#fff;z-index:-1;-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.scroll-icon {
	position: absolute;
	bottom: 32px;
	left: 50%;
	width: 72px;
	text-align:center;
	cursor: pointer;
	margin-left: -36px;
	text-align: center;
	z-index:9999999;
	border:0px solid #ddd;
}

.scroll-icon span {
	display: block;
	color: #fff;
	font-weight: 300;
	opacity: 0.75;
	filter: Alpha(opacity=75);
	margin-bottom: 15px;z-index:9999999;
}
.scroll-icon img {
padding-left:0px;
margin:0px auto;
}

#pageloader::before{top:0}
#pageloader::after{bottom:0}
#pageloader .loader-icon{-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s}
#pageloader.hiden::after,#pageloader.hiden::before{height:0}
#pageloader.hiden .loader-icon{opacity:0}
.loader-icon{position:absolute;top:50%;left:50%;width:30px;height:30px;margin-top:-15px;margin-left:-15px}
.loader-icon .circular{width:100%;height:100%;-webkit-animation:rotate 2s linear infinite;animation:rotate 2s linear infinite;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.loader-icon .circular .path{stroke-dasharray:1,200;stroke-dashoffset:0;-webkit-animation:dash 1.5s ease-in-out infinite;animation:dash 1.5s ease-in-out infinite;stroke-linecap:round}
@-webkit-keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px
	}
}@keyframes dash {
	0% {
		stroke-dasharray:1,200;
		stroke-dashoffset:0
	}
	50% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-35px
	}
	100% {
		stroke-dasharray:89,200;
		stroke-dashoffset:-124px
	}
}

/* index */
.main.index{-webkit-transition: all 0.3s; transition: all 0.3s; }
.main.index .navbar-default{background: none; border: 0;}
.main.index .navbar-collapse{background: none;}
.main.index .navbar-default .navbar-nav>li>a{color: #fff;}
.main.index .share .icon-wechat i{background-image: url(../images/wechat_white.png);}
.main.index .share .icon-sina i{background-image: url(../images/sina_white.png);}
.main.index .navbar-default .navbar-toggle .icon-bar{background: #fff;}
.idx-banner{height: 100vh;}
.idx-banner .swiper-container, .idx-banner .swiper-slide, .idx-banner .cover{height: 100vh;}
.idx-banner .cover{background: no-repeat center center; background-size: cover;}
.idx-banner .swiper-dots{position: absolute; z-index: 10; right: 0; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.idx-banner .swiper-dots-item{position: relative; display: block; padding-right: .52rem; width: auto; height: 42px; opacity: 1; filter: alpha(opacity=100); color: #fff; font-size: 18px; line-height: 42px; cursor: pointer; background: none; -webkit-border-radius: 0; border-radius: 0;}
.idx-banner .swiper-dots-item em{font-size: 14px; font-family: "DIN Regular","Arial","Tohoma"; font-style: normal; font-weight: bold; -webkit-transition: all 0.3s; transition: all 0.3s;}
.idx-banner .swiper-dots-item::after{position: absolute; content: ""; display: block; right: 0; top: 50%; width: 0; height: 1px; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.idx-banner .swiper-dots-item-active::after{width: .4rem;}
.idx-cont{margin: 0 15px;}
@media (min-width: 768px){.idx-cont{margin: 0 30px;}}
@media (min-width: 1200px){.idx-cont{margin: 0 62px;}}
.idx-about{padding: 5.8% 0;}
.idx-about .subtitle{left: 6%; top: 0; color: #fff;}
.idx-about .subtitle p{font-size: .36rem; font-weight: 300;}
.idx-about .textbox{margin: 0 16%; padding: 20px 0; color: #282110; }
.idx-about .textbox .icon{margin-bottom: .5rem; width: .66rem;}
.idx-about .textbox h3{margin-top: 0; margin-bottom: 5%; font-size:40px; font-weight: bold;}
.idx-about .textbox .inline{margin-right: 12%;}
.idx-about .textbox .f60{font-size: .6rem;}
.idx-about .textbox .f48{position: relative; top: -.24rem; left: 5px; font-size: .48rem;}
.idx-about .textbox p{margin-top: 7%; margin-bottom: 10%; font-size: 14px; line-height:26px;}
@media (max-width: 1199px){.idx-about .textbox .inline{margin-right: 5%;}}

.column-hd-box{position: absolute; top: 0; left: 0; bottom: 0; width: 100%;}
.column-hd .weui-flex{width: 100%; height: 100%;}
.column-hd .weui-flex__item{position: relative; height: 100%; overflow: hidden;}
.column-hd .weui-flex__item:before{position: absolute; z-index: 1; display: block; content: ""; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,.3);}
.column-hd .weui-flex__item:first-child:before{display: none;}
.column-hd .bg, .column-hd .weui-flex__item:after{top: 0; left: 0; width: 100%; height: 100%;}
.column-hd .bg{background: rgba(0,0,0,.65);}
.column-hd .weui-flex__item:after{display: block; content: ""; background: rgba(250,191,19,.83); -webkit-animation: fadeOutRight 1s; animation: fadeOutRight 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.column-hd .cont{position: absolute; z-index: 1; top: 21%; left: 0; right: 12px; padding-left: 35px;}
.column-hd .weui-flex__item:nth-of-type(2n) .cont{top: 33%;}
.column-hd .inner-title h2{margin-top: 0; margin-bottom: 20%; font-size: .84rem; color: #fff;}
.column-hd .inner-title h6{margin-bottom: 8%; font-size: .3rem; color: #fff;}
.column-hd .inner-title p{color: #fff; opacity: .62; font-size: 14px; line-height: 24px; max-height: 96px; overflow: hidden; text-overflow: ellipsis;}
.column-hd .inner-title .line{position: absolute; left: 0; top: .4rem; margin: 0; width: 22px; height: 4px; background: #fabf13;}
.column-hd .imore{opacity: 0; position: relative; display: block; margin-top: 10%; width: .5rem; height: .5rem; border: 1px solid #38311d; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.column-hd .imore:before, .column-hd .imore:after{position: absolute; display: block; content: ""; top: 50%; left: 50%; background: #38311d;}
.column-hd .imore:before{width: 12px; height: 2px; margin-top: -1px; margin-left: -6px;}
.column-hd .imore:after{width: 2px; height: 12px; margin-top: -6px; margin-left: -1px;}

@media (min-width: 640px){.column-hd-box{background: none !important;}}
@media (min-width: 1200px){
.column-hd .weui-flex__item:hover:after{-webkit-animation: fadeInLeft 1s; animation: fadeInLeft 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.column-hd .weui-flex__item:hover .imore{opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.column-hd .weui-flex__item:hover .line{background: #39321d;}
.column-hd .weui-flex__item:hover .inner-title h2, .column-hd .weui-flex__item:hover .inner-title h6, .column-hd .weui-flex__item:hover .inner-title p{color: #39321d;}
.column-hd .weui-flex__item:hover .inner-title p{opacity: 1; font-weight: bold;}
.column-hd .weui-flex__item .imore:hover{-webkit-transform: rotate(90deg); transform: rotate(90deg);} 
}
@media (max-width: 1199px){
.column-hd .weui-flex__item:nth-of-type(2n-1) .cont{top: 8%;}
.column-hd .weui-flex__item:nth-of-type(2n) .cont{top: 18%;}
.column-hd .imore{opacity: 1; -webkit-transform: none; transform: none; border-color: #fff;}
.column-hd .imore:before, .column-hd .imore:after{background: #fff;}
}
@media (max-width: 991px){
.idx-about .weui-flex{display: block;}
.idx-about .textbox{margin: 0 10%; padding: 30px 0;}
.column-hd .weui-flex__item .cont{top: 5% !important;}
.column-hd .inner-title h6{font-size: .26rem;}
}
@media (max-width: 639px){
.idx-about .textbox{margin: 0;}
.column-hd >img{display: none;}
.column-hd-box{position: static; height: 60vh; background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.column-hd .bg{background: rgba(0,0,0,.3);}
.column-hd .weui-flex{display: table;}
.column-hd .weui-flex__item{display: table-row; height: auto;}
.column-hd .weui-flex__item:before{width: 100%; height: 1px; }
.column-hd .cont{position: relative; top:  auto; left: auto; right: auto; bottom: auto; padding-left: 50px; height: 100%; border-top: 1px solid rgba(255,255,255,.3); display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.column-hd .inner-title{margin: 0 !important;}
.column-hd .inner-title .line{left: 15px;}
.column-hd .inner-title h2, .column-hd .inner-title h6{margin-bottom: 0;}
.column-hd .inner-title h2{margin-top: 0; font-size: .64rem;}
.column-hd .inner-title p{display: none;}
.column-hd .imore{position: absolute; top: 50%; right: 15px; margin: -.25rem 0 0 0;}
}

.idx-pro{position: relative; margin: .5rem 0;}
.smpro{width:100%;}
.smpro .row{margin-left: -7px; margin-right: -7px;}
.smpro .col-xs-6 a{position: relative; margin: 7px 14px 7px 0; display: block; background: #fff;}
.smpro .col-xs-6 img{border:1px solid #ddd; margin-bottom:10px;}
.smpro .weui-cell{padding:10px 0px; text-align:center;}
.smpro .weui-cell__bd{font-size: 18px; color: #444;}
.smpro .weui-cell__ft{font-size: .24rem; color: #333; font-weight: bold;}
.bigpro{position: absolute; right: 0; top: 7px; bottom: 7px; width: 45.026%; overflow: hidden; background: #f4f4f4;}
.bigpro >a{position: relative; display: block;}
.bigpro .subtitle{top: 6.5%; left: 8.3%;}
.bigpro .subtitle h2{font-size: .48rem;  }
.bigpro .more{position: absolute; right: 8.3%; top: 6.5%; width: 28%;}
.bigpro .more a{display: block; padding: 5% 0;}
@media (min-width: 1200px){.smpro .col-xs-6 a:hover .weui-cell__bd{color: #fabf13;}}
@media (max-width: 991px){
.bigpro .more{width: 30%;}
}
@media (max-width: 767px){
.smpro{width: 100%;}
.smpro .col-xs-6:nth-of-type(2n-1) a{margin-right: 7px;}
.smpro .col-xs-6:nth-of-type(2n) a{margin-left: 7px; margin-right: 0;}
.bigpro{position: relative; width: 100%; top: auto; right: auto; margin-top: 14px;}
}

.idx-title h2{font-size: .9rem;line-height: 1;}
.idx-title p{font-size: .36rem;}
.idx-title .line{width: 17px; height: 5px;}
.idx-news .table{display: table; height: 100%; width: 100%;}
.idx-news .subtitle{display: table-cell; vertical-align: middle;}
.idx-news .newspic{width: 27.375%; height: 100%; background: no-repeat center center; background-size: cover;}
.idx-news .newscont{display: block; padding: 4% 8% 8%;}
.idx-news .newscont .f76{font-size: .76rem;}
.idx-news .newscont .f16{font-weight: bold; padding-left: 5px;}
.idx-news .newscont .weui-cell__ft div{position: relative; display: inline-block; width: .9rem; height: .9rem; border-width: 1px; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%;}
.idx-news .newscont .weui-cell__ft div:before, .idx-news .newscont .weui-cell__ft div:after{position: absolute; display: block; content: ""; top: 50%; left: 50%;}
.idx-news .newscont .weui-cell__ft div:before{width: 20px; height: 2px; margin-top: -1px; margin-left: -10px;}
.idx-news .newscont .weui-cell__ft div:after{width: 2px; height: 20px; margin-top: -10px; margin-left: -1px;}
.idx-news .newscont  h3{margin-top: 3%; margin-bottom: .2rem; font-size: .36rem; font-weight: bold;}
.idx-news .newscont  p{font-size: 16; line-height: 30px; height: 60px;}
.idx-news .idx-item1{background: #efefef;}
.idx-news .idx-item1 .newspic{background: #fff; text-align: center;}
.idx-news .idx-item1 .newscont{color: #39321d;}
.idx-news .idx-item1 .newscont .weui-cell__ft div{border-color: #39321d;}
.idx-news .idx-item1 .newscont .weui-cell__ft div:before, .idx-news .idx-item1 .newscont .weui-cell__ft div:after{background: #39321d;}
.idx-news .idx-item2{background: #53524f;}
.idx-news .idx-item2 .newscont{color: #fff;}
.idx-news .idx-item2 .newscont .weui-cell__ft div{border-color: #fff;}
.idx-news .idx-item2 .newscont .weui-cell__ft div:before, .idx-news .idx-item2 .newscont .weui-cell__ft div:after{background: #fff;}
@media (min-width: 768px){
.idx-news .subtitle.hidden-md{display: none;}
}
@media (min-width: 1200px){
.idx-news .newscont .weui-cell__ft div:hover{-webkit-transform: rotate(90deg); transform: rotate(90deg);}
}
@media (max-width: 1680px){
.idx-title h2{font-size: .84rem;}
.idx-title p{font-size: .3rem;}
}
@media (max-width: 1480px){
.bigpro .subtitle h2{font-size: .4rem; }
.idx-title h2{font-size: .7rem;}
.idx-title p{font-size: .24rem;}
.idx-news .newscont .weui-cell__ft div{width: .7rem; height: .7rem;}
}
@media (max-width: 1366px){
.bigpro .subtitle h2{font-size: .34rem;}
.idx-title h2{font-size: .6rem;}
.idx-title p{font-size: .22rem;}
}
@media (max-width: 767px){
.bigpro .subtitle h2{font-size: .42rem;}
.bigpro .subtitle .line{margin-bottom: .25rem; margin-top: .2rem;}
.idx-title h2{font-size: .8rem;}
.idx-title p{font-size: .32rem;}
.idx-news >.weui-cell{display: block;}
.idx-news .newspic{display: none;}
.idx-news .subtitle.hidden-md{display: block; margin-bottom: .5rem;}
.smpro .weui-cell__bd{font-size: .24rem}
}


/* about */
.about{margin-bottom:0%; padding-top: .6rem;font-family:微软雅黑;}
.about .subtitle{right: 0; top: 0; margin-top: -5%;}
.about .container >.clearfix{padding: 4% 0 0;}
.about-left .weui-cell{padding: 6% 0;}
.about-left .weui-cell__hd{width: 132px;}
.about-left .weui-cell__bd{padding-left: 8%; color: #282110; font-size: 16px;}
.about-left .f72{line-height: .7rem;}
.about-left .addicon{position: relative; top: -.4rem; left: 10px; font-size: .36rem;}
.about-left p{margin-top: 10px; margin-bottom: 0;}
.about-right .article{margin-top:1%}
@media (min-width: 640px) and (max-width: 1199px){.about-left .weui-cell{float: left; width: 50%;}}
.culture .container >.clearfix{margin-bottom:6%;}
.culture .col-lg-6{margin-bottom: 30px;}
.culture .col-lg-offset-2{margin-right: 29.66666667%;}
.culture .flags-right{position: absolute; bottom: 17%; right: -6%;}
.culture .flags-left{position: absolute; bottom: 14%; left: -50%;}
.culture .textani{display: block; font-size: 18px; font-weight: bold; color: #666; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.culture .col-xs-offset-1{margin-left: 11%;}
.culture .col-xs-offset-1 p{margin-bottom: 0;}
@media (min-width: 640px){
.culture .col-xs-offset-1 .col-sm-4{padding-left: 14px; padding-right: 7px;}
.culture .col-xs-offset-1 .col-sm-8{padding-left: 0;}
.culture .col-xs-offset-1 .col-sm-8 >div{padding-left: 7px; padding-right: 7px;}
}
@media (min-width: 1200px) and (max-width: 1600px){
.col-lg-offset-2{margin-left: 8.2%;}
}
@media (max-width: 1460px){
.culture .flags-right{right: -8%;}
.culture .flags-left{left: -55%;}
}
@media (max-width: 1199px){
.culture .flags-right{right: -4%;}
.culture .flags-left{left: -60%;}
}
@media (max-width: 992px){
.culture .flags-right{right: -7%;}
.culture .flags-left{left: -70%;}
}
@media (max-width: 639px){
.culture .flags-right{right: -17%; bottom: 15%;}
.culture .flags-left{left: -34%; bottom: 14%}
.culture .col-xs-offset-1 .col-sm-8{padding: 0;}
.culture .col-xs-offset-1 .col-sm-8 .col-sm-6{margin-top: 14px;}
}
@media (min-height: 800px){
.culture .flags-right{bottom: 13%;}
.culture .flags-left{bottom: 8%;}
}
@media (min-height: 900px){
.culture .flags-right{bottom: 18%;}
.culture .flags-left{bottom: 16%;}
}
@media (min-height: 955px){
.culture .flags-right{bottom: 13%;}
.culture .flags-left{bottom: 8%;}
}

.autobtn .swiper-button-next, .autobtn .swiper-button-prev{opacity: 1; width: .9rem; height: .9rem; border-width: 1px; border-style: solid; -webkit-border-radius: 50%; border-radius: 50%; background: none;}
.autobtn .swiper-button-next:before,.autobtn .swiper-button-prev:before{position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-top: -8px; width: 16px; height: 16px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 0; border-left-width: 0; border-style: solid; -webkit-transition: all 0.3s; transition: all 0.3s;}
.autobtn .swiper-button-next:before{margin-left: -10px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.autobtn .swiper-button-prev:before{margin-left: -5px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.autobtn .swiper-button-prev{left: -.9rem;}
.autobtn .swiper-button-next{right: -.9rem;}
.history .swiper-container:before{position: absolute; display: block; content: ""; left: 0; top: .92rem; width: 100%; height: 1px; background: #ffbc00;}
.history .swiper-button-next, .history .swiper-button-prev{top: .45rem; margin-top: 0; border-color: #ffbc00;}
.history .swiper-button-next:before, .history .swiper-button-prev:before{border-color: #ffbc00;}
.history .subtitle{padding-bottom: 3.2%}
.history .year{font-size: .6rem; line-height: 1; color: #444; text-align: center;}
.history .item .line{margin: .32rem auto .4rem; width: 1px; height: 11px; background: #ffbc00;}
.history .article{line-height: .36rem; color: #888;}
.history .item{margin: 0 18%;}
@media (min-width: 1200px){
.autobtn .swiper-button-prev:hover:before{-webkit-transform: scale(1.3) rotate(-135deg); transform: scale(1.3) rotate(-135deg);}
.autobtn .swiper-button-next:hover:before{-webkit-transform: scale(1.3) rotate(45deg); transform: scale(1.3) rotate(45deg);}
}
@media (max-width: 991px){
.autobtn .swiper-button-next, .autobtn .swiper-button-prev{margin-top: .6rem; margin-bottom: .6rem; display: inline-block; top: auto; left: 50%; right: auto; position: relative;}
.autobtn .swiper-button-prev{margin-left: -1rem; margin-right: .2rem;}
.history .item{margin: 0 10%;}
.history .article{line-height: .44rem;}
}
.honor .swiper-button-next, .honor .swiper-button-prev, .honor .swiper-button-next:before, .honor .swiper-button-prev:before,
.news .swiper-button-next, .news .swiper-button-prev, .news .swiper-button-next:before, .news .swiper-button-prev:before{border-color: #cccbc7;}
.honor .swiper-slide .text-center{font-size: 16px; line-height: 36px; color: #444;}
.honor .swiper-slide a{display: block; margin-bottom: 10px; padding:6% 12px; background: #f8f8f8; border:1px  solid #ddd;}
@media (min-width: 640px){
.honor .swiper-slide:nth-of-type(2n){margin-top: .6rem;}
}
@media (min-width: 992px){
.honor .swiper-button-next, .honor .swiper-button-prev, .news .swiper-button-next, .news .swiper-button-prev{margin-top: -.45rem;}
.honor .swiper-button-next, .news .swiper-button-next{right: -1.3rem;}
.honor .swiper-button-prev, .news .swiper-button-prev{left: -1.3rem;}
}
@media (min-width: 1200px){
.honor .swiper-slide a img{position: relative; top: 0; -webkit-transition: all 0.3s linear; transition: all 0.3s linear}
.honor .swiper-slide a:hover  img{top: -10px;}
}
@media (min-width: 1200px) and (max-width: 1366px){
.honor .swiper-button-next, .news .swiper-button-next{right: -1.1rem;}
.honor .swiper-button-prev, .news .swiper-button-prev{left: -1.1rem;}
}
@media (max-width: 1199px){
.honor .swiper-button-next, .honor .swiper-button-prev, .news .swiper-button-next, .news .swiper-button-prev{margin-top: .3rem; margin-bottom: .6rem; display: inline-block; top: auto; left: 50%; right: auto; position: relative;}
.honor .swiper-button-prev, .news .swiper-button-prev{margin-left: -1rem; margin-right: .2rem;}
}
.contact{margin-bottom: 6.3%;}
.contact .container >.clearfix{padding: 7% 0 10%;}
.contact .bg-top{margin: 0 .27rem; height: .13rem; background: url(../images/line1.png) repeat-x; background-size: auto 100%;}
.contact .bg-right, .contact .bg-left{top: 0; bottom: 0; width: .13rem; background: url(../images/line2.png) repeat-y; background-size: 100% auto;}
.contact .bg-right{right: 0;}
.contact .bg-left{left: 0;}
.contact .subtitle h2{font-size: .74rem; line-height: 1;}
.contact .subtitle .line{position: absolute; right: 16.66666667%; top: 25%; margin: 0;}
.contact .article{line-height: .36rem;}
.contact .article h3{margin-top: .5rem; margin-bottom: .3rem; font-weight: bold;}
.contact .article p{margin-bottom: 0;}
@media (max-width: 639px){
.contact .container >.clearfix{padding-left: 10%; padding-right: 10%;}
.contact .article{line-height: .42rem;}
}

/* marketing */
.newretail .bgcolor{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.53);}
.newretail .weui-cell{position: absolute; top: 0; left: 14%; right: 14%; bottom: 0; height: 100%; color: #fff; font-size: 14px; line-height: .42rem;}
.newretail .weui-cell .title{margin-bottom: 6%;}
.newretail .weui-cell .title h3{margin-bottom: 0; font-size: .48rem; font-weight: bold;}
.newretail .weui-cell .title p{margin-bottom: 0; font-size: 18px;}
.newretail .subtitle{padding-left: 7%; padding-right: 4%;}
.newretail-pic1{padding-bottom: .36rem;}
.newretail-pic1 .pa{left: -.4rem; bottom: 0; top: 20%; width: 50%;}
.newretail-pic2 .pa{right: -7px; bottom: 0; top: 0; width: 50%; margin-right: -50%;}
.newretail-title h3{margin-bottom: .2rem; font-size: .4rem; font-weight: bold; color: #333;}
.newretail-title p{font-size: 18px; color: #444;}
.newretail-desc{font-size: 14px; line-height: .42rem; color: #666; min-height:200px;}
.newretail-line{display: block; margin: .45rem 0 .4rem; width: 15px; height: 2px; background: #ffbc00;}
.newretail-item1, .newretail-item2{padding: 5.8% 0 1% !important;}
.newretail-item1{margin-top: 3.5%;}
.hyper .swiper-button-next, .hyper .swiper-button-prev{background-color: rgba(0,0,0,.25); border: 0;}
.hyper .swiper-button-next:before, .hyper .swiper-button-prev:before{border-color: #fff;}
.hyper .autobtn{padding-top: .85rem;}
.hyper .subtitle{z-index: 10; left: 0; top: 0; padding-left: .35rem; padding-right: .63rem;}
.hyper .textbox{margin: 5.8% auto 11%; text-align: center; font-size: 14px; line-height: .42rem; color: #444;}
.hyper .textbox h3{margin-bottom: 8%; font-size: .42rem; line-height: 1.2; font-weight: bold;}
@media (max-width: 1640px){.newretail .weui-cell{left: 10%; right: 10%;}}
@media (max-width: 1480px){.newretail .weui-cell{left: 6%; right: 6%;}}
@media (max-width: 1400px){.newretail .weui-cell{line-height: .3rem;}}
@media (max-width: 1199px){
.newretail .textbox{margin-top: .5rem;}
}
@media (max-width: 991px){
.newretail .imgbox{background: no-repeat center center; background-size: cover;}
.newretail .weui-cell{position: static; padding: 10% 5%; width: auto; height: auto; line-height: .42rem;}
}
@media (max-width: 639px){
.newretail .weui-cell{padding-top: 25%;}
.newretail .weui-cell .title p{font-size: 16px;}
.hyper .textbox{width: 100%;}
}
@media (min-width: 992px){
.newretail .imgbox{background: none !important;}
.hyper .swiper-button-prev{left: .4rem; margin-top: -.45rem}
.hyper .swiper-button-next{right: .4rem; margin-top: -.45rem}
}
@media (min-width: 1200px){
.newretail-pic1, .newretail-item2 .textbox{max-width: 90%;}
}
@media (min-width: 992px) and (max-width: 1199px){.newretail-pic2 .pa{margin-right: -44%;}}

/* chain */
.subtitle.spec{padding: .43rem 0 .37rem}
.player{left: 50%; top: 50%; margin-top: -.64rem; margin-left: -.64rem; width: 1.28rem; height: 1.28rem; border: 1px solid #fff; background: rgba(0,0,0,.25) url(../images/player.png) no-repeat .5rem center; background-size: .34rem;}
video{display: none;}
.chain ul{padding: 1.5% 0 2.7%;}
.chain li{padding: 4.5% 0;}
.chain li .imgbox{width: 46%;}
.chain li .textbox{padding-top: .26rem; width: 46%; font-size: 16px; line-height: .42rem; color: #666;}
.chain li .number{font-size: .48rem; font-weight: bold; color: #444; text-decoration: overline;}
.chain li h3{margin-top: .2rem; margin-bottom: .47rem; font-size: .3rem; color: #444; font-weight: bold;}
.chain li p{margin-bottom: 0;}
.chain li:nth-of-type(2n-1) .imgbox, .chain li:nth-of-type(2n) .textbox{float: left;}
.chain li:nth-of-type(2n-1) .textbox, .chain li:nth-of-type(2n) .imgbox{float: right; margin-right: 4%;}

@media (min-width: 1200px){.player:hover{background-color: rgba(0,0,0,.5);}}
@media (max-width: 991px){
.chain li .imgbox{float: none !important; margin: 0 auto; width: 100%;}
.chain li .textbox{float: none !important; margin: 20px auto 0; width: 100%;}
}
@media (max-width: 414px){.player{margin-top: -.45rem; margin-left: -.45rem; width: .9rem; height: .9rem; background-position: .35rem center; background-size: .24rem;}}

/* activity */
.activity .page{margin-bottom: 7.5%;}
.activity ul{padding: 0 0 4% 0;}
.activity li{position: relative; margin-top: 6%; background: #444;}
.activity li:first-child{margin-top: 0;}
.activity li .date{z-index: 3; top: -20px; left: 0; padding: 7px 24px 15px; background: #fabf13; color: #444; text-align: center;}
.activity li .day{display: block; font-size: .6rem; line-height: 1.2;}
.activity li .month{font-size: 16px; font-weight: bold;}
.activity li .linellae{width: 70%;}
.activity li .linellae img{width: 100%;}
.activity li .textbox{right: 0; top: 0; bottom: 0; padding: 4.75% 4%; width: 30%; background: #444; color: #fff; font-size: 14px; line-height: 24px;}
.activity li h3{margin-bottom: .34rem; height: 60px; line-height: 30px;}
.activity li p{height: 72px;}
.activity li .more{position: absolute; right: 11.5%; bottom: 8.5%; width: .88rem; height: .88rem; border: 1px solid #8b8b8b;}
.activity li .more:before, .activity li .more:after{position: absolute; display: block; top: 50%; left: 50%; content: ""; background: #8b8b8b;}
.activity li .more:before{width: 20px; height: 2px; margin-left: -10px; margin-top: -1px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.activity li .more:after{width: 2px; height: 20px; margin-top: -10px; margin-left: -1px; -webkit-transition: all .4s linear; transition: all .4s linear;}
@media (max-width: 1450px){
.activity li .textbox{padding-top: 3.5%; padding-bottom: 3.5%;}
.activity li .more{width: .7rem; height: .7rem;}
}
@media (max-width: 1199px){.activity li .more{display: none;}}
@media (max-width: 991px){.activity li .textbox{padding-top: 2.5%; padding-bottom: 2.5%;}}
@media (max-width: 767px){
.activity li {margin-top: 40px; margin-bottom: 20px;}
.activity li .linellae{width: 100%;}
.activity li .textbox{position: static; width: 100%;}
.activity li h3{margin-top: 10px; white-space: nowrap; height: 24px; font-size: 20px;}
.activity li p{height: 48px; -webkit-line-clamp: 2;}
}
@media (min-width: 1200px){
.activity li .more:hover{border-color: #fff;}
.activity li .more:hover:before{margin-left: -7px; background: #fff;}
.activity li .more:hover:after, .activity li .more.hover:after{margin-top: -7px; width: 14px; height: 14px; background: none; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
}


/* details */
.details-hd{border-bottom:1px solid #ddd; width:100%;}
.details-hd h1{font-size: 22px; line-height: 1.4; color: #232323;}
.details-title h3{text-align:center;}
.details-hd p{margin-bottom: .3rem; font-size:14px; color: #636363;}
.details-bd{font-size: 14px; line-height: 24px; color: #999;}
.details-bd h4{ border-bottom:1px solid #ddd; padding-bottom:16px; color:#333;}
.details-bd p{font-size: 16px; line-height: 28px; color: #444; margin-bottom:16px;}
.details-bd img, .details-img img{margin:3% auto 10px; border:1px solid #ddd;}
.details-bd img, .details-img h3{ text-align:center;}
.details-ft >div{margin: 3px 0; line-height: .6rem;}
.details-ft >div div{font-size: 14px; color: #313131; border: 1px solid #d7d7d7;}
.details-ft span{float: left; width:15%; text-align: center;}
.details-ft a{float: left; width:85%; display: block; color: #313131 !important;}
@media (min-width: 640px){
.details-ft, .details-bd{margin: 4.5% auto 6%; width: 76%;}
.details-ft >div:nth-of-type(1) div{margin-right: 7%;}
.details-ft >div:nth-of-type(2) div{margin-left: 7%;}
}
@media (min-width: 1200px){
.details-ft >div div:hover{background-color: #fe4500; border-color: #fe4500; color:#fff;}
}
@media (max-width: 639px){
.details-ft{margin: .4rem 0;}
}

/* news */
.news-title{right: 0; top: 0; padding-right: 0;}
.news .activity li{background: none;}
.news .activity li .date{padding: 5px 17px 11px;}
.news .activity li .day{font-size: .48rem;}
.news .activity li .linellae{width: 100%;}
.news .activity li .textbox{padding: 0 8% 0 0; width: 100%; background: none;}
.news .activity li .textbox h3{margin-top: .35rem; margin-bottom: .25rem; height: 30px; font-weight: bold;}
.news .activity li .textbox h3 a{color: #444;}
.news .activity li .textbox p{color: #999;}
.company, .news-details{margin-top: -2.2rem;}
.company .container, .news-details .container{padding-top:1rem;}
.company .activity li{margin-top: .4rem;}
.company .activity li .date{left: auto; top: -.37rem; right: 0;}
.fruit{position: relative;}
.fruit .activity li{margin-top: 0;}
.fruit .activity li .date{margin-top: .2rem; text-align: left; background: none;}
.fruit .activity li .month{font-size: 14px;}
.company .swiper-button-next, .company .swiper-button-prev{top: 33%;}
.fruit .swiper-button-next, .fruit .swiper-button-prev{top: 28%;}

.problem{position: relative; padding-bottom: 4%;}
.problem .bgpic{position: absolute; left: 15px; right: 0; top: 0; bottom: 0; background: no-repeat center center; background-size: cover;}
@media (min-width: 640px){.problem .bgpic{left: 4%;}}
@media (min-width: 768px){.problem .bgpic{left: 7%;}}
@media (min-width: 992px){.problem .bgpic{left: 9.564%;}}
.problem .subtitle{margin-left: 7%;}
.problem .swiper-container{margin-left:0%;}
.problem div.fl{padding-top: 1.8%; width: 4%; font-size: .36rem; font-weight: bold; color: #000;}
.problem dl.fr{width:100%;}
.problem dt{position: relative; padding: 2% 12% 2% 5%; background: rgba(0,0,0,.23); color: #fff; font-size: 18px; line-height: 24px; font-weight: 300;}
.problem dd{display: none; padding: 2% 5%; font-size: 16px; line-height: 26px; background: #c4c4c4; color: #444;}
.problem dt:before, .problem dt:after{position: absolute; top: 50%; right: 5%; display: block; content: ""; background: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.problem dt:before{width: 20px; height: 2px; margin-top: -1px;}
.problem dt:after{width: 2px; height: 20px; margin-top: -10px; margin-right: 9px;}
.problem dt.show{background-color: #fe4500; color: #fff; font-weight: 400;}
.problem dt.show:before, .problem dt.show:after{background: #444;}
.problem dt.show:after{height: 0;}
.problem .swiper-paginations{position: relative; float: right; margin-top: 10px;}
.problem .swiper-button-black{position: relative; float: right; margin-top: 10px; top: auto; left: auto; right: auto; bottom: auto; height: .44rem; background-size: 12px;}
.problem .swiper-paginations-bullet{display: inline-block; width: .44rem; height: .44rem; line-height: .44rem; text-align: center; font-size: 18px; font-family: "Arial"; color: #392e0d; }
.problem .swiper-paginations-bullet-active{background: #434343; color: #fff;}
@media (max-width: 1199px){
.news .activity ul{padding-bottom: 0;}
}
@media (max-width: 767px){
.news-title{position: static;}
.company, .news-details{margin-top: 0;}
.company .container, .news-details .container{padding-top: 0;}
}
@media (min-width: 1200px){
.news .activity li .textbox h3 a:hover{color: #fabf13;}
.fruit .activity li .textbox h3 a:hover{color: #444;}
.fruit .bg-yellow{left: 0; bottom: 0; width: 50%; height: 36%;}
.problem dt:hover{background-color: #fe4500; color: #fff; font-weight: 400;}
.problem dt:hover:before, .problem dt:hover:after{background: #444;}
}

/* recuriment */
.recruit .clearfix{padding-bottom: 5%;}
.recruit .img1{top: 0; left: 0; width: 24.856%;}
.recruit .img2{bottom: 0; right: 0; width: 24.856%}
.recruit .article{font-size: 14px; line-height: 30px; color: #666;}
.recruit .article strong{font-size: 18px; color: #333;}
.hiring .box{padding-bottom: 4%;}
.hiring .page{margin-bottom: 9%;}
.hiring-hd{margin-top: .4rem; font-size: 16px; padding: 10px; background: #fabf13;}
.hiring-hd >div{font-size: 16px; line-height: 30px; white-space: nowrap; color: #fff;}
.hiring-bd{background: #f7f8f9; border-bottom: 1px solid #fff;}
.hiring-bd .hiring-hd{margin-top: 0; background: none;}
.hiring-bd .hiring-hd >div{color: #666;}
.hiring-details{display: none; position: relative; padding: .36rem 10px; font-size: 14px; line-height: 30px; color: #888;}
.hiring-details:before{position: absolute; display: block;content: ""; left: 25px; top: 0; right: 25px; height: 1px; background: #e2e2e2;}
.hiring-details .more a{display: block; padding: 0; line-height: 37px; border-width: 1px; -webkit-border-radius: .3rem; border-radius: .3rem;}
.hiring-details .more a span{font-size: 16px;}
@media (min-width: 640px) and (max-width: 767px){
.hiring .col-xs-8{width: 66.66666667%}
.hiring .col-xs-4{width: 33.33333333%}
}
@media (min-width: 1680px){.hiring-details .more{margin: 0 22%;}}
@media (max-width: 1199px){
.recruit .img1,.recruit .img2{width: 20%;}
}
@media (max-width: 991px){
.recruit .img1,.recruit .img2{display: none;}
}
@media (max-width: 639px){
.recruit .clearfix{padding-left: 5%; padding-right: 5%;}
.hiring-details .more a{line-height: 30px; -webkit-border-radius: .3rem; border-radius: .3rem;}
.hiring-details .more a span{font-size: 14px;}
}

/* cooperation */
.partner .subtitle{z-index: 2; padding: 7% 8%;}
.partner .img{position: relative; z-index: 1; margin-top: 12%;}
.partner .box{margin-top: 11%;}
.partner .article{margin-bottom: 5%;}
.partner dl{position: relative; margin-bottom: 10px;}
.partner dt{position: relative; padding: .18rem .25rem; font-size: 16px; color: #444; background: #f4f4f4;}
.partner dt:before, .partner dt:after{position: absolute; display: block; content: ""; top: 50%; right: .25rem; background: #444;}
.partner dt:before{width: 16px; height: 2px; margin-top: -1px;}
.partner dt:after{width: 2px; height: 16px; margin-top: -8px; margin-right: 7px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.partner dd{display: none; position: absolute; z-index: 1; top: .58rem; left: 0; padding: .15rem .25rem; font-size: 14px; line-height: 24px; color: #999; background: #fff;}
.partner dt.active:after{height: 0;}
.partner .weui-cell:before{position: absolute; display: block; content: ""; top: 0; right: 0; bottom: 0; background: #fabf13; width: 150%;}
.partner .weui-cell{padding: .3rem .25rem;}
.partner .weui-cell__hd{position: relative; width: .53rem;}
.partner .weui-cell__bd{position: relative;}
.partner .weui-cell__bd p{margin-bottom: 0; font-size: 18px; line-height: 30px; color: #444;}
@media (min-width: 992px){.partner .box{margin-left: 9%;}}

.channel .subtitle{margin-bottom: 3%;}
.case-list{padding: 6px !important;}
.case-list li{position: relative; margin: 0; padding: 0; background: #fff;}
.case-list li:before{position: absolute; display: block; content: ""; left: 0; top: 0; right: 0; height: 1px; background: #e9e9e9;}
.case-list li:after{position: absolute; display: block; content: ""; left: 0; top: 0; bottom: 0; width: 1px; background: #e9e9e9;}
.case-list li .top1{position: absolute; z-index: 1; left: -6px; top: -6px;}
.case-list li .top2{position: absolute; z-index: 1; right: -6px; top: -6px; display: none;}
.case-list li .top3{position: absolute; z-index: 1; left: -6px; bottom: -6px; display: none;}
.case-list li .box{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 0;}
.case-list li .box .img{height: 100%; text-align: center; font-size: 0;}
.case-list li .box .img img{display: inline; max-height: 100%;}
@media (max-width: 1199px){
.case-list li:nth-of-type(1):before, .case-list li:nth-of-type(2):before{display: none;}
.case-list li:nth-of-type(2n-1):after{display: none;}
.case-list li:nth-of-type(2n-1) .top1, .case-list li:nth-of-type(2n-1) .top2{display: none;}
}
@media (max-width: 639px){
.case-list li:before{display: block !important;}
.case-list li:after{display: none;}
.case-list li .top1{display: none;}
}
@media (min-width: 640px){.channel .honor .swiper-slide:nth-of-type(2n){margin-top: 0;}}
@media (min-width: 1200px){
.case-list{padding: 25px !important;}
.case-list li:nth-of-type(1):before, .case-list li:nth-of-type(2):before, .case-list li:nth-of-type(3):before, .case-list li:nth-of-type(4):before{display: none;}
.case-list li:nth-of-type(1):after, .case-list li:nth-of-type(5):after{display: none;}
.case-list li:nth-of-type(6) .top3, .case-list li:nth-of-type(7) .top3, .case-list li:nth-of-type(8) .top3, .case-list li:nth-of-type(8) .top2{display: block;}
.case-list li:hover{z-index: 1; -webkit-box-shadow: 0 15px 25px rgba(0,0,0,.3); box-shadow: 0 15px 25px rgba(0,0,0,.3);}
.case-list li:hover .img{background:url(../images/diwen.jpg);}
}


.prg-cont-wrap{position: relative; display: inline-block;}
.prg-cont-wrap .pa{top: 0; left: 25px; width: 150px; text-align: center;}
.prg-cont-wrap .pa img{margin-top: 22%; margin-left: 24px; width: .36rem;}
.prg-cont-wrap .pa .f80{font-size: .8rem; line-height: 1;}
.prg-cont-wrap .pa .f34{font-size: .34rem; line-height: 1;}
.rad-prg1{-webkit-transform: rotate(95deg); transform: rotate(95deg);}
.rad-prg2{-webkit-transform: rotate(66deg); transform: rotate(66deg);}

.project .subtitle{top: -1.7rem; right: 0;}
.project .bg-gray{margin-top: 5%; padding: .7rem 0;}
.project-tit{color: #444; font-size: .3rem; font-weight: bold;}
.project-tit .f60{position: relative; top: .03rem; padding-left: .6rem; padding-right: .6rem; text-decoration: overline; font-size: .6rem;}
.project .box1{margin: 5% 0 7%;}
.project .box1 .textbox{margin-left: 12%; width: 85%;}
.project .box1 .textbox h4{font-size: 16px; font-weight: bold; color: #444;}
.project .box1 .textbox p{font-size: 14px; line-height: 24px; color: #888;}
.project .box2{margin-top: 2%; margin-bottom: 6%;}
.project .imgtext{margin-top: .4rem;}
.project .imgtext img{margin-bottom: .27rem; width: .7rem; height: .7rem;}
.project .imgtext h4{font-size: 16px; font-weight: bold; color: #444;}
.project .imgtext p{height: 72px; font-size: 14px; line-height: 24px; color: #888;}
.project .box3{margin-bottom: 9%; padding-top: 2.5%;} 
.project .box3 .textbox{position: absolute; right: 0; bottom: 0; padding: 0.8% 2.5% 1.2%; background: #3d3c39; width: 50%; color: #fff;}
.project .box3 .textbox h3{position: relative; padding-left: 20px;}
.project .box3 .textbox h3:before{position: absolute; display: block; content: ""; left: 0; top: 5px; border-top: 9px solid transparent; border-bottom: 9px solid transparent; border-left: 10px solid #fabf13;}
.project .box3 .textbox p{padding-left: 20px; opacity: .7;}
.project .asidenav{position: absolute; z-index: 11; top: -10%; left: 0; padding: 2% 0; background: #fabf13; min-width: 15.6%;}
.project .asidenav li{position: relative; padding: .1rem .44rem; font-size: 16px; color: #8b6f1f; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project .asidenav li:before{position: absolute; left: 0; top: 50%; display: block; content: ""; width: 0; height: 1px; background: #444; -webkit-transition: all 0.3s; transition: all 0.3s;}
.project .asidenav li.active{color: #444;}
.project .asidenav li.active:before{width: .3rem;}
.project .box4 .auto{width: 30.93%;}
.project .box4 img.pa{position: absolute; top: 10.3%; left: 10.3%; width: 79.4%;}
.project .box4 .cover{top: 10.3%; left: 10.3%; right: 10.3%; bottom: 10.3%; background: rgba(0,0,0,.5);}
.project .box4 .project-tit{top: 50%; left: 50%; text-align: center; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: #fff;}
.project .box4 .project-tit .f60{top: 0;}
.project .box4 .item{position: absolute;}
.project .box4 .item h4{font-size: 16px; color: #444; font-weight: bold;}
.project .box4 .item p{margin-bottom: 0; font-size: 14px; color: #888;}
.project .box4 .item1{top: 0; right: 68%; left: 0; text-align: right;}
.project .box4 .item2{top: 0; left: 68%; right: 0; text-align: left;}
.project .box4 .item3{top: 36%; right: 72%; left: 0; text-align: right;}
.project .box4 .item4{top: 36%; left: 72%; right: 0; text-align: left;}
.project .box4 .item5{bottom: 0; right: 68%; left: 0; text-align: right;}
.project .box4 .item6{bottom: 0; left: 68%; right: 0; text-align: left;}
.project .box5{margin-top: 9%;}
.project .box5 .weui-cell{position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; background: rgba(0,0,0,.5); color: #fff;}
.project .box5 h3{margin-bottom: 1.7%; font-size: .48rem; font-weight: bold;}
.project .box5 p{font-size: 18px;}
.project .box5 .more{margin: 9.5% auto 0; width: 26%;}
.project .box5 .more a{display: block; padding: 6% 0; border: 0; background: #fabf13;}
.project .box5 .more a span{font-size: .3rem; color: #444;}
.project .box5 .more a i{background: #facd4b;}
@media (min-width: 1200px){
.project .asidenav li:hover{padding-left: .54rem;}
.project .box1 .textbox{width: 53%;}
.project .box4 .item3, .project .box4 .item4{top: 42%;}
.project .box5 .more{width: 19.5%;}
}
@media (max-width: 991px){
.partner .box{margin-top: 5%;}
.project .box3 .textbox{position: static; width: 100%;}
.project .box4{margin-bottom: 8%;}
.project .box4 .auto{width: 60%;}
.project .box4 .item{position: static; float: left; width: 50%; padding: 15px; text-align: center;}
}
@media (max-width: 639px){
.project .box1 .weui-cell{display: block;}
.project .box1 .weui-cell__hd{text-align: center;}
.prg-cont canvas{width: 150px;}
.prg-cont-wrap .pa{top: 5px; left: 5px;}
.prg-cont-wrap .pa img{margin-top: 21%; margin-left: 44px;}
.project .box1 .textbox{margin-top: .4rem; margin-left: 5%; width: 90%;}
.project .box2{margin-top: 12%;}
.project .imgtext{margin-top: 0; text-align: center;}
.project .imgtext img{margin: 0 auto;}
.project .asidenav{position: static; width: 100%;}
.project .box4 .auto{width: 80%;}
.project .box4 .item{float: none; width: 100%;}
.project .box5 h3{margin-top: 0; font-size: .38rem;}
.project .box5 .more{margin-top: 5%; width: 50%;}
.project .box5 .more a{padding: 3% 0;}
}