@import 'swiper.min.css';
* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	word-break: break-word;
	vertical-align: top;
	box-sizing: border-box;
}

@font-face {
	font-family:"Regular";src:url("../fonts/regular.woff2") format("woff2"),url("../fonts/regular.woff") format("woff"),url("../fonts/regular.ttf") format("truetype"),url("../fonts/regular.eot") format("embedded-opentype"),url("../fonts/regular.svg") format("svg"),url("../font/Regular.otf") format("opentype");font-weight:normal;font-style:normal;
}

/*字体图标*/
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot'); /* IE9*/
    src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-tupian:before {
    content: "\e689";
  }

  .icon-dianpu:before {
    content: "\e602";
  }

  .icon-erji:before {
    content: "\e611";
  }

  .icon-star:before {
    content: "\e61a";
  }

  .icon-all:before {
    content: "\e696";
  }

  .icon-category:before {
    content: "\e699";
  }

  .icon-cry:before {
    content: "\e69c";
  }

  .icon-smile:before {
    content: "\e6af";
  }

  .icon-zan:before {
    content: "\e672";
  }

  .icon-iconfontcolor39:before {
    content: "\e683";
  }

  .icon-youhuiquan:before {
    content: "\e68e";
  }

  .icon-xiangji:before {
    content: "\e622";
  }

  .icon-canyinproduct:before {
    content: "\ef34";
  }

  .icon-icon19:before {
    content: "\e613";
  }

  .icon-ioscloseoutline:before {
    content: "\e634";
  }

  .icon-canyin:before {
    content: "\e60e";
  }

  .icon-iconhuiyuanjia:before {
    content: "\e686";
  }

  .icon-fenxiang:before {
    content: "\e616";
  }

  .icon-location:before {
    content: "\e62c";
  }

  .icon-icon3:before {
    content: "\e668";
  }

  .icon-iconfont5:before {
    content: "\e63a";
  }

  .icon-icon:before {
    content: "\e603";
  }

  .icon-mima-copy:before {
    content: "\e60f";
  }

  .icon-shuaxin1:before {
    content: "\e62b";
  }

  .icon-shouji:before {
    content: "\e63c";
  }

  .icon-weibiaoti7:before {
    content: "\e619";
  }

  .icon-xiaoxi:before {
    content: "\e66d";
  }

  .icon-gouwuche:before {
    content: "\e63f";
  }

  .icon-gouwuchetianjia:before {
    content: "\e640";
  }

  .icon-cuowu:before {
    content: "\e641";
  }

  .icon-erweima:before {
    content: "\e642";
  }

  .icon-jushoucang:before {
    content: "\e643";
  }

  .icon-lajixiang:before {
    content: "\e645";
  }

  .icon-lianjie:before {
    content: "\e646";
  }

  .icon-naozhong:before {
    content: "\e648";
  }

  .icon-saoyisao:before {
    content: "\e649";
  }

  .icon-shangfan:before {
    content: "\e64a";
  }

  .icon-shezhi:before {
    content: "\e64b";
  }

  .icon-shengyin:before {
    content: "\e64c";
  }

  .icon-shijian:before {
    content: "\e64d";
  }

  .icon-shouhuodizhi:before {
    content: "\e64e";
  }

  .icon-shouye:before {
    content: "\e64f";
  }

  .icon-shuaxin:before {
    content: "\e650";
  }

  .icon-sousuo:before {
    content: "\e651";
  }

  .icon-suo:before {
    content: "\e652";
  }

  .icon-tishi:before {
    content: "\e653";
  }

  .icon-wancheng:before {
    content: "\e654";
  }

  .icon-wodedingdan:before {
    content: "\e655";
  }

  .icon-wodefankui:before {
    content: "\e656";
  }

  .icon-wodehongbao:before {
    content: "\e657";
  }

  .icon-wodejuhuasuan:before {
    content: "\e659";
  }

  .icon-wodeyouhuiquan:before {
    content: "\e65a";
  }

  .icon-xiafan:before {
    content: "\e65b";
  }

  .icon-xiangshangjiantou:before {
    content: "\e65d";
  }

  .icon-xiangxiajiantou:before {
    content: "\e65e";
  }

  .icon-xiangyoujiantou:before {
    content: "\e65f";
  }

  .icon-xiangzuojiantou:before {
    content: "\e660";
  }

  .icon-yijianfankui:before {
    content: "\e662";
  }

  .icon-zhaoxiangji:before {
    content: "\e663";
  }

  .icon-zhengque:before {
    content: "\e664";
  }

  .icon-xiaoxizhongxin:before {
    content: "\e665";
  }

  .icon-lingcunwei:before {
    content: "\e666";
  }

  .icon-huo:before {
    content: "\e66c";
  }

  .icon-shijian1:before {
    content: "\e61e";
  }

  .icon-mima:before {
    content: "\e658";
  }

  .icon-wode:before {
    content: "\e612";
  }

  .icon-301:before {
    content: "\e67c";
  }

  .icon-jifen:before {
    content: "\e66b";
  }

  .icon-jushoucanggift:before {
    content: "\e684";
  }

  .icon-liwu:before {
    content: "\e685";
  }

  .icon-liulan1:before {
    content: "\e61c";
  }

  .icon-yuyin:before {
    content: "\e687";
  }

  .icon-anzhuologo:before {
    content: "\e609";
  }

  .icon-vip5:before {
    content: "\e6c2";
  }

  .icon-40kanjia:before {
    content: "\e679";
  }

  .icon-youhuiquan1:before {
    content: "\e69b";
  }

  .icon-renminbi1:before {
    content: "\e6cd";
  }

  .icon-jiufuqianbaoicon04:before {
    content: "\e691";
  }

  .icon-jiufuqianbaoicon05:before {
    content: "\e692";
  }

  .icon-liulan:before {
    content: "\e61d";
  }

  .icon-fabu:before {
    content: "\e677";
  }

  .icon-pinglun1:before {
    content: "\e680";
  }

  .icon-rili:before {
    content: "\e68b";
  }

  .icon-wenhao:before {
    content: "\e610";
  }

  .icon-gerenzhongxin:before {
    content: "\e883";
  }

  .icon-guanli:before {
    content: "\e703";
  }

  .icon-weixin:before {
    content: "\e68a";
  }

  .icon-mian:before {
    content: "\e618";
  }

  .icon-dingdan:before {
    content: "\e61f";
  }

  .icon-weixinzhifu:before {
    content: "\e65c";
  }

  .icon-jiantou-copy:before {
    content: "\e604";
  }

  .icon-qiandao:before {
    content: "\e606";
  }

  .icon-wodeyouhuiquan1:before {
    content: "\e627";
  }

  .icon-aixin:before {
    content: "\e681";
  }

  .icon-kefu1:before {
    content: "\e63d";
  }

  .icon-kanjia:before {
    content: "\e67a";
  }

  .icon-yue:before {
    content: "\e62a";
  }

  .icon-shouye1:before {
    content: "\e66a";
  }

  .icon-edit:before {
    content: "\e620";
  }

  .icon-wujiaoxing2:before {
    content: "\e678";
  }

  .icon-caidan:before {
    content: "\e66e";
  }

  .icon-icon-alipay:before {
    content: "\e697";
  }

  .icon-duihao1:before {
    content: "\e626";
  }

  .icon-maidanhuise:before {
    content: "\e63e";
  }

  .icon-jiazaizhong:before {
    content: "\e6ab";
  }

  .icon-xiaoxi1:before {
    content: "\e607";
  }

  .icon-dingdan1:before {
    content: "\e623";
  }

  .icon-dian:before {
    content: "\e608";
  }

  .icon-mima2:before {
    content: "\e667";
  }

  .icon-waimaiguanli:before {
    content: "\e628";
  }

  .icon-wujiaoxing3:before {
    content: "\e601";
  }

  .icon-jilu:before {
    content: "\e629";
  }

  .icon-zan1:before {
    content: "\e61b";
  }

  .icon-jian:before {
    content: "\e690";
  }

  .icon-jia:before {
    content: "\e693";
  }

  .icon-wen:before {
    content: "\e600";
  }

  .icon-yue1:before {
    content: "\e68f";
  }

  .icon-ios:before {
    content: "\e60a";
  }

  .icon-fujian:before {
    content: "\e88a";
  }

  .icon-huiyuanguanli:before {
    content: "\e614";
  }

  .icon-pintuanzhong:before {
    content: "\e635";
  }

  .icon-dianhua:before {
    content: "\e624";
  }

  .icon-shangcheng:before {
    content: "\e6be";
  }

  .icon-long-downarrow:before {
    content: "\e791";
  }

  .icon-shouye2:before {
    content: "\e63b";
  }

  .icon-qianbao:before {
    content: "\e60d";
  }

  .icon-shangjia:before {
    content: "\e62e";
  }

  .icon-Fill:before {
    content: "\e62d";
  }

  .icon-liaotianjilu-weixuanzhongzhuangtaixiaoxishouye:before {
    content: "\e644";
  }

  .icon-f11-copy:before {
    content: "\e60b";
  }

  .icon-f11-copy-copy:before {
    content: "\e60c";
  }

  .icon-redu:before {
    content: "\e67b";
  }

  .icon-diannao:before {
    content: "\e647";
  }

  .icon-liaotian:before {
    content: "\e605";
  }

  .icon-tianjia:before {
    content: "\e661";
  }

  .icon-zhuxiao:before {
    content: "\e669";
  }

  .icon-xiaoxi2:before {
    content: "\ef29";
  }

  .icon-jiudian:before {
    content: "\e710";
  }

  .icon-Discount:before {
    content: "\e62f";
  }

  .icon-jifen1:before {
    content: "\e6d8";
  }

  .icon-biaoqian:before {
    content: "\e630";
  }

  .icon-diancan:before {
    content: "\e6b4";
  }

  .icon-maidanjilu:before {
    content: "\e671";
  }

  .icon-yuyue:before {
    content: "\e670";
  }

  .icon-chaojihuiyuan1:before {
    content: "\eb03";
  }

  .icon-tuangou:before {
    content: "\e67d";
  }

  .icon-chushimao:before {
    content: "\e66f";
  }

  .icon-shijian2:before {
    content: "\e68c";
  }

  .icon-weibiaoti-:before {
    content: "\e615";
  }

  .icon-yibanxingxing:before {
    content: "\e625";
  }

  .icon-jingqingqidai:before {
    content: "\e688";
  }

  .icon-fenxiangcopy:before {
    content: "\e674";
  }

  .icon-shijian3:before {
    content: "\e631";
  }

  .icon-jilu1:before {
    content: "\e68d";
  }

  .icon-jianshao:before {
    content: "\e694";
  }

  .icon-zhekou:before {
    content: "\e632";
  }

  .icon-huodong:before {
    content: "\e67e";
  }

  .icon-weixincopy:before {
    content: "\e698";
  }

  .icon-groupbuy:before {
    content: "\e6fd";
  }

  .icon-yinhangqia:before {
    content: "\e69a";
  }

  .icon-daohang:before {
    content: "\e633";
  }

  .icon-chaojihuiyuan:before {
    content: "\e721";
  }

  .icon-huiyuanqia:before {
    content: "\e636";
  }

  .icon-chuju:before {
    content: "\e621";
  }

  .icon-miaosha-:before {
    content: "\e6d9";
  }

  .icon-jiaofubumentubiaov-zhuanqu-:before {
    content: "\e637";
  }

  .icon-banxing4:before {
    content: "\e676";
  }

  .icon-fenxiang1:before {
    content: "\e675";
  }

  .icon-dianhua1:before {
    content: "\e722";
  }

  .icon-caidan1:before {
    content: "\e617";
  }

  .icon-time:before {
    content: "\e638";
  }

  .icon-huiyuanvip:before {
    content: "\e7af";
  }

  .icon-index:before {
    content: "\e67f";
  }

  .icon-tubiao-dingwei:before {
    content: "\e639";
  }

  .icon-huiyuanqia1:before {
    content: "\e673";
  }

  .icon-aixin1:before {
    content: "\eca1";
  }

  .icon-shuangjiantouyou:before {
    content: "\e713";
  }

  .icon-shuangjiantouzuo:before {
    content: "\e714";
  }

  .icon-aixin_shixin:before {
    content: "\e682";
  }

  .icon-fanhuidingbu:before {
    content: "\e695";
  }

  .icon-yanjing:before {
    content: "\e6b3";
  }

  .icon-yanjing1:before {
    content: "\e6b5";
  }


img {
	max-width: 100%;
	height: auto;
	display: inline-block
}

a {
	color: #1a1a1a;
	text-decoration: none
}

input,button {
	-webkit-appearance: none
}

input,select,option,button,textarea {
	font-family: "microsoft yahei","微软雅黑";
	outline-color: #70b00b;
	outline: #a98e67;
}

select option,select {
	color: #666
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #666
}

input:-moz-placeholder,textarea:-moz-placeholder {
	color: #666
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: #666
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #666
}

li {
	list-style: none
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5
}

.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.fl {
	float: left
}

.fr {
	float: right
}

.link {
	position: relative;
}

.link>a {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50
}

.sizing {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.hidden {
	display: none;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

.solution:before,.customization:before,.choose-pnk:before,.xc-customization:before,.practice-servince:before {
	content: "";
	display: table;
}

.top {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 80px;
	z-index: 99999;
	box-shadow: 2px 0px 5px rgba(0,0,0,0.07);
	background: rgba(0,0,0,.3);
}

.top-content {
	width: 1320px;
	margin: 0 auto;
	height: 80px;
	transition: all .3s ease-in-out;
}

.logo {
	margin-top: 15px;
	position: relative; 
	display: flex;
    align-items: center;  
}
.logo>div:after {
	position: absolute;
	width: 1px;
	height: 29px;
	content: "";
	background-color: #c8c8c8;
	left: -24px;
	top: 50%;
	transform: translateY(-50%);
}

.logo>div {
	position: relative;
}

.logo:after {
	content: "";
	position: absolute;
	display: block;
	width: 1px;
	height: 38px;
	background-color: #c8c8c8;
	top: 10px;
	left: 197px;
}

.logo p {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 21px;
}

.logo p:first-child span {
	font-size: 14px;
	margin-left: 5px;
}
.title-list li.tt {
	float: left;
	height: 80px;
	line-height: 80px;
	font-size: 15px;
	color: #333333;
	padding: 0 25px;
}
.title-list li.tt:last-child{
	padding: 0 0 0 48px;
}
.title-list li.tt .iconfont{
	font-size: 10px;
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}
.title-list li.tt:hover > a{
    color: #f5b104 !important;
}

.title-list li.tt>a{
	color: #FFFFFF;
}
.title-list li.tt a{
	position: relative;
}
.title-list li.tt a .tips{
	position: absolute;
    top: -12px;
    right: -20px;
    text-align: center;
    width: 34px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background-color: #FF4A20;
    border-radius: 50px;
    border-bottom-left-radius: 0;
    transform: scale(0.8);   
}
.hot-line {
	height: 80px;
	line-height: 80px;
	font-size: 14px;
	color: #FFFFFF;
}

.btn-drop {
    vertical-align: middle;
    margin-left: 10px;
}

div.top .title-list li.tt:hover >a {
	color: #f5b104;
}

header.top .title-list li.tt.add>a {
	color: #f5b104;
}

.dropdown {
	position: absolute;
	width: 100%;
	left: 0;
	top: 80px;
	z-index: 10;
	padding: 35px 0;
	background-color: #FFFFFF;
	/* display: none; */
	/* transform: translate(0, -230px);      */
	transform: rotate3d(1, 0, 0, -90deg);
	transform-origin: 50% 0%;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
	transition: all .3s ease-out;
}

.dropdown.active2 {
	/* display: block; */
	/* transform: translate(0px, 0px); */
	transform: rotate3d(0, 0, 0, 0deg);
}
.dropdown ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.drop-list>li {
    flex:1;
    margin: 0 2%;
    overflow: hidden;
	text-align: center;
}

.drop-list>li>a {
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding: 15px 30px;
    line-height: 25px;
	font-size: 16px;
	color: #333;
}
.drop-list>li>a .drop-item-icon {
	position: absolute;
	top: 19px;
	left: 6px;
	width: 20px;
	height: 20px;
}

.dropdown li.active {
	background-color: #F7F6F8;
}

.dropdown li a span{
    display: block;
    color: #A5A5AC;
    font-size: 12px;
}



.doing {
	background-color: #FFFFFF;
}

.doing p {
	color: #000;
	font-size: 36px;
	text-align: center;
	margin: 100px auto 0;
}

.doing-list li {
	padding: 60px 0 80px 0;
}

.doing-list li:nth-child(2n-1) {
	background-color: #FFFFFF
}

.doing-list li:nth-child(2n) {
	background-color: #F7F6F8;
}

.doing-list li:nth-child(2n-1) .word {
	float: left;
}

.doing-list li:nth-child(2n-1) .img {
	float: right;
}

.doing-list li:nth-child(2n) .word {
	float: right;
}

.doing-list li:nth-child(2n) .img {
	float: left;
}

.doing-list li h2 {
	font-size: 26px;
	font-family: "思源雅黑";
	margin: 50px 0;
}

.doing-list li>div {
	width: 1000px;
}

.doing-list li .img {
	width: 500px;
}

.doing-list li p {
	font-size: 16px;
	font-family: "思源雅黑";
	color: rgba(0,0,0,.35);
	text-shadow: 0 0 rgba(0,0,0,.35);
	line-height: 30px;
	letter-spacing: 1px;
}

.doing-list li p span {
	color: #f5b104;
}

.solution {
	background: url(../images/solution-background.png)no-repeat center center;
	padding-bottom: 53px;
}

.solution li {
	float: left;
	width: 400px;
	text-align: center;
}

.solution h2 {
	font-size: 36px;
	color: #FFFFFF;
	margin: 78px auto 59px;
	text-align: center;
}

.solution li>img {
	width: 201px;
	height: 228px;
}

.solution h3 {
	font-family: "思源雅黑";
	font-weight: bold;
	font-size: 20px;
	color: #FFFFFF;
	margin: 25px 0;
}

.solution p {
	margin: 0 auto;
	font-size: 16px;
	font-family: "思源雅黑";
	color: #FFFFFF;
}

.solution li:first-child p {
	width: 254px;
}

.solution li:nth-child(2) p {
	width: 223px;
}

.solution li:nth-child(3) p {
	width: 209px;
}

.pnk-title p {
	font-family: "思源雅黑";
	color: #000;
	font-size: 36px;
	text-align: center;
	margin: 100px auto 60px;
}

.customization {
	background: url(../images/bg-2-min.png)no-repeat center center;
	padding-bottom: 100px;
	position: relative;
	margin-top: -107px;
	z-index: -1;
}

.customization>p {
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto;
	line-height: 1;
}

.customization>p:first-child {
	font-size: 36px;
	margin-top: 102px;
}

.customization>p:nth-child(2) {
	font-size: 16px;
	margin: 29px auto 46px;
}

.customization>p:nth-child(3) {
	font-size: 24px;
	padding-bottom: 24px;
}

.customization-bg {
	position: relative;
	height: 190px;
	width: 1290px;
	margin: 0 auto;
}

.customization-bg .meng {
	background: rgba(255,255,255,1);
	opacity: 0.28;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.customization-list {
	position: absolute;
	top: 45px;
	left: 45px;
}

.customization-list li {
	width: 25%;
	height: 100px;
	float: left;
}

.customization-list li img {
	width: 50px;
	height: 50px;
	display: inline-block;
}

.customization-list li span {
	font-size: 15px;
	color: #FFFFFF;
	margin-left: 15px;
	display: inline-block;
}

.customization-list li:nth-child(2n-1) img {
	margin-top: 50px;
}

.customization-list li:nth-child(2n-1) span {
	margin-top: 58px;
}

.customization-list li:nth-child(2n) span {
	margin-top: 8px;
}

@media (min-width:1500px) {
	.customization-bg {
		width: 1400px;
	}

	.customization-list {
		left: 100px;
	}
}

.advantage-list li {
	float: left;
	width: 276px;
	position: relative;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 3px rgba(0,0,0,.2);
	text-align: center;
}

.advantage-list li:not(:first-child) {
	margin-left: 32px;
}

.advantage-list li:nth-child(2n-1) {
	padding-top: 90px;
}

.advantage-list li>div {
	position: absolute;
	width: 92%;
	height: 80px;
	left: 4%;
	bottom: 15px;
}

.advantage-list li>div span {
	margin-top: 28px;
	display: inline-block;
}

.advantage-list li:last-child>div span {
	margin-top: 15px;
}

.advantage-list ul {
	padding-bottom: 70px;
}

.choose-pnk {
	width: 100%;
	background: rgba(244,243,245,1);
}

.choose-list li .choose-item>img {
	height: 389px;
}

.choose-list li {
	float: left;
	width: 32%;
	position: relative;
	height: 546px;
	overflow: hidden;
}

.choose-list li:not(:last-child) {
	margin-right: 2%;
}

.choose-item {
	position: absolute;
	background-color: #FFFFFF;
	top: 0;
	left: 0;
	transition: all .3s ease-in-out;
}

.choose-detail span {
	font-size: 28px;
	margin-left: 28px;
	display: inline-block;
	margin-top: 20px;
}

.choose-detail {
	background-color: #FFFFFF;
	width: 100%;
	height: 157px;
	padding: 31px 28px;
}

.choose-list li p {
	font-size: 18px;
	margin: 0 32px;
	margin-top: 50px;
	line-height: 32px;
	height: 389px;
}

.choose-list li .sao {
	text-align: center;
	margin-bottom: 93px;
	margin-top: 38px;
}

.choose-list li .sao img {
	width: 180px;
}

.choose-list li .sao h2 {
	font-size: 16px;
	margin-top: 38px;
}

.more-case {
	width: 160px;
	margin: 40px auto 0;
	padding-bottom: 80px;
}

.more-case a {
	display: inline-block;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #999999;
	color: #999999;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
}

.more-case a:hover {
	border: 1px solid #59A3FF;
	color: #59A3FF;
}

.more-case img {
	width: 13px;
	margin-top: 15.5px;
	margin-left: 8px;
}

.customer .swiper-container {
	width: 1100px;
}

.swiper-button-next1,.swiper-button-prev1 {
	position: absolute;
	width: 12px;
	height: 22px;
	background-size: 12px 22px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
	cursor: pointer;
	transform: translateY(-50%);
	top: 50%;
	transform: translateY(-50%);
}

.customer .swiper-wrapper {
	position: relative;
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

.swiper-button-next1 {
	background: url(../images/custom-left.png);
	right: 0;
}

.swiper-button-next1:hover {
	background: url(../images/custom-left-1.png);
}

.swiper-button-prev1 {
	background: url(../images/custom-right.png);
	left: 0;
}

.swiper-button-prev1:hover {
	background: url(../images/custom-right-1.png);
}

.customer {
	padding-bottom: 100px;
}

.cust-banner {
	position: relative;
}

.kefu {
	position: fixed;
	width: 62px;
	height: 202px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #EEB033;
	background: url(../images/kuang2.png) 0% 0% /cover no-repeat;
	z-index: 20;
}

.phone-ask {
	position: relative;
	width: 64px;
	margin: 61px auto 0;
	text-align: center;
	font-size: 12px;
	z-index: 15;
	padding: 10px 0;
}

.qq-ask {
	position: relative;
	width: 64px;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	padding: 10px 0;
	z-index: 15;
}

.qq-ask:hover,.phone-ask:hover {
	background-color: #393939;
}

.phone-line {
	position: absolute;
	top: -9px;
	width: 185px;
	/* left: -185px; */
	transform: translateX(0);
	opacity: 0;
}

.phone-line .re {
	position: relative;
	width: 185px;
	height: 99px;
	overflow: hidden;
}

.phone-line .ab {
	position: absolute;
	width: 185px;
	height: 99px;
	top: 0;
	left: 185px;
	background: url(../images/kuang3.png)0% 0% /cover no-repeat;
	transition: all .3s ease-in-out;
	text-align: left;
	padding: 20px 0 30px 18px;
	z-index: 0;
	color: #EEB033;
}

.phone-ask:hover .phone-line {
	width: 185px;
	transform: translateX(-185px);

	opacity: 1;
}

.phone-line .ab>p {
	font-size: 16px;
}

.phone-line .ab>p span:last-child {
	margin-left: 5px;
}

.phone-ask:hover .ab {
	left: 0;
}

.online-ask {
	position: absolute;
	bottom: 6px;
	left: 18px;
	color: #2A2A2A;
	width: 33px;
	font-size: 16px;
	line-height: 1.2;
	z-index: 15;
}

.qq-line {
	position: absolute;
	/* left: -138px; */
	transform: translateX(0);
	top: -12px;
	transition: 0.5s;
	opacity: 0;
}

.qq-line .re {
	position: relative;
	width: 138px;
	height: 109px;
	/* overflow: hidden; */
}

.qq-line .ab {
	position: absolute;
	background: url(../images/kuang.png)0% 0% /cover no-repeat;
	transition: all .3s ease-in-out;
	text-align: left;
	width: 138px;
	top: 0;
	left: 138px;
	padding: 20px 0 30px 32px;
}

.qq-ask:hover .qq-line{
	transform: translateX(-276px);
	opacity: 1;
}


.qq-line .ab>a {
	font-size: 16px;
	display: block;
	color: #EEB033;
}

.qq-line .ab img {
	margin-right: 10px;
}

.qq-line .ab a:last-child {
	margin-top: 10px;
}

.xc-banner img {
	width: 100%;
}

.practice-servince {
	width: 100%;
	background: rgba(239,243,251,1);
	padding: 108px 0 73px 0;
}

.practice-servince h1 {
	font-size: 36px;
	text-align: center;
}

.practice-servince h2 {
	font-size: 18px;
	margin: 27px 0 43px 0;
	text-align: center;
}

.practice-servince-list li {
	float: left;
}

.li-list {
	width: 390px;
	margin: 0 15px 10px 0;
	position: relative;
}

.li-list:nth-child(3n) {
	margin-right: 0;
}

.li-list div {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	padding: 60px 48px 0 48px;
}

.li-list div h3 {
	font-size: 24px;
}

.li-list div li {
	color: #454545;
	font-size: 14px;
	list-style-type: disc;
	width: 120px;
	margin-right: 10px;
	margin-left: 17px;
	margin-bottom: 20px;
}

.li-list div ul {
	margin-top: 30px;
}

.intention,.cooperate-process {
	width: 100%;
	background: rgba(239,243,251,1);
}

.intention {
	padding-bottom: 100px;
}

.intention h1 {
	font-size: 36px;
	color: #333333;
	text-align: center;
	padding-top: 12px;
}

.intention h2 {
	font-size: 20px;
	color: #333333;
	text-align: center;
	margin: 25px 0 55px 0;
}

.form2 p {
	display: inline-block;
	width: 380px;
	height: 60px;
	margin-bottom: 36px;
	background-color: #FFFFFF;
	border-radius: 5px;
}



.xianbai {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 18px;
	color: #E3E3E3;
	transform: translate(-50%,-50%);
}

.xianbai.hidden {
	display: none;
}
.row-input{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	font-size: 14px;
}
.row-input .row-item{
	flex: 1;
	overflow: hidden;
	background-color: #fff;
	height: 50px;
	display: flex;
	align-items: center;
	padding: 0 15px;
}
.row-input .row-item:nth-child(1){
	margin-right: 14px;
}

.form2 label,.form2 input,.form2 textarea {
	font-size: 16px;
    line-height: 27px;
    color: #A5A5AC;
}

.form2 div {
	position: relative;
}

.form2 label {
	background-color: #FFFFFF;
	margin-left: 5px;
	display: inline-block;
}

.form2 input {
	flex: 1;
	overflow: hidden;
}

.form2 textarea {
	resize: none;
	background-color: #FFFFFF;
	padding: 10px 20px;
	height: 80px;
    border-radius: 0;
    flex: 1;
    overflow: hidden;
}

.top1-content .logo>div {
	margin-top: 20px;
}

.top1-content .logo>div span:nth-child(2) {
	margin: 0 3px;
}

.nav {
	width: 100%;
	background-color: rgba(44,81,127,.6);
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
}

.nav li {
	float: left;
	line-height: 70px;
	position: relative;
}

.nav li.active:after {
	content: "";
	position: absolute;
	width: 36px;
	height: 2px;
	background-color: #FED72C;
	left: 50%;
	transform: translateX(-50%);
	bottom: 14px;
}

.nav li:not(:last-child) {
	margin-right: 75px;
}

.nav li a {
	color: #FFFFFF;
	font-size: 16px;
}

.nav li:hover a {
	color: #FED72C;
}

.nav li.active a {
	color: #FED72C;
}

.e-banner,.f-banner {
	position: relative;
}

.e-banner img,.f-banner img,.case-banner img,.r-banner img {
	width: 100%;
}

.img-content {
	position: absolute;
	width: 1200px;
	left: 50%;
	transform: translate(-50%,-50%);
	top: calc(50% + 25px);
	color: #FFFFFF;
}

.img-content h1 {
	font-size: 30px;
	color: #fff;
	line-height: 100px;
	font-weight: 400;
	letter-spacing: 1px;
	position: relative;
}


.img-content h1:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 50px;
	border-top: 3px solid #fff;
}

.img-detail p {
	color: hsla(0,0%,100%,.9);
    font-size: 15px;
    letter-spacing: 1px;
    margin: 10px 0;
}

.img-detail p img {
	margin-right: 15px;
	width: 28px;
	height: 28px;
}

.img-detail {
	padding: 30px 0;
}

.ask {
	margin-top: 30px;
}

.f-banner .ask {
	margin-top: 50px;
}

.ask a {
	display: inline-block;
	height: 40px;
	width: 150px;
	text-align: center;
	background-color: #eeb033;
	line-height: 42px;
	border-radius: 25px;
	font-size: 17px;
	letter-spacing: 1px;
}

.ask a:hover {
	color: #FFFFFF;
}

@media (max-width:1500px) {
	.img-content h1 {
		font-size: 32px;
		line-height: 84px;
	}
}

.feature {
	padding: 100px 0;
	text-align: center;
}

.feature h1 {
	color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;
}

.feature h2 {
	color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 30px;text-align: center;
}

.feature h3 {
	color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 5px;text-align: center;
}

.feature h4 {
	color: #333;font-size: 24px;font-weight: 400;line-height: 30px;text-align: center;margin: 50px auto;
}

.feature-list li {
	float: left;
	width: 200px;
	position: relative;
}

.feature-list li span {
	position: absolute;
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	text-shadow: 2px 2px 3px rgba(0,0,0,.2);
	width: 100%;
	left: 0;
	top: 145px;
}

.pattern {
	padding: 100px 0;
	background: url(../images/patternbg.jpg) 0% 0% /100% no-repeat;
}

.pattern h1 {
	color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
	text-align: center;
	margin-bottom:50px;
}

.pattern h2 {
	color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 5px;
    text-align: center;
}

.pattern-list {
	margin-top: 70px;
}

.pattern-list li {
	float: left;
	width: 400px;
	position: relative;
}

.pattern-list li div {
	position: absolute;
	padding: 0 30px;
	top: 6px;
	left: 0;
}

.pattern-list li div h3 {
	font-size: 22px;
	line-height: 30px;
	padding: 35px 0 25px;
	text-align: center;
}

.pattern-list li div p {
	color: #A5A5AC;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 5px;
    text-align: center;
}

.pattern-list li a {
	width: 180px;
	height: 60px;
	border-radius: 60px;
	border: 1px solid #999999;
	color: #999999;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}

.pattern-list li a img,.pattern>a:last-child img {
	margin-top: 20px;
	margin-left: 15px;
}

.pattern-list li a:hover,.pattern>a:last-child:hover {
	border: 1px solid #59A3FF;
	color: #59A3FF;
}

.pattern h4 {
	font-size: 25px;
	margin-top: 100px;
	text-align: center;
}

.pattern h5 {
	font-size: 18px;
	margin: 40px auto 40px;
	text-align: center;
	letter-spacing: 1px;
}

.pattern>a:last-child {
	width: 220px;
	height: 60px;
	border-radius: 60px;
	border: 1px solid #999999;
	color: #999999;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	display: block;
	margin: 0 auto;
	margin-bottom: 100px;
}

.introduce {
	margin: 60px auto 120px;
	text-align: center;
}

.introduce h1 {
	font-size: 40px;
	margin-bottom: 20px;
}

.introduce h2 {
	font-size: 17px;
	line-height: 30px;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(0,0,0,.2);
	padding: 0 50px;
}

.f-product {
	background-color: #f5f5f5;
	padding: 110px 0;
}

.f-product h2 {
	font-size: 40px;
	text-align: center;
	margin: 0 auto 20px;
}

.f-product-list {
	margin-top: 70px;
}

.f-product-list li {
	float: left;
	text-align: center;
	width: 300px;
	margin-top: 30px;
}

.f-product-list li p {
	margin-top: 30px;
	font-size: 22px;
	line-height: 25px;
}

.f-case {
	padding: 110px 0;
}

.f-case h2 {
	font-size: 40px;
	text-align: center;
	margin: 0 auto 20px;
}

.f-case-list li {
	float: left;
	width: 400px;
	position: relative;
}

.f-case-list li p {
	font-size: 28px;
	line-height: 25px;
	position: absolute;
	bottom: 52px;
	left: 50%;
	transform: translateX(-50%);
}

.f-advantage {
	padding-top: 100px;
	background: url(../images/financialbg.jpg) 0% 0% /100%;
	color: #FFFFFF;
}

.f-advantage h2 {
	color: #fff;
	font-size: 40px;
	text-align: center;
	margin: 0 auto 100px;
}

.f-advantage li {
	float: left;
}

.f-advantage li>div>img {
	width: 100px;
	margin-right: 15px;
	display: inline-block;
}

.f-advantage li .detail {
	display: inline-block;
}

.f-advantage li .detail h3 {
	font-size: 28px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.f-advantage li .detail h4 {
	font-size: 16px;
	line-height: 25px;
	color: hsla(0,0%,100%,.9);
	width: 300px;
}

.f-advantage li:first-child>div:nth-child(2) {
	margin-top: 97px;
}

.f-advantage li:nth-child(2) {
	margin: 0 21px;
}

.f-advantage li:nth-child(3) img {
	width: 100px;
	margin-right: 15px;
}

.f-advantage li:nth-child(3) {
	margin-top: 180px;
}

.hot-ask {
	text-align: center;
	padding: 80px 0;
	font-size: 18px;
	line-height: 35px;
}

.hot-ask a {
	width: 100%;
	display: block;
	height: 60px;
	line-height: 60px;
	border-radius: 60px;
	border: 1px solid #999999;
	color: #999999;
}

.hot-ask>div {
	width: 210px;
	margin: 0 auto;
}

.hot-ask a>img:first-child {
	width: 28px;
	margin: 13px 10px 0 0;
}

.hot-ask a>img:last-child {
	margin: 20px 0 0 26px;
}

.hot-ask a:hover {
	border: 1px solid #7c65fc;
	color: #7c65fc;
}

.hot-ask p {
	color: #f5b104;
	margin-top: 30px;
	font-size: 22px;
}

.hot-ask p span {
	font-size: 28px;
}

.com-servince {
	padding: 110px 0;
	text-align: center;
}

.com-servince h1 {
	color: #333;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
	text-align: center;
	margin-bottom:5px;
}

.com-servince h2 {
	color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;
}

.com-servince h3 {
	color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-bottom: 50px;text-align: center;
}

.com-servince-list {
	width: 95%;
	margin: 0 auto;
	max-width: 1650px;
}

.com-servince-list li {
	margin: 1%;
	width: 52%;
	background-color: #f6f6f8;
	float: left;
	padding-bottom: 60px;
}

.com-servince-list li:nth-child(2),.com-servince-list li:nth-child(3) {
	width: 30%;
}

.com-servince-list li:nth-child(3) {
	margin-left: 15%;
}

.com-servince-list li img {
	width: 250px;
	margin: 40px auto 30px;
}

.com-servince-list h4 {
	color: #333;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.com-servince-list p {
	color: #A5A5AC;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
}
.coop-process {
	background: url(../images/cooperationbg.jpg) 0% 0% /cover no-repeat;
	padding: 100px 0 80px 0;
	margin-bottom: 100px;
}

.coop-process h1 {
	color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-bottom: 20px;
}

.coop-process h2 {
	color: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	text-align: center;
	margin-bottom: 80px;
}

.coop-process img {
	display: block;
	margin: 0 auto;
}

.s-case {
	padding: 120px 0 75px 0;
}

.s-case h1 {
	color: #000;
	font-size: 40px;
	text-align: center;
	margin-bottom: 90px;
}

.s-case li {
	width: 370px;
	margin-right: 45px;
	margin-bottom: 45px;
	float: left;
	position: relative;
	text-align: center;
	padding: 40px 0;
	box-shadow: 4px 4px 10px 2px rgba(0,0,0,.1);
}

.s-case li:nth-child(3n) {
	margin-right: 0;
}

.s-case img {
	width: 160px;
	height: 160px;
	display: block;
	margin: 0 auto 40px;
}

.s-case h2 {
	color: #000;
	font-size: 28px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.s-case h3,.s-case h4 {
	font-size: 16px;
	color: #000;
	line-height: 25px;
	height: 50px;
}

.s-case li>div:last-child {
	position: absolute;
	width: 100%;
	padding: 40px 0;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .3s linear;
}

.s-case li>div:first-child {
	opacity: 1;
	transition: all .3s linear;
}

.s-case li:hover >div:first-child {
	opacity: 0;
}

.s-case li:hover >div:last-child {
	opacity: 1;
}

.a-banner .img-detail p:first-child {
	font-size: 40px;
}

.a-banner .img-content {
	top: 250px;
}

.about {
	position: relative;
	padding-bottom: 110px;
}

.about-content li {
	float: left;
	width: 33.33%;
	color: #4498f3;
	text-shadow: 0 0 #4498f3;
	letter-spacing: 1px;
	font-size: 17px;
}

.about-content li:first-child {
	text-align: left;
}

.about-content li:last-child {
	text-align: right;
}

.about-content {
	box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
	padding: 70px 50px;
	background-color: #fff;
	margin-top: -100px;
	border-radius: 10px;
	text-align: center;
}

@media (max-width:1500px) {
	.a-banner .img-content {
		top: 200px;
	}
}

.about-content li span {
	vertical-align: bottom;
	display: inline-block;
	margin-left: 10px;
}

.about-content li img {
	height: 60px;
}

.about-content li>div {
	margin-bottom: 20px;
}

.about-content h2 {
	color: #000;
	font-size: 40px;
	text-align: center;
	margin: 65px auto 20px;
}

.about-content h3 {
	color: #000;
	font-size: 17px;
	text-align: left;
	line-height: 30px;
	letter-spacing: 1px;
	text-shadow: 0 0 1px rgba(0,0,0,.1);
}

.dev-process {
	background: url(../images/historybg.jpg) 0% 0% /cover no-repeat;
	padding: 90px 0;
	text-align: center;
}

.dev-process h2 {
	font-size: 40px;
	text-align: center;
	color: #fff;
	margin: 0 auto 40px;
}

.scroll-img {
	height: 550px;
	margin: auto;
	overflow-y: scroll;
	padding: 20px 0;
}

.company-power {
	padding: 80px 0 0 0;
}

.company-power h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;margin-bottom: 80px;}

.com-banner .swiper-container {
	padding-bottom: 140px;
}

.company-btn {
	position: absolute;
	width: 200px;
	height: 60px;
	border-radius: 60px;
	border: 1px solid #999999;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.swiper-button-prev2 {
	background: url(../images/custom-right.png);
	left: calc(-50% + 135px);
}

.swiper-button-prev2:hover {
	background: url(../images/custom-right-1.png);
}

.swiper-button-next2 {
	background: url(../images/custom-left.png);
	left: calc(-50% + 248px);
}

.swiper-button-next2:hover {
	background: url(../images/custom-left-1.png);
}

.swiper-button-next2,.swiper-button-prev2 {
	position: absolute;
	width: 12px;
	height: 22px;
	background-size: 12px 22px;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 10;
	cursor: pointer;
	transform: translateY(-18px);
	bottom: 0;
}

.company-btn:hover {
	border: 1px solid #59A3FF;
}

.contact {
	text-align: center;
	/* padding: 90px 0 0; */
}

.contact h2 {color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;margin-bottom: 35px;}
.contact h3 {
	font-size: 17px;
	line-height: 35px;
	margin-bottom: 50px;
}

.contact h3 span {
	font-size: 28px;
	color: #FFAA00;
}

.news {
	padding: 100px 0;
}

.news h2 {
	color: #000;
	font-size: 40px;
	text-align: center;
	margin: 0 auto 80px;
}

.news-list li {
	box-shadow: 4px 4px 10px 2px rgba(0,0,0,.1);
	margin-bottom: 50px;
	border-radius: 5px;
	padding: 35px;
}

.news-list li .news-img {
	width: 165px;
	height: 165px;
	border-radius: 2px;
	overflow: hidden;
	float: left;
}

.news-list li .news-detail {
	padding: 0 40px;
	float: left;
}

.news-detail h3 {
	font-size: 25px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 35px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.news-detail p {
	width: 778px;
	line-height: 25px;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: left;
	margin: 20px 0;
}

.news-detail a {
	color: #999;
	cursor: pointer;
	height: 35px;
	line-height: 33px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 20px;
	border: 1px solid #b5b5b5;
	border-radius: 5px;
	display: inline-block;
	font-size: 15px;
	width: 120px;
	text-align: center;
	transition: all 1s linear;
}

.news-list li:hover a {
	color: #FED72C;
	border: 1px solid #FED72C;
}

.news-date {
	position: relative;
	margin: -15px 0 0 40px;
	float: left;
}

.news-date:before {
	content: "";
	position: absolute;
	left: -25px;
	top: 36px;
	height: 70px;
	border-left: 1px solid #ddd;
}

.news-date h4 {
	color: #9b9b9b;
	line-height: 80px;
	font-size: 60px;
	font-weight: 400;
	border-bottom: 1px solid #999;
}

.news-date p {
	font-size: 16px;
	margin-top: 10px;
	color: #999;
}

.news-more {
	width: 200px;
	margin: 50px auto 0;
	text-align: center;
}

.news-more a {
	width: 100%;
	line-height: 50px;
	height: 50px;
	border-radius: 50px;
	border: 1px solid #999999;
	display: block;
	font-size: 18px;
	color: #999999;
}

.news-more a img {
	margin-top: 16px;
	margin-left: 33px;
}

.news-more a:hover {
	border: 1px solid #FED72C;
	color: #FED72C;
}

.case-classify-list li {
	float: left;
	line-height: 60px;
	height: 60px;
	margin-left: 50px;
}

.case-classify-list li:first-child {
	margin-left: 916px;
}

@media (max-width:1500px) {
	.case-classify-list li {
		margin-left: 35px;
	}

	.case-classify-list li:first-child {
		margin-left: 587px;
	}
}

.case-classify-list li:hover a {
	color: #FFAA00;
}

.case-classify-list li.active {
	border-bottom: 1px solid #FFAA00;
}

.case-classify-list li.active>a {
	color: #FFAA00;
}

.case-tip {
	background: rgba(239,243,251,1);
}

.case-tip li {
	float: left;
	width: 380px;
	height: 380px;
	background-color: #FFFFFF;
	margin: 30px 30px 0 0;
	text-align: center;
	position: relative;
}

.case-tip li:nth-child(3n) {
	margin-right: 0;
}

.case-tip li>div:first-child img {
	width: 130px;
	height: 130px;
	margin-top: 50px;
	margin-bottom: 40px;
}

.case-tip li>div:first-child p {
	display: inline-block;
	padding: 2px;
	border-radius: 5px;
	margin: 40px 0 0 -230px;
	color: #999999;
	border: 1px solid #999999;
}

.case-tip li>div:first-child h2 {
	font-size: 20px;
	width: 250px;
	margin: 0 auto;
	height: 60px;
}

.case-tip li>div:nth-child(2) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	text-align: center;
	display: none;
}

.case-tip li>div:nth-child(2) img {
	width: 160px;
	height: 160px;
	margin-top: 110px;
}

.case-tip li:hover >div:nth-child(2) {
	display: block;
}

.page-list {
	background: rgba(0,0,0,0.07);
	padding: 40px 0 80px 0;
}

ul.case-tip-list {
	display: none;
}

ul.case-tip-list.block {
	display: block;
}

.page-list li {
	float: left;
	margin: 0 10px;
	text-align: center;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 1px solid #E8E8E8;
	position: relative;
}

.page-list li a {
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.page-list>div img {
	position: absolute;
	width: 9px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.page-list li.active {
	background-color: #FFAA00;
	border: 1px solid #FFAA00;
}

.page-list li.active a {
	color: #FFFFFF;
}

.page-list>div>div {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	background-color: #FFFFFF;
	border-radius: 5px;
}

.page-list>div>div:first-child {
	margin-right: 22px;
}

.page-list>div>div:last-child {
	margin-left: 22px;
}

.page-list ul {
	display: inline-block;
}

img.hefei {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(0.9);
}

.mm {
	position: relative;
}

.case-type-box{
	box-sizing: border-box;
	padding: 30px 0;
}
.case-type-box .case-type-section .case-type-tit{
	height: 36px;
	padding-left: 20px;
	line-height: 36px;
	flex-shrink: 0;
}
.case-type-box .case-type-section .case-type-nav .case-type-item{
	display: block;
	margin-right: 15px;
	margin-bottom: 10px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 0 10px;
	color: #999;
	transition: 0.3s;

}
/* .case-type-box .case-type-section .case-type-nav .case-type-item:hover {
	color: #ffffff;
	background: #f5b104;
	border-radius: 10px;
} */
.case-type-box .case-type-section .case-type-nav .case-type-item.active{
	color: #ffffff;
	background: #f5b104;
}

.case-list {
	/* background: rgba(239,243,251,1); */
}

.case-list2 ul {
	display: none;
}

.case-list2 ul.show {
	display: block;
}

.case-list li {
	float: left;
	width: 380px;
	height: 384px;
	margin: 0 0 24px 18px;
	padding-bottom: 16px;
	background: rgba(255,255,255,1);
	box-shadow: 1px 4px 8px 0px rgba(0,0,0,0.1);
	border-radius: 7px;
	overflow: hidden;
	position: relative;
}
.case-list li .case-list-img{
	width: 100%;
	height: 280px;
	border-radius: 6px;
}
.case-list li .case-list-tit{
		text-align: left;
    font-size: 20px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: #f5b104;
    margin-bottom: 0;
    padding: 20px 0 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.case-list li .case-list-con{
    width: 100%;
    text-align: left;
    font-size: 14px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 1.4;
    padding: 0px 30px;
    overflow: hidden;
}

.case-list li .showMore {
	position: absolute;
	left: 0;
	bottom: -384px;
	border-radius: 6px;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	margin: 0 auto;
	height: 384px;
	text-align: center;
	background-color: #ffffff;
	transition: all .3s ease-in-out;
}

.case-list li:hover .showMore {
	bottom: 0
}

.case-list li .showMore img {
	width:120px;
	height: 120px;
	margin: auto;
}

.case-list li .showMore .showMore-tit {
	font-size: 20px;
	font-weight: 400;
	color: #f5b104;
	text-align: left;
}

.case-list li .showMore .showMore-con {
	text-align: left;
	font-size: 14px;
	font-family: PingFangSC-Regular;
	font-weight: 400;
  padding: 6px 0;
	color: rgba(153,153,153,1);
	line-height: 1.4;
	height: 150px;
}


.r-banner {
	position: relative;
}

.r-banner-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	color: #FFFFFF;
	width: 80%;
	text-align: center;
}

.r-banner-content h2 {
	font-size: 40px;
}

.r-banner-content h3 {
	font-size: 24px;
	margin: 35px 0 40px;
}

.r-banner-content p {
	width: 170px;
	height: 50px;
	margin: 0 auto;
}

.r-banner-content p a {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 22px;
	border-radius: 5px;
}
.r-banner-content .r-banner-btn{
	background: linear-gradient(88deg,#ffbc00 0,#ff8e00 100%);
	color: #fff;
	margin: 0 auto;
	display: block;
	box-sizing: border-box;
	width: 208px;
	height: 60px;
	line-height: 60px;
	border-radius: 32px;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
	cursor: pointer;
	border: 0 none;
	outline: 0 none;
}

.profit h1 {
	font-size: 30px;
	color: #f5b104;
	text-align: center;
	margin-top: 97px;
	line-height: 1;
}

.profit>img:nth-child(2) {
	width: 18px;
	display: block;
	margin: 45px auto;
}

.profit li {
	flex: 1;
	text-align: center;
	margin:  0 50px;
}

.profit ul li h2 {
	line-height: 1;
	font-size: 24px;
	position: relative;
}

.profit ul li:not(:last-child) h2:after {
	position: absolute;
	content: "*";
	font-size: 48px;
	top: 7px;
	color: #000000;
	right: -54px;
}

.profit ul li:nth-child(2) h2 {
	color: #029fef;
}

.profit ul li img {
	width: 18px;
	height: 22px;
	display: inline-block;
	margin: 20px auto;
}

.profit ul li p {
	font-size: 22px;
	color: #4F4F4F;
}

.profit ul {
	padding-bottom: 100px;
	border-bottom: 1px solid #DCDCDC;
	display: flex;
    align-items: center;
    justify-content: center;
}

.retail-use {
	padding-bottom: 100px;
}

.retail-use>p:first-child{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;margin: 80px auto;}

.retail-use ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.retail-use li {
	flex:1;
	text-align: center;
	font-size: 16px;
}

.retail-use li:last-child {
	margin-right: 0;
}

.retail-use li img {
	width: 50px;
	height: 50px;
	margin-bottom: 26px;
}

.new-people {
	background: url(../images/new-people-back-min.png)0% 0% /cover no-repeat rgba(0,0,0,1);
	padding: 77px 0 30px;
	text-align: center;
	color: #FFFFFF;
}

.new-people h1 {
	color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;margin-bottom: 50px;
}

.new-people h2 {
	font-size: 22px;
	margin-bottom: 12px;
}

.new-people h3 {
	font-size: 14px;
    line-height: 22px;
}

.new-people ul {
	padding-top: 80px;
    width: 1000px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: row wrap;
}

.new-people ul li {
	width:25%;
	text-align: center;
	padding: 0 0 55px 0;
}

.new-people ul li:last-child {
	margin-right: 0;
}

.new-people ul li img {
	height: 54px;
	margin-bottom: 25px;
}

.new-people ul li p {
	font-size: 18px;
}

.keep li {
	padding: 65px 0;
	position: relative;
}

.keep li h2 {
	position: relative;
	color: #333;font-size: 30px;font-weight: 400;line-height: 30px;margin: 0 auto 80px;text-align: center;
}

.keep li h2:after {
	position: absolute;
	content: "";
	width: 42px;
	height: 2px;
	background-color: #f5b104;
	left: 50%;
	transform: translateX(-50%);
	bottom: -20px;
}

.keep-content>div.word {
	float: left;
}

.keep-content>div.word h3 {
	font-size: 22px;
	margin-bottom: 23px;
	margin-top: 115px;
}

.keep-content>div.word p {
	font-size: 16px;
	line-height: 25px;
	color: #A5A5AC;
}

.keep-content>div.img {
	float: right;
	width: 500px;
	height: 400px;
}

.keep li:nth-child(2) {
	background-color: #F8F8F8;
}

.keep li:nth-child(2)>div.img {
	float: left;
}

.keep li:nth-child(2)>div.word {
	float: right;
	text-align: right;
}

.keep-content>div:nth-child(3) {
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #FFFFFF;
	left: 50%;
	transform: translateX(-50%);
	bottom: -40px;
	z-index: 10;
}

.keep-content>div:nth-child(3) img {
	position: absolute;
	width: 38px;
	height: 28px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.keep li:nth-child(2) .keep-content>div:nth-child(3) {
	display: none;
}

.store-work {
	background: url(../images/store-work.png)0% 0% /cover no-repeat;
	padding-top: 65px;
	color: #FFFFFF;
	text-align: center;
}

.store-work h2 {
	color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;
}

.store-work h3 {
	font-size: 22px;
	line-height: 1;
	margin: 40px 0 25px 0;
}

.store-work p {
	font-size: 14px;
    line-height: 22px;
}

.multichannel li:first-child {
	background-color: #F8F8F8;
}

.multichannel li>div.keep-content>div:nth-child(3) {
	display: none;
}

.retail-servince {
	padding: 97px 0;
}
.retail-servince ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.retail-servince li {
	flex:1;
	text-align: center;
}

.retail-servince li:last-child {
	margin-right: 0;
}

.retail-servince li img {
	height: 85px;
	margin-bottom: 30px;
}

.retail-servince li p {
	font-size: 20px;
}

.retail-ask {
	background-color: #0CA5FE;
	padding: 80px 0 40px;
	color: #FFFFFF;
	text-align: center;
}

.com-ask {
	background-color: #FFFFFF;
	color: #f5b104;
	padding: 60px 0;
}

.retail-ask>p:first-child {
	font-size: 24px;
}

.com-ask>p:first-child {
	font-size: 22px;
}

.retail-ask>p:nth-child(2) {
	font-size: 16px;
	margin: 15px 0 35px;
}

.retail-ask>a {
	display: block;
	width: 220px;
	height: 70px;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto;
	font-size: 28px;
	line-height: 70px;
}

.f-list dl:first-child  dd:nth-child(2) a:first-child {
	margin-right: 67px;
}

.f-list dl:first-child dd:nth-child(3) a:first-child {
	margin-right: 52px;
}

.f-list dl:first-child dd:nth-child(4) a:first-child {
	margin-right: 66px;
}

.f-list dl:first-child  dd {
	margin-bottom: 20px;
}

.f-list dl:first-child  dd:last-child img {
	width: 32px;
	height: 32px;
	margin-right: 20px;
}

.f-list dl:first-child  dd:last-child span {
	display: inline-block;
	margin-top: 8px;
	line-height: 1;
	color: #FFFFFF;
}

.f-list dd div {
	display: inline-block;
}

.f-list .white {
	color: #FFFFFF;
}

.f-list .yellow {
	color: #f5b104;
	font-size: 20px;
}

.f-list dl:nth-child(2) span,.f-list dl:nth-child(3) span {
	line-height: 34px;
}

.f-list dl:nth-child(2) dd:nth-child(2)>div,.f-list dl:nth-child(2) dd:nth-child(3)>div,.f-list dl:nth-child(3) dd:nth-child(2)>div,.f-list dl:nth-child(3) dd:nth-child(3)>div {
	margin-left: 10px;
}

.f-list dl:nth-child(2) dd:nth-child(2)>div p:first-child,.f-list dl:nth-child(3) dd:nth-child(2)>div p:first-child {
	margin-top: -6px;
}

.f-list dl:last-child p {
	color: #CCCCCC;
    margin-bottom: 10px;
    padding-right: 9px;
	text-align: center;
}
.f-list dl:nth-child(2) dd:nth-child(2),.f-list dl:nth-child(3) dd:nth-child(2) {
	margin-bottom: 25px;
}

.f-list dl:nth-child(2) dd:nth-child(3) img,.f-list dl:nth-child(3) dd:nth-child(3) img {
	margin-top: 7px;
}

p.lianjie {
	font-size: 16px;
	text-align: center;
	padding: 50px 0 23px;
}

p.lianjie a {
	color: #FFFFFF;
}

.top.active {
	background-color: #FFFFFF;
	transition: all ease-out 0.2s;
}

.top.active .logo p {
	color: #a5a5ac;
	transition: all ease-out 0.2s;
}

.top.active li.tt>a {
	color: #1a1a1a;
}

.top.active .hot-line {
	color: #333333;
	transition: all ease-out 0.2s;
}

.hot-line img {
	width: 21px;
	height: 17px;
	margin: 30px 10px 0 0;
}

.pattern h6 {
	font-size: 22px;
	color: #f5b104;
	text-align: center;
	margin-bottom: 40px;
}

.case-list h2 {
	font-size: 36px;
	text-align: center;
	padding: 80px 0 40px 0;
}

ins#nb_icon_wrap.icon-left-center {
	position: fixed;
	top: calc(50% + 125px)!important;
	left: 0;
	right: 0;
	width: 63px!important;
}

.news-list2 {
	padding: 40px 0 0 0;
	background-color: #FFFFFF;
}

.news-list2>div>div:first-child>a,.news-list2>div>div:last-child>a {
	border: 1px solid #E8E8E8;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.news-content {
	padding: 80px 0;
	text-align: center;
	display: none;
}

.news-content.active {
	display: block;
}

.news-content h2 {
	color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.news-content h3 {
	color: #A5A5AC;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin: 10px auto 20px;
}

.news-content h4 {
	font-size: 20px;
	margin: 10px 0;
	text-align: left;
	text-indent: 40px;
}

.news-content h5 {
	font-size: 18px;
	margin: 10px 0;
	text-align: left;
	text-indent: 36px;
}

.news-content img {
	margin: 10px 0;
	max-width: 600px;
}

.news-content h3 span:first-child {
	margin-right: 40px;
}

.news-content p {
	font-size: 15px;
	text-align: left;
	text-indent: 32px;
	line-height: 1.5;
	margin: 10px 0;
	color: #666;
}

.case-banner {
	position: relative;
}

.case-banner h2 {
	font-size: 32px;
	text-align: center;
}

.news-banner h4 {
	font-size: 36px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 10px;
}

.news-banner h5 {
	font-size: 18px;
	text-align: center;
	letter-spacing: 1px;
}

.ff-function {
	margin-top: 48px;
}

.ff-function>div {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: flex-end;
}

.ff-function .left h2 {
	font-size: 24px;
	color: #333333;
	line-height: 50px;
}

.ff-function .right p {
	font-size: 18px;
	color: #666666;
	line-height: 40px;
}

.ff-function .right p:nth-child(3),.ff-function .right p span {
	color: #FF8B4D;
}

.ff-function .right {
	position: relative;
	padding-left: 138px;
}

.ff-function .right:after {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	content: "";
	width: 1px;
	height: 39px;
	background: rgba(178,178,178,1);
}

.bright-spot {
	margin-top: 118px;
}

.bright-spot h2 {
	color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;
}

.ff-banner {
	width: 100%;
	margin: 80px 0;
}

.ff-banner .swiper-container {
	padding-bottom: 32px;
}

.ff-banner .swiper-slide {
	width: 240px;
	height: 326px;
	overflow: hidden;
}

.ff-banner .swiper-pagination-bullet {
	width: 20px;
	height: 6px;
	background-color: #999999;
	opacity: 1!important;
	transition: all .3s ease-in-out;
	border-radius: 0;
}

.ff-banner .swiper-pagination-bullet-active {
	width: 50px;
	background: #f5b104;
}

.ff-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 0 0 20px;
}

.ff-banner .swiper-pagination {
	text-align: right;
}

.ff-banner .swiper-container-horizontal>.swiper-pagination-bullets,.ff-banner .swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: -6px;
	line-height: 1;
}

.ff-banner .absolute {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

.ff-banner .swiper-slide:hover .ff-tip {
	margin-top: 10px;
}

.ff-banner .swiper-slide:hover .ff-content {
	background-color: #f5b104;
}

.ff-banner .swiper-slide:hover h3 {
	padding: 22px 0 15px;
	height: 87px;
	opacity: 1;
}

.ff-banner .swiper-slide:hover h4 {
	color: #FFFFFF;
}

.ff-banner .swiper-slide:hover p {
	opacity: 1;
}

.ff-tip {
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
	margin-top: 105px;
	transition: all .3s ease-in-out;
}

.absolute .ff-content {
	padding: 0 18px;
	height: 256px;
	transition: all .3s ease-in-out;
}

.ff-banner .absolute h3 {
	font-size: 50px;
	color: #FFFFFF;
	line-height: 1;
	height: 23px;
	opacity: 0;
	transition: all .3s ease-in-out;
}

.ff-banner .absolute h4 {
	color: #323B5A;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 12px;
	transition: all .3s ease-in-out;
}

.ff-banner .absolute p {
	font-size: 14px;
    line-height: 23px;
	text-align: left;
	opacity: 0;
	color: #FFFFFF;
	transition: all .3s ease-in-out;
}

.ff-application {
	padding: 80px 0 70px;
	background-color: #F9F9FA;
	text-align: center;
}

.application-content h2 {
	color: #333;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
}

.application-content h3 {
	color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;
}

.application-list {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: 70px;
}

.application-list li {
	width: 208px;
	text-align: center;
}

.application-list li>div {
	width: 150px;
	height: 150px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 30px;
}

.top-img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
}

.bottom-img {
	width: 87px;
	height: 120px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -120px;
	transition: all .3s ease-in-out;
}

.application-list li>div:hover .bottom-img {
	bottom: -7px;
}

.application-list li h4 {
	color: #222222;
	font-weight: bold;
	line-height: 1;
	font-size: 20px;
	margin-bottom: 17px;
}

.application-list li p {
	color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;
}

.ff-case {
	margin: 80px auto;
}

.ff-case h2 {
	color: #333;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
	text-align: center;
	margin-bottom:80px;
}

.ff-case li {
	width: 100%;
	height: 600px;
	overflow: hidden;
}

.ff-case li .ff-img {
	float: left;
	width: 600px;
}

.ff-case li .ff-detail {
	float: right;
	width: 600px;
	height: 600px;
	padding: 0 0 0 180px;
	position: relative;
}

.ff-detail>div {
	position: absolute;
	top: 50%;
	left: 180px;
	transform: translateY(-50%);
}

.ff-case li:nth-child(2n) .ff-detail>div {
	right: 180px;
	left: inherit;
}

.ff-case li:nth-child(2n) .ff-img {
	float: right;
}

.ff-case li:nth-child(2n) .ff-detail {
	float: left;
	padding: 0 180px 0 0;
}

.ff-case li:nth-child(2n) .img-right {
	display: block;
}

.ff-case li:nth-child(2n-1) .img-left {
	display: block;
}

.kuang {
	width: 100px;
	height: 100px;
	border: 1px solid #CCCCCC;
	padding: 33px 0 0 22px;
}

.ff-img>img {
	width: 100%;
	height: 100%;
}

.kuang span {
	position: relative;
	font-size: 30px;
	color: #222222;
	line-height: 1;
}

.kuang span:after {
	content: "";
	position: absolute;
	background-color: #f5b104;
	width: 30px;
	height: 4px;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
}

.ff-title {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 48px 0;
}

.ff-title h3 {
	font-size: 24px;
	color: #222222;
}

.ff-title img {
	width: 9px;
	height: 13px;
	display: none;
}

img.img-left {
	margin-right: 14px;
}

img.img-right {
	margin-left: 14px;
}

.ff-detail p {
	font-size: 14px;
    color: #A5A5AC;
    line-height: 25px;
}

.ff-ident {
	background: url(../images/ff-indent-bg.png) 0% 0% /cover no-repeat;
	padding: 90px 0;
}

.ident-content {
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	color: #FFFFFF;
	line-height: 1;
}

.ident-left h2 {
	color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-bottom: 45px;
}

.ident-left p {
	font-size: 20px;
	line-height: 1;
	margin-left: 180px;
}

.ident-right {
	width: 610px;
}

.ident-right>ul {
	font-size: 16px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ident-right li {
	text-align: center;
	width: 180px;
	font-size: 15px;
}

.ident-right li:nth-child(2n-1) {
	margin-right: 250px;
}

.ident-right li:first-child,.ident-right li:nth-child(2) {
	margin-bottom: 100px;
}

.ident-right li p:first-child {
	margin-bottom: 30px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
}

.ident-right li p:first-child span {
	font-size: 44px;
	color: #f5b104;
	position: relative;
	top: 5px;
}

.ff-ask {
	margin: 120px 0;
	text-align: center;
}

.ff-ask h2 {
	color: #1D1D1D;
	font-size: 24px;
	margin-bottom: 68px;
	line-height: 1;
}

.ff-ask p {
	color: #666666;
	font-size: 16px;
	line-height: 1;
	display: flex;
	display: -webkit-flex;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
}

.ff-ask p span {
	font-size: 26px;
	color: #f5b104;
	line-height: 1;
}

#nb_nodeboard_set .nb-nodeboard-name:nth-child(5) {
	display: none;
}

.do-more {
	background-color: #FAFAFB;
	padding: 90px 0;
	box-sizing: border-box;
}

.swiper-container8 {
	width: 268px;
	height: 328px;
	margin: 0;
}

.do-more h2 {
	font-size: 32px;
	margin-bottom: 70px;
	color: #222222;
}

.more-content {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.swiper-container8 h3 {
	color: #878787;
	font-size: 22px;
	position: relative;
}

.swiper-container8 p {
	font-size: 14px;
	color: #B9B9B9;
}

.swiper-container8 .swiper-slide-active h3 {
	color: #f5b104;
	line-height: 1;
	margin-bottom: 10px;
}

.swiper-container8 .swiper-slide-active p {
	color: #f5b104;
	line-height: 1;
}

.swiper-container8 .detail {
	width: 100%;
	box-sizing: border-box;
	padding-left: 26px;
}

.swiper-container8 .swiper-slide-active .detail {
	border-right: 1px solid #BBBBBB;
}

.swiper-container8 h3:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
	width: 8px;
	height: 8px;
	background-color: #AAAAAA;
	transform: translateY(-50%);
}

.swiper-container8 .swiper-slide-active h3:before {
	background-color: #f5b104;
}

.spe-function {
	width: 800px;
	margin-top: 22px;
}

.spe-function ul {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.spe-function section {
	display: none;
}

.spe-function section.show {
	display: block;
}

.spe-function li {
	width: 180px;
	height: 190px;
	position: relative;
	transition: all .3s ease-in-out;
	background-color: #FAFAFB;
	border-radius: 10px;
}

.spe-function li img {
	width: 36px;
	height: 36px;
	margin-bottom: 18px;
}

.spe-function li .p5 {
	font-size: 18px;
	color: #333333;
}

.spe-function li .p6 {
	font-size: 14px;
	color: #8C8C8C;
	line-height: 28px;
	height: 0;
	overflow: hidden;
	transition: all .3s ease-in-out;
}

.spe-function li div {
	position: absolute;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}

.spe-function li:hover {
	background-color: #FFFFFF;
	box-shadow: 0 0 10px 5px #f5f5f5;
}

.spe-function li:hover .p6 {
	height: 56px;
}

.spe-function-content {
	margin-bottom: 50px;
}

.spe-function .p7 {
	font-size: 16px;
	color: #f5b104;
	text-align: center;
}

.xc-solution h2 {
	font-size: 32px;
	color: #222222;
	text-align: center;
	margin: 88px 0 40px;
	line-height: 1;
}

.xc-solution h3 {
	font-size: 20px;
	color: #666666;
	text-align: center;
	margin-bottom: 80px;
}

.xc-solution-content {
	position: relative;
	padding-bottom: 60px;
}

.solution-middle {
	width: 225px;
	height: 1959px;
	display: block;
	margin: 0 auto;
}

.middle-list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.middle-list li .d1 {
	float: right;
	width: 232px;
	height: 102px;
	padding: 15px 12px 20px;
	box-sizing: border-box;
	background-color: #f5b104;
	border-radius: 5px;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
}

.middle-list li:nth-child(2n) .d1 {
	float: left;
}

.middle-list li {
	width: 100%;
	margin-top: 104px;
}

.middle-list li:first-child {
	margin-top: 104px!important;
}

.middle-list li:nth-child(2n+1) {
	margin-top: 134px;
}

.middle-list li:nth-child(2n) {
	margin-top: 87px;
}

.middle-list li img {
	width: 100%;
	width: 100%;
}

.middle-list li .d2 {
	position: absolute;
	left: 50%;
	top: -30px;
	height: 244px;
	width: 372px;
	transform: translateX(-100%);
	z-index: -1;
}

.middle-list li:nth-child(2n) .d2 {
	left: 50%;
	transform: translateX(0%);
}

.middle-list li p {
	color: #FFFFFF;
}

.middle-list li .p8 {
	font-size: 20px;
}

.middle-list li .p9 {
	font-size: 13px;
}

.xc-case2 h2,.believe h2 {
	text-align: center;
	margin: 110px 0 80px;
	font-size: 32px;
	color: #222222;
}

.xc-case-list {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	justify-content: space-between;
	font-size: 24px;
	color: #ffffff;
	line-height: 1;
}

.list-content:first-child,.list-content:nth-child(3) {
	width: 390px;
	height: 724px;
	background-color: #D1D4D9;
}

.list-content:first-child div,.list-content:nth-child(3) div {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	align-items: center;
	margin: 45px 0 49px 191px;
}

.list-content:first-child div .xc-tip-img,.list-content:nth-child(3) div .xc-tip-img {
	margin-right: 20px;
}

.list-content:nth-child(2) {
	width: 380px;
	height: 724px;
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	justify-content: space-between;
}

.list-content:nth-child(2) .case-detail {
	width: 100%;
	height: 352px;
	background-color: #D8D8D8;
	display: flex;
	display: -ms-flexbox;
	flex-wrap: nowrap;
	padding: 18px 62px 0;
	box-sizing: border-box;
}

.list-content:nth-child(2) .case-detail>img {
	width: 215px;
	height: 333px;
	margin-right: 18px;
}

.list-content:nth-child(2) .xc-tip-img {
	margin: 25px 0 18px;
}

.list-content:first-child {
	background-color: #9BA0A3;
}

.xc-tip-img {
	width: 28px;
	height: 28px;
	border-radius: 50%;
}

.case-img {
	width: 288px;
	height: 572px;
	margin: 0 auto;
	display: block;
}

.believe {
	margin-bottom: 90px;
}

.believe-list {
	display: flex;
	display: -ms-flexbox;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.believe-list li {
	width: 230px;
	height: 302px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 #f5f5f5;
	transition: all .3s linear;
}

.believe-list li:hover {
	box-shadow: 0 0 18px 5px #f5f5f5;
}

.believe-list li img {
	margin: 55px auto 24px;
	width: 72px;
	height: 72px;
	display: block;
}

.believe-list li p {
	font-size: 20px;
	color: #666666;
	line-height: 36px;
}

.believe h3 {
	font-size: 22px;
	color: #333333;
	text-align: center;
	line-height: 1;
	margin: 90px 0 48px;
}

.believe h4 {
	font-size: 16px;
	color: #666666;
	text-align: center;
	line-height: 1;
}

.believe h4 span {
	color: #f5b104;
	font-size: 26px;
	font-weight: bold;
	position: relative;
	top: -9px;
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.anchorBL,.BMap_cpyCtrl,.BMap_noprint,.anchorBL{display: none;}
.BMap_Marker {
	top: 150px!important;
    left: 696px!important;
}

.BMap_Marker>div {
	top: 0!important;
	left: 0!important;
}
.f-list{display: flex;}

@media(min-width:750px){
	.mobile_wrap{display: none;}
	.banner .swiper-pagination-bullet {
		width: 62px;
		height: 5px;
		border-radius: 15px;
		background: rgba(255, 255, 255, 0.2);
		opacity: 1;
		transition: width .3s linear;
		margin:0 10px;
	}
	
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 8px;
	}
	
	.banner .swiper-pagination-bullet-active {
		background: rgba(255, 255, 255, 0.8);
	}
	
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
		bottom: 4.1%;
	}
	body {
		min-width: 1200px;
		font-size: 14px;
		color: #1a1a1a;
		font-weight: normal;
		line-height: 1.5;
		font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;
		-webkit-text-size-adjust: 100%;
		margin: 0 auto;
	}
	.logo img {
		width: 200px;
		margin-right: 48px; 
	}
	.menu-btn,.mengban{
		display: none;
	}
	#nav{
		display: none;
	}
	.form2 {
		width: 100%;
		margin: 0 auto;
	}
	.form2 button {
		width: 110px;
		height: 80px;
		margin: 0 0 0 14px;
		display: block;
		font-size: 16px;
		border-radius: 0;
		color: #FDC109;
		background-color: #222222;
	}
	.footer-wrap{background-color: #222;width: 100%;}
	.footer-row-one{padding:25px 0 18px;text-align: left;}
	.footer-row-one h5{color:#fff;font-size:16px;margin-bottom: 10px;}
	.footer-row-one ul{display: flex;align-items: center;justify-content: space-between;flex-flow: row wrap;width: 100%;}
	.footer-row-one li{width:33.3%;color:#fff;font-size:14px;line-height: 28px;}
	.footer-row-one li span{color: #FDC109;font-size:18px;font-weight: 700;}
	.footer-row-two{border-top: 1px solid #EAEAEA;padding: 16px 0 45px;display: flex;justify-content: space-between;}
	.footer-row-two-left{flex:1;overflow: hidden;}
	.footer-row-two-left dl{color:#fff;font-size:15px;display: flex;align-items: center;}
	.footer-row-two-left dd{margin-right:40px;position: relative;}  
	.footer-row-two-left dd::after{content: '';position: absolute;top:7px;right:-20px;height:15px;border-right:1px solid #EAEAEA;}
	.footer-row-two-left dd:last-child::after{display: none;} 
	.footer-row-two-left dd a{color:#fff;font-size:15px;line-height: 28px;} 
	.footer-row-two-bot{margin-top: 45px;color: #A5A5AC;font-size: 14px;display: flex;align-items: center;}
	.footer-row-two-bot-right{flex:1;overflow: hidden;text-align: left;}
	.footer-row-two-bot-right > a{color: #A5A5AC;font-size: 14px;margin-bottom: 2px;display: block;} 
	.footer-row-two-bot img{display: block;width:32px;margin-right:15px;}  
	.footer-row-two-right{text-align: center;color:#fff;font-size:14px;}
	.footer-row-two-right p{margin:3px auto 10px;}
	.footer-row-two-right img{display: block;width: 140px;height: 140px;margin:0 auto;}

	.main {width: 1200px;margin: 0 auto;} 
	.apply-now{padding: 50px 0;background: url('../images/footbg.png') #FFD03E no-repeat center bottom;background-size: 100% auto;width: 100%;}
	.apply-now .main{display: flex;align-items: center;justify-content: space-between;}
	.apply-now-left{display: flex;align-items: center;flex:1;overflow: hidden;}
	.apply-now-left img{display: block;width: 80px;height: 80px;margin-right: 50px;}
	.apply-now-left-text h3{font-size: 34px;color: #333;margin:0 0 5px;}
	.apply-now-left-text p{color: #333;font-size: 16px;}
	.apply-now-right{flex:1;overflow: hidden;}
	.apply-now-right .row-input{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;}
	.apply-now-right .row-input .row-item{flex:1;overflow: hidden;} 

	.service-footer{background-color: #222;padding: 44px 0;width: 100%;}
	.service-footer .main{display: flex;align-items: center;justify-content: space-between;}
	.service-footer li{flex:1;overflow: hidden;font-size: 16px;color: #FFF;display: flex;align-items: center;justify-content: center;}
	.service-footer img{display: block;width:32px;height:32px;margin-right:10px;}  

    .honor-wrap{box-shadow: 0 4px 30px 0 rgba(133, 138, 180, 0.14);}
    .honor-wrap ul{display: flex;align-items: center;justify-content: space-between;padding: 60px 0;}
    .honor-wrap li{text-align: center;flex: 1;overflow: hidden;position: relative;}
    .honor-wrap li::after{content: '';position: absolute;right: 0;top: 4px;bottom: 0;width: 1px;height: 88px;background: #eee;}
    .honor-wrap li:last-child::after{display: none;}
    .honor-wrap li h2{display: flex;align-items: center;justify-content: center;height: 55px;color: #8d8f93;font-size: 32px;}
    .honor-wrap li i{font-style: normal;font-size: 48px !important;color: #141e2a !important;margin-right: 5px;}
    .honor-wrap li p{margin: 18px 0 0;font-size: 14px;color: #7a7b7e;}

    .g_more{display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: none;color: #a8a8a8;border: 1px solid #a8a8a8;font-size: 16px;border-radius: 3px;letter-spacing: 2px;margin: 30px auto 0;transition: all 0.3s;}
    .g_more:hover{background: #f5b104;color: #fff;border: 1px solid #f5b104;}
    .g_section{padding: 40px 0;text-align: center;}
    .g_title{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center; margin-top: 30px;}
    .g_title1{color: #515156;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
    .about_flex_list{display: flex;flex-direction: row;align-items: stretch;}
    .about_flex_list li{width: 400px;display: flex;flex-direction: column;align-items: center;box-sizing: border-box;padding: 30px;margin-top: 50px;}
    .about_flex_list li:hover{background: #f5f5f5;}
    .about_flex_list div{width: 140px;height: 140px;margin-bottom: 30px;}
    .about_flex_list div img{width: 100%;height: 100%;	transform: rotateY(0deg);
	transition: .5s;}
     .about_flex_list div img:hover{
     	-webkit-transform: rotateY(180deg);
     	transform: rotateY(180deg);
	transition: .5s;

     }
    
    .about_flex_list h3{font-size: 22px; color: #333;margin-bottom: 20px;} 
    .about_flex_list span{color: #7c7c7c; font-size: 14px; text-align: center; line-height: 23px;}

    .product-wrap{padding: 50px 0 20px 0 ;text-align: center;}
    .product-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
    .product-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
    .product-wrap ul{display: flex;align-items: center;justify-content: space-between;margin-top: 70px;}
    .product-wrap li{flex: 1;overflow: hidden;height: 360px;border: 1px solid #EEE;box-sizing: border-box;padding: 30px 25px;transition: all 0.3s linear;border-right: none;}
    .product-wrap li:last-child{border-right: 1px solid #eee;}
    .product-wrap li .tit{display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .product-wrap li .tit img{display: block;width: 50px;height: 50px;margin: 0 auto;}
    .product-wrap li .tit h4{font-size: 22px;color: #000;display: block;margin: 15px auto 20px;}
    .product-wrap li p{color: #A5A5AC;font-size: 14px;text-align: center;line-height: 23px;}
    .product-wrap li a{display: none;color: #f5b104;font-size: 14px;margin-top: 20px;transition: all .1s linear;text-align: left;cursor: pointer;}
    .product-wrap li a:hover{text-decoration: underline;}
    .product-wrap .active{border: 1px solid #F5B104 !important;background: #fff9d1;box-shadow: 0px 5px 30px 0px rgba(71,72,92,0.1);}
    .product-wrap .active .tit h4{color: #F5B104;}
    .product-wrap .active a{display: block;text-align: center;}
    /* .product-wrap .active .tit{flex-direction: row !important;justify-content: flex-start !important;border-bottom: 1px solid #E9E9E9 !important;padding-bottom: 15px;margin: 10px 0 20px;}
    .product-wrap .active .tit img{margin: 0 6px 0 0 !important;}
    .product-wrap .active .tit h4{font-size: 22px;color: #000;display: block;margin: 0;}
    .product-wrap .active p{text-align: left !important;}
    .product-wrap .active a{display: block;} */

    .resolve-wrap{background: url('../images/resolve.jpg') no-repeat center 0;background-size: 100% 100%;padding: 110px 0 0;}
    .resolve-wrap h2{color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;}
    .resolve-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
	.resolve-wrap .icon img{display: block;width: 45px;height: auto;}
	.resolve-box-tab{display: flex;justify-content: space-between;margin-top: 80px;color: #fff;}
    .resolve-box-tab dl{display: block;height: 620px;width: 260px;color: #fff;background:linear-gradient(90deg,rgba(0,0,0,0.3) 0%,rgba(2,2,2,0.2) 100%);}
    .resolve-box-tab dd{height: 90px;line-height: 90px;text-align: center;cursor: pointer;font-size: 22px;transition: all .2s linear;}
    .resolve-box-tab dd:hover, .resolve-box-tab dd.active {background:linear-gradient(90deg,rgba(242,175,4,0.5) 0%,rgba(245,177,4,0.19) 100%);}
    .resolve-box{flex:1;overflow: hidden;padding-left: 80px;}
    .resolve-item h4{margin-top: 38px;font-size: 22px;}
    .resolve-item p{font-size: 14px;
        line-height: 25px;
        margin-top: 20px;}
    .resolve-item a{    display: inline-block;
        color: #fff;
        width: 165px;
        height: 40px;
        box-sizing: border-box;
        line-height: 40px;
        border: 1px solid #fff;
        text-align: center;
        font-size: 14px;
        margin-top: 30px;
        transition: all .2s linear;}
    .resolve-item a:hover{border: 1px solid #f5b104;color: #f5b104;}
    .resolve-item h5{margin-top: 95px;font-size: 22px;}
    .resolve-item ul{display: flex;align-items: center;flex-flow: row wrap;margin-top: 20px;}
    .resolve-item li{width: 16.6%;text-align: center;font-size: 14px;margin-bottom: 18px;}
    .resolve-item li .icon{height: 60px;display: flex;align-items: center;justify-content: center;margin: 0 auto 5px;}
    .resolve-item li i{display: block;font-size: 50px;}

    .technology-wrap{padding: 40px 0;}
    .technology-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;}
    .technology-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
    .technology-wrap ul{display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;margin-top: 70px;}
    .technology-wrap li{display: block;width:33.3%;overflow: hidden;padding: 10px;}
    .technology-wrap li .info{background: #f1f4f4;display: flex;align-items: center;justify-content: space-between;padding: 45px 25px;transition: all 0.3s ease;cursor: pointer;}
    .technology-wrap li .info .bg{width: 70px;height: 70px;background-size: 70px 70px;}
    .technology-wrap li .info .right{flex: 1;overflow: hidden;box-sizing: border-box;padding-left: 20px;}
    .technology-wrap li .info h4{font-weight: 400;font-size: 26px;color: #242527;}
    .technology-wrap li .info p{margin: 10px 0 0;color: #5e5f5f;font-size: 16px;height: 48px;}
    .technology-wrap li .info:hover{background-color: #f5b104;}
    .technology-wrap li .info:hover .bg{background: url('../images/technology1.png') no-repeat center 0;}
    .technology-wrap li .info:hover h4,.technology-wrap li .info:hover p{color: #fff;}
	.technology-wrap li:nth-child(1) .info .bg{background: url('../images/ys1.png') no-repeat center 0;}
	.technology-wrap li:nth-child(1):hover .info .bg{background: url('../images/ys11.png') no-repeat center 0;}
	.technology-wrap li:nth-child(2) .info .bg{background: url('../images/ys2.png') no-repeat center 0;}
	.technology-wrap li:nth-child(2):hover .info .bg{background: url('../images/ys22.png') no-repeat center 0;}
	.technology-wrap li:nth-child(3) .info .bg{background: url('../images/ys3.png') no-repeat center 0;}
	.technology-wrap li:nth-child(3):hover .info .bg{background: url('../images/ys33.png') no-repeat center 0;}
	.technology-wrap li:nth-child(4) .info .bg{background: url('../images/ys4.png') no-repeat center 0;}
	.technology-wrap li:nth-child(4):hover .info .bg{background: url('../images/ys44.png') no-repeat center 0;}
	.technology-wrap li:nth-child(5) .info .bg{background: url('../images/ys5.png') no-repeat center 0;}
	.technology-wrap li:nth-child(5):hover .info .bg{background: url('../images/ys55.png') no-repeat center 0;}
	.technology-wrap li:nth-child(6) .info .bg{background: url('../images/ys6.png') no-repeat center 0;}
	.technology-wrap li:nth-child(6):hover .info .bg{background: url('../images/ys66.png') no-repeat center 0;}

    .cooperative-wrap{
    text-align: center;
    padding: 40px 0;
	}
	.cooperative-wrap .tit{
		color: #0c2442;
		display: block;
		margin: 0 auto;
		font-size: 30px;
		margin-bottom: 50px;
	}
	.cooperative-wrap ul{
		display: flex;
		align-items: center;
		flex-flow: row wrap;
	}
	.cooperative-wrap li{
		width: 200px;
		height: 124px;
		box-sizing: border-box;
			border: 1px solid #E5E5E5;
			border-right: 1px solid #fff;
			background-color: #fff;
	}
	.cooperative-wrap li a{
		display: block;
			width: 200px;
			height: 124px;
	}
	.cooperative-wrap li .img_box {
			width: 200px;
			height: 124px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
	}
	.cooperative-wrap li .img_box img {
			display: inline-block;
			width: 144px;
	}
	.cooperative-wrap li .Eco_more{
        height: 124px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.cooperative-wrap li .Eco_more i.dot {
			display: inline-block;
			width: 9px;
			height: 9px;
			background-color: #b5b5b5;
			border-radius: 50%;
		margin-right: 10px;
	}
	.cooperative-wrap li:last-child {
			border-right: 1px solid #E5E5E5;
    }
	.client-wrap{padding: 40px 0 60px;text-align: center;position: relative;}
	.client-marketing{padding: 100px 0 50px !important;}
    /* .client-wrap::after{content:'';position: absolute;left: 0;right:0;height: 350px;top: 320px;background-color: #3F3E3F;} */
    .client-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
    .client-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.client-wrap .swiper-container{padding: 0 50px;}
    .client-wrap .item{width: 900px;overflow:hidden;background-color: #fff;box-sizing: border-box;padding: 60px 90px;box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);margin: 50px auto;}
    .client-wrap .item img{display: block;margin: 0 auto;}
    .client-wrap .swiper-slide h4{font-weight: 400;font-size: 22px;color: #242527;width: 700px;margin: 0 auto;}
    .client-wrap .swiper-slide p{color: #A5A5AC;font-size: 14px;width: 700px;margin: 10px auto;text-align: justify;}
	.client-wrap .main{position: relative;}
	.client-wrap .swiper-button-next {position: absolute;width: 65px;height: 65px;border-radius: 50%;background-color: rgba(0,0,0,.2);display: flex;align-items: center;justify-content: center;color: #FFF;top:40%;left: 0;font-size: 28px;z-index: 999;}
	.client-wrap .swiper-button-prev {position: absolute;width: 65px;height: 65px;border-radius: 50%;background-color: rgba(0,0,0,.2);display: flex;align-items: center;justify-content: center;color: #FFF;top:40%;right: 0;font-size: 28px;z-index: 999;}

    .contact-wrap{text-align: center;padding: 0 0 100px;}
    .contact-wrap a{display: inline-block;
        height: 70px;
        box-sizing: border-box;
        line-height: 70px;
        text-align: center;
        font-size: 22px;
        border: 1px solid #f5b104;
        color: #f5b104;
        border-radius: 50px;
		padding: 0 60px;}

	.news-wrap{padding: 50px 0;}
	.news-box-tab dl{display: flex;align-items: center;margin-bottom: 20px;}
	.news-box-tab dd{font-size: 22px;color: #333;line-height: 50px;margin-right: 35px;cursor: pointer;border-bottom: 2px solid #fff;}
	.news-box-tab dd:hover{color: #f5b104;}
	.news-box-tab .active{border-bottom: 2px solid #f5b104;}
	.news-box .news-item li{display: flex;align-items: center;border-bottom: 1px solid #EEE;padding: 35px 0;cursor: pointer;}
	.news-box .news-item li:last-child{border: 0;}
	.news-box .news-item li img{display: block;width: 150px;height: 90px;margin-right: 30px;}
	.news-box .news-item li .news-fr{flex: 1;overflow: hidden;}
	.news-box .news-item li:hover h4{color: #f5b104;}
	.news-item li .news-fr a h4{color: #333;font-size: 18px;text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;}
	.news-item li .news-fr .time{color: #a5a5ac;margin: 6px 0 8px;font-size: 13px;}
	.news-fr .time i{margin-right: 7px;font-size: 13px;}
	.news-item li .news-fr p{color: #a5a5ac;font-size: 14px;line-height: 20px;text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;}
	.news-main{display: flex;justify-content: space-between;}
	.news-box-tab{flex: 1;overflow: hidden;}
	.news-right-info{width:265px;margin-left: 60px;}
	.news-right-info .news-right-item{background-color: #f5f5f5;margin-bottom: 30px;}
	.news-right-item h3{background-color: #f5b104;line-height: 50px;position: relative;box-sizing: border-box;padding: 0 30px;    color: #fff;
		font-size: 20px;    text-align: left;
		margin: 0;}
	.news-right-item h3::after{    content: '';
		height: 20px;
		width: 3px;
		background-color: #fff;
		position: absolute;
		left: 15px;
		top: 15px;
	}
	.news-right-item ul{display: block;padding: 12px 15px;}
	.news-right-item li{display: flex;align-items: center;font-size: 14px;line-height: 40px;}
	.news-right-item li i{font-style: normal;}
	.news-right-item li a{text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
		overflow: hidden;color: #4e4e4e;}
	.news-right-item li a:hover{color: #f5b104;}
	.news-details-left{flex: 1;overflow: hidden;}
	.advantage-wrap{text-align: center;padding: 80px 0;}
	.advantage-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
    .advantage-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.advantage-wrap ul{display: flex;justify-content: space-between;margin-top: 80px;}
	.advantage-wrap li{flex:1;overflow: hidden;background-color: #F8F8F8;border: 1px solid #eee;box-sizing: border-box;padding: 50px;margin-right: 30px;}
	.advantage-wrap li:last-child{margin: 0;}
	.advantage-wrap li img{display: block;width:80px;height: 80px;margin: 0 auto 40px;}
	.advantage-wrap h4{color: #333;font-size: 22px;margin: 0 auto 15px;}
	.advantage-wrap p{color: #A5A5AC;font-size: 14px;}
	.advantage-wrap a{display: inline-block;width:120px;height: 40px;text-align: center;font-size: 15px;box-sizing: border-box;line-height: 40px;background-color: #f5b104;color: #fff;margin: 60px auto 0;}
	.function-wrap{text-align: center;padding: 120px 0;background: url('../imagesc/function.png') no-repeat center center;background-size:100% 100%;}
	.function-wrap h2{color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;}
    .function-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.function-wrap ul{display: flex;justify-content: space-between;margin-top: 100px;flex-flow: row wrap;}
	.function-wrap li{width:25%;overflow: hidden;box-sizing: border-box;padding: 0 60px;position: relative;}
	.function-wrap li::after{content: '';position: absolute;right: 0;top: 80px;border-right:1px solid rgba(255,255,255,.6);height: 35px;}
	.function-wrap li:last-child::after{display: none;}
	.function-wrap li img{display: block;width:50px;height: 50px;margin: 0 auto 20px;}
	.function-wrap h4{color: #fff;font-size: 22px;margin: 0 auto 10px;}
	.function-wrap p{color: #fff;font-size: 14px;}

	.version-wrap{text-align: center;padding: 100px 0;}
	.version-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
	.version-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.version-box{display: flex;justify-content: space-between;align-items: center;margin-top: 80px;padding: 0 5%;}
	.version-box ul{background: url('../imagesc/open_shop_step.png') no-repeat;height: 340px;background-size: 16px 325px;
		background-position: 0;
		padding-left: 56px;
		font-size: 22px;
		color: #333;}
	.version-box li{    margin-bottom: 70px;
		text-align: left;}
	.version-box .right{position: relative;width: 282px;}
	.version-box .right > img{display: block;width:100%;margin: 0;}
	.version-box .right:hover .mask{display: flex;}
	.version-box .mask{display: none;position: absolute;top:20px;left: 20px;right: 20px;bottom: 20px;background-color: rgba(0,0,0,.5);align-items: center;justify-content: center;transition: all .2s ease-in;}
	.version-box .hover-show{    background: #fff;
		border-radius: 2px;
		text-align: center;
		width: 200px;}
	.version-box .hover-show img{    width: 170px;
		padding: 10px 0;}
		.version-box .hover-show p{    font-size: 14px;
			color: #666;
			padding-bottom: 14px;}
	.module-wrap{text-align: center;padding: 110px 0 60px;background: url('../imagesc/module.jpg') no-repeat center center;background-size:100% 100%;}
	.module-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
    .module-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.module-wrap ul{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-top: 50px;}
	.module-wrap li{width:25%;overflow: hidden;box-sizing: border-box;padding: 30px;position: relative;background: url('../imagesc/plus.png') no-repeat center right;background-size:18px 18px;}
	.module-wrap li:nth-child(4n){background: none;}
	.module-wrap li img{display: block;width:65px;height: 65px;margin: 0 auto 15px;}
	.module-wrap h4{color: #333;font-size: 22px;margin: 0 auto 10px;}
	.module-wrap p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 42px;}

	.product-case{padding: 100px 0;text-align: center;}
    .product-case h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
    .product-case h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
    .case-box-tab{display: flex;justify-content: space-between;margin-top: 80px;}
    .case-box-tab dl{display: block;height: 650px;width: 260px;color: #333;background-color:#F8F8F8;}
    .case-box-tab dd{height: 90px;line-height: 90px;text-align: center;cursor: pointer;font-size: 22px;transition: all .2s linear;}
    .case-box-tab dd:hover, .case-box-tab dd.active {background-color: #f5b104;}
    .case-box{flex:1;overflow: hidden;padding-left: 80px;}
	.case-item .name{display: flex;justify-content: space-between;align-items: center;}
	.case-item .name span{
		font-weight: 400;
		font-size: 22px;
		color: #242527;
		flex: 1;
		overflow: hidden;
		text-align: left;
	}
	.case-item .name a{color: #A5A5AC;font-size: 14px;cursor: pointer;}
	.case-item .name a:hover{color: #f5b104;text-decoration: underline;}
	.case-item img{width: 100%;margin: 35px auto;}
	.case-item p{color: #A5A5AC;
		font-size: 14px;
		margin: 10px auto 0;
		text-align: justify;}

	.app-wrap{padding: 60px 0 30px;text-align: center;}
    .app-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
	.app-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.app-wrap ul{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;}
	.app-wrap li{flex:1;overflow: hidden;box-sizing: border-box;margin: 50px;}
	.app-wrap li img{display: block;width:80px;height: 80px;margin: 0 auto 15px;}
	.app-wrap h4{color: #333;font-size: 22px;margin: 0 auto 10px;}
	.app-wrap p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 84px;}

	.introduce-wrap{padding: 80px 0;text-align: center;background-color: #f5b104;}
	.introduce-wrap h2{color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;}
	.introduce-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.introduce-wrap ul{display: flex;justify-content: space-between;margin-top: 50px;flex-flow: row wrap;}
	.introduce-wrap li{width: calc(50% - 24px);height: 195px;
		background: #fff;
		margin: 12px;
		padding: 30px;
		border-radius: 4px;
		overflow: hidden;
		padding-top: 45px;
		box-sizing: border-box;
		transition: all .5s ease;
		cursor: pointer;display: flex;justify-content: space-between;}
	.introduce-wrap li img{width: 95px;height: 95px;border-radius: 50%;margin-right: 30px;}
	.introduce-wrap li .right{flex: 1;overflow: hidden;text-align: left;}
	.introduce-wrap h4{color: #333;font-size: 22px;margin: 0 auto 15px;}
	.introduce-wrap p{color: #A5A5AC;font-size: 14px;}

	.app-advantages{padding: 80px 0;text-align: center;box-shadow: 0 4px 30px 0 rgba(133, 138, 180, 0.14);}
	.app-advantages h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
	.app-advantages h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.app-advantages ul{display: flex;justify-content: space-between;margin-top: 50px;}
	.app-advantages li{flex:1;overflow: hidden;box-sizing: border-box;margin: 50px;}
	.app-advantages li img{display: block;width:85px;margin: 0 auto 40px;}
	.app-advantages h4{color: #333;font-size: 22px;margin: 0 auto 10px;}
	.app-advantages p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 42px;}

	.step-wrap{padding: 80px 0;}
	.step-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;}
	.step-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
	.step-wrap ul{display: flex;justify-content: space-between;margin-top: 50px;flex-flow: row wrap;}
	.step-wrap li{width:33.3%;box-sizing: border-box;padding: 50px 60px;position: relative;}
	.step-wrap h4{color: #333;font-size: 22px;margin: 0 auto 10px;}
	.step-wrap p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 42px;}
	.step-wrap li img{display: block;width:85%;margin: 40px auto 0;}
	.step-wrap li:nth-child(1)::after{content: '';width: 39px;height:63px;position: absolute;background: url('../images/right.jpg') no-repeat center center;top:220px;right:-20px;background-size: 39px 63px;}
	.step-wrap li:nth-child(2)::after{content: '';width: 39px;height:63px;position: absolute;background: url('../images/right.jpg') no-repeat center center;top:220px;right:-20px;background-size: 39px 63px;}
	.step-wrap li:nth-child(3)::after{content: '';width: 63px;height:39px;position: absolute;background: url('../images/bottom.jpg') no-repeat center center;bottom:-20px;right:0px;background-size: 63px 39px;}
	.step-wrap li:nth-child(5)::after{content: '';width: 39px;height:63px;position: absolute;background: url('../images/left.jpg') no-repeat center center;top:220px;left:-20px;background-size: 39px 63px;}
	.step-wrap li:nth-child(6)::after{content: '';width: 39px;height:63px;position: absolute;background: url('../images/left.jpg') no-repeat center center;top:220px;left:-20px;background-size: 39px 63px;}

	.custom-wrap{padding: 80px 0;background: url('../images/bj.jpg') no-repeat center center;background-size:100% 100%;}
	.custom-wrap h2{color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;}
	.custom-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
	.custom-box{display: flex;justify-content: center;align-items: center;position: relative;}
	.custom-box img{display: block;width:640px;margin: 150px auto;}
	.custom-box ul li{position: absolute;color: #fff;font-size: 14px;}
	.custom-box ul li h4{color: #fff;font-size: 22px;margin: 0 auto;}
	.custom-box ul li h4 i{color: #f5b104 !important;font-style: normal;font-size: 24px !important;}
	.custom-box ul li p{color: #fff;font-size: 20px;padding-left: 35px;}
	.custom-box ul li:nth-child(1){top: 90px;left: 140px;}
	.custom-box ul li:nth-child(2){top: 320px;left: 15px;}
	.custom-box ul li:nth-child(3){bottom: 50px;left: 250px;}
	.custom-box ul li:nth-child(4){right: 50px;top: 120px;}
	.custom-box ul li:nth-child(5){right: 110px;top: 320px;}
	.custom-box ul li:nth-child(6){right: 80px;bottom: 50px;}

	.company-info{padding: 80px 0;background: #f4f3f3}
	.company-info h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;margin-bottom: 20px;}
	.company-info p{color: #000;font-size: 16px;font-weight: normal;line-height: 30px;margin-top: 8px;text-indent: 2em;}
	.company-info ul{display: flex;justify-content: space-between;margin-top: 60px;flex-flow: row wrap;}
	.company-info li{width:31%;height: 365px; box-sizing: border-box;padding: 0;background: #ffffff;}
	.company-info li img{display: block;width:100%;height: auto;margin: 0 auto;}

	.process-wrap{padding: 100px 0 70px;background: url('../images/afq-bg.png') no-repeat center center;background-size:100% 100%;}
	.process-wrap h2{color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;}
	.process-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
	.process-info{background: rgba(8,11,27,.3);width:1100px;
		border-radius: 4px;
		display: flex;
		justify-content: flex-start;margin: 50px auto;padding: 30px;}
	.process-info img{height: 45px;width: 45px;}
	.process-info .right{margin-left: 30px;flex:1;overflow: hidden;}
	.process-info .right dt{color: #fff;font-size: 22px;margin-bottom: 15px;}
	.process-info .right dd{color: #fff;font-size: 15px;line-height: 28px;opacity: .85;}

	.marketing-wrap{position: relative;}
	.description-wrap{position: absolute;left:0;right: 0;bottom: 0;background-color: rgba(0,0,0,.3);}
	.description-wrap ul{display: flex;align-items: center;justify-content: space-between;}
	.description-wrap li{flex:1;overflow: hidden;box-sizing: border-box;padding: 20px 4%;color: #fff;display: flex;align-items: center;cursor: pointer;}
	.description-wrap li:hover{background-color: rgba(0,0,0,.7);}
	.description-wrap li img{display: inline-block;width: 55px;}
	.description-wrap li .right{flex:1;overflow: hidden;box-sizing: border-box;padding: 0 0 0 20px;}
	.description-wrap h4{font-size: 16px;margin-bottom: 5px;}
	.description-wrap p{font-size: 14px;opacity: .8;}

	.marketing-advantage{padding: 100px 0;}
	.marketing-advantage li img{width: 60px !important;height: 60px !important;}
	.resolve-marketing{background: url('../images/wwbg.jpg') no-repeat center center;background-size:100% 100%;padding: 80px 0 0;}
	.resolve-marketing .resolve-box-tab{margin-top: 0 !important;}
	.resolve-marketing dl{background-color: rgba(0,0,0,0.7);}
	.resolve-marketing dd{text-align: left;box-sizing: border-box;display: flex;justify-content: center;flex-direction: column;padding: 0 45px;height: auto;}
	.resolve-marketing dd .item{border-bottom: 1px solid #454545;padding: 25px 0;}
	.resolve-marketing dd h4{    font-size: 16px;
		line-height: 30px;
		font-weight: normal;}
	.resolve-marketing dd p{font-size: 14px;
		line-height: 26px;
		color: #fff;opacity: .4;}
	.resolve-marketing dd.active {
			background: linear-gradient(90deg,rgb(4 89 245 / 80%) 40%,rgb(4 56 245 / 50%) 100%);}
	.resolve-marketing dd.active .item{border: 0 !important;}
	.resolve-marketing dd:last-child .item{border: 0 !important;}

	.company-info-marketing{background-color: #f9f9f9;}
	.custom-marketing .custom-box ul li p{padding-left:0 !important;}
	.custom-marketing .custom-box ul li:nth-child(1){top: 100px;left: 140px;}
	.custom-marketing .custom-box ul li:nth-child(2){top: 320px;left: 15px;}
	.custom-marketing .custom-box ul li:nth-child(3){bottom: 80px;left: 300px;}
	.custom-marketing .custom-box ul li:nth-child(4){right: 20px;top: 80px;}
	.custom-marketing .custom-box ul li:nth-child(5){right: 35px;top: 320px;}
	.custom-marketing .custom-box ul li:nth-child(6){right: 180px;bottom: 50px;}

	.website-swiper{
        width: 100%;
        height: 100vh;
        margin-left: auto;
        margin-right: auto;
	}
	.website-swiper .swiper-wrapper{
		display: block;
	}
    .website-swiper .swiper-slide {
		width: 100%;
		height: 100vh;
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	}
	.website-swiper .website-item{display: flex;align-items: center;justify-content: space-between;background-size: 100% 100% !important;}
	.website-item .website,.website-item .right{flex:1;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
	.website-item .right img{display: block;width: auto;margin:0 auto;max-width: 80%;}
	.website-item .website{text-align: left;}
	.website-item .website .info{box-sizing: border-box;padding:0 18%;}
	.website-item .website h2{font-size: 30px;font-weight: 400;line-height: 30px;}
	.website-item .website h3{font-size: 22px;font-weight: normal;line-height: 30px;margin: 25px 0 55px;position: relative;}
	.website-item .website h3::after{content:'';position: absolute;bottom: -15px;left:0;width:60px;height:3px;background-color: #f5b104;}
	.website-item .website p{font-size: 14px;line-height: 25px;}
	.website-item .website ul{display: flex;align-items: center;margin-top: 50px;}
	.website-item .website li{transition: all .3s ease-in;height: 48px;box-sizing: border-box;line-height: 48px;font-size: 15px;padding: 0 30px;border: 1px solid #f5b104;color:#f5b104;margin-right:20px;}
	.website-item .website li a{color:#f5b104;cursor: pointer;}
	.website-item .website li:hover a{text-decoration: underline;}
	.website-swiper .one{background: url(../images/website-bg3.jpg) no-repeat center 0;color: #000;}
	.website-swiper .two{background-color:#F9F9F9;color: #000;}
	.website-swiper .three{background: url(../images/resolve.jpg) no-repeat center 0;color: #fff;}
	.website-swiper .four{background-color:#F9F9F9;color: #000;}
	.website-swiper .five{background-color:#f5b104;color: #fff;}
	.website-swiper .five li{border: 1px solid #fff !important;}
	.website-swiper .five a{color: #fff !important;}
	.website-swiper .six{background-color:#F9F9F9;color: #000;}
	.website-swiper .seven{background: url(../images/website-bg7.jpg) no-repeat center 0;color: #000;}
	.website-swiper .eight{display: flex;align-items: center;flex-direction: column;justify-content: flex-end;}
	.website-swiper .eight .ff-ask{visibility: visible !important;margin: 5% auto;}
	.website-swiper .eight .ff-ask h2{margin-bottom: 25px;}
	.website-swiper .eight-footer{width:100%;}

	#certify {
		position: relative;
		width: 950px;
		margin: 0 auto;
		/*padding-bottom: 50px;*/
	}
	
	
	#certify  .swiper-slide {
		width: 270px;
		height: 555px;
	}
	#certify  .swiper-slide img{
		display:block;
		width: 100%;
		height: auto;
	}
	#certify  .swiper-slide p {
		line-height: 98px;
		padding-top: 0;
		text-align: center;
		color: #636363;
		font-size: 1.1em;
		margin: 0;
	}
	
	#certify .swiper-pagination {
		width: 100%;
		bottom: 120px;
	} 
	
	#certify .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 5px;
		border: 3px solid #fff;
		background-color: #d5d5d5;
		width: 10px;
		height: 10px;
		opacity: 1;
	}
	
	#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
		border: 3px solid #f5b104;
		background-color: #fff;
	}
	  
	#certify .swiper-button-prev {
		left: -80px;
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 0;
		background-size: 100%;
		top: 35%;
		position: absolute;
	}
	
	#certify .swiper-button-prev:hover {
		background-position: 0 -46px;
		background-size: 100%
	}
	
	#certify .swiper-button-next {
		right: -80px;   
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 -93px;
		background-size: 100%;
		top: 35%; 
		position: absolute; 
	}
	
	#certify .swiper-button-next:hover {
		background-position: 0 -139px;
		background-size: 100%
	}  

	/* 公众号开发 */
	.wechat-one{text-align: center;box-sizing: border-box;padding: 100px 0 120px;} 
	.wechat-one h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
	.wechat-one h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;width:65%;margin: 20px auto 0;}
	.wechat-one ul{display: flex;align-items: center;flex-flow: row wrap;margin-top:80px;}
	.wechat-one li{width:33.3%;border-right: 1px solid #EFEFEF;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 0 30px;font-size: 18px;line-height: 26px;color: #333;}
	.wechat-one li:nth-child(-n + 3){border-bottom: 1px solid #EFEFEF;padding: 0px 35px 50px;}
	.wechat-one li:nth-child(n + 4){padding: 50px 35px 0px;}
	.wechat-one li:nth-child(3n){border-right:0;}  
	.wechat-one li img{display: block;width:55px;height:55px;margin:0 20px 0 0;}

	.wechat-two{text-align: center;box-sizing: border-box;}
	.wechat-two h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
	.wechat-two .main-info > h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;width:65%;margin: 20px auto 80px;}  
	.wechat-two li .main{display: flex;align-items: center;padding:80px 0;justify-content: space-between;}  
	.wechat-two li:nth-child(odd){background-color: #f2f2f2;}
	.wechat-two li:nth-child(odd) .content-wrap{text-align: right;}  
	.wechat-two li:nth-child(even) .main{flex-direction: row-reverse;}  
	.wechat-two li:nth-child(even) .content-wrap{text-align: left;}  
	.wechat-two .content-img{width:280px;}
	.wechat-two .content-img img{display: block;width:100%;margin:0 auto;}
	.wechat-two .content-wrap{flex:1;overflow: hidden;}
	.wechat-two .content-wrap h3{font-size: 28px;color: #3f3f3f;}  
	.wechat-two .content-wrap h4{font-size: 12px;margin-top: 8px;color: #3f3f3f;}
	.wechat-two .content-wrap p{font-size: 14px;color: #888888;line-height: 25px;padding: 24px 0;margin:0;}   
	.wechat-two .content-wrap dd{display: block;color:#f5b104;font-size: 14px;margin-bottom: 10px;position: relative;}
	.wechat-two li:nth-child(odd) dd{padding:0 15px 0 20%;}
	.wechat-two li:nth-child(even) dd{padding:0 20% 0 15px;}  
	.wechat-two li:nth-child(odd) p{padding-left: 20%;}
	.wechat-two li:nth-child(even) p{padding-right: 20%;}  
	.wechat-two li:nth-child(odd) dd::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;right:0;top:8px;background-color: #f5b104;}
	.wechat-two li:nth-child(even) dd::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;left:0;top:8px;background-color: #f5b104;}

	.wechat-three{text-align: center;box-sizing: border-box;padding: 100px 0 120px;} 
	.wechat-three h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
	.wechat-three h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;width:65%;margin: 20px auto 0;}
	.wechat-three ul{display:flex;align-items: center;flex-flow:row wrap;margin-top:60px;}
	.wechat-three li{width:20%;text-align: center;padding: 35px 0;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef;}
	.wechat-three li img{display: block;width:50px;height:50px;margin:0 auto 5px;}
	.wechat-three li h4{font-size:16px;color:#333;}
	.wechat-three li p{font-size:14px;color:#888;padding:5px 0 0;}      
	.wechat-three li:nth-child(5n){border-right:0;}    
	.wechat-three li:nth-last-child(-n+5){border-bottom:0;} 

	.wechat-four{box-sizing: border-box;padding:100px 0;background: url(../images/new-people-back-min.png)0% 0% /cover no-repeat rgba(0,0,0,1);text-align: center;}
	.wechat-four h2{color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;}
	.wechat-four ul{display:flex;align-items: center;margin-top:60px;}
	.wechat-four li{width:33.3%;text-align: center;box-sizing: border-box;padding:0 7%;} 
	.wechat-four li .img{width: 120px;height: 120px;margin: 0 auto;border-radius: 50%;margin-bottom: 30px;background-size: 710px auto !important;}
	.wechat-four li:nth-child(1) .img{background: url(../images/three-accounts.png) no-repeat top left;}  
	.wechat-four li:nth-child(2) .img{background: url(../images/three-accounts.png) no-repeat top center;}
	.wechat-four li:nth-child(3) .img{background: url(../images/three-accounts.png) no-repeat top right;}  
	.wechat-four li h4{font-size:18px;color:#fff;margin-bottom:10px;}
	.wechat-four li p{font-size:14px;color:rgba(255,255,255,.9);}  

	.news-bot-wrap{padding: 50px 0;}      
	.news-bot-wrap > h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;}
	.news-bot-wrap > h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;width:65%;margin: 20px auto 0;text-align: center;}
	.news-bot-wrap .main{display: flex;justify-content: space-between;text-align: left;margin-top:50px;}
	.news-bot-wrap ul{width:33.3%;box-sizing: border-box;padding:0 20px;}
	.news-bot-wrap ul h2{font-size: 22px;color: #000;margin-bottom:15px;}   
	.news-bot-wrap li a{display: flex;align-items: center;justify-content: space-between;margin-bottom:15px;}  
	.news-bot-wrap li a:hover h3{color:#f5b104;}  
	.news-bot-wrap li img{display: block;width:130px;height:100px;margin-right:10px;}  
	.news-bot-wrap li .news-bot-right{flex:1;overflow:hidden;}
	.news-bot-wrap li .news-bot-right h3{width: calc(100% - 10px);color:#000;font-size:15px;margin-bottom:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
	.news-bot-wrap li .news-bot-right p{color:#666;font-size:14px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.news-bot-wrap li .news-bot-right span{display: block;float: right;color: #999;font-size: 13px;margin-top: 7px;}  

  .index_news_list img{width: 100%;height: 100px;}
  .index_news_list li{width: 100%;height: 36px;display: flex;flex-direction: row;align-items: center;cursor: pointer;}
  .index_news_list li:hover h3{color: #f5b104}
  .index_news_list i{width: 0;height: 0;border: 6px solid;border-color: transparent transparent transparent #f5b104;}
  .news-bot-wrap li h3{width: calc(100% - 10px);color:#000;font-size:15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}

} 
@media(max-width:375px){
	.client-wrap .item{width: 100% !important;}
	.client-wrap .item{padding: 35px 15px !important;}
}

@media(max-width:750px){
	.banner .swiper-pagination-bullet {
		width: 15px;
		height: 3px;
		border-radius: 15px;
		background: rgba(255, 255, 255, 0.2);
		opacity: 1;
		transition: width .3s linear;
		margin:0 5px;
	}
	
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 8px;
	}
	
	.banner .swiper-pagination-bullet-active {
		background: rgba(255, 255, 255, 0.8);
	}
	
	.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction {
		bottom: 4.1%;
	}
	.banner .swiper-pagination{
		bottom: -10px;
	}
	.mod-sect {
		padding: 60px 0;
	}
	.mod-sect > .title {
		position: relative;
		font-weight: normal;
		text-align: center;
		font-size: 18px;
		color: #353535;
		z-index: 50;
	}
	.mod-sect > .sub-title {
		position: relative;
		font-weight: normal;
		text-align: center;
		font-size: 13px;
		padding:0 15px;
		color: #888;
		z-index: 50;
	}
	
	.mod-sect{
		background: #fff;
	}
	.mod-app-case {
		background: url("../images/mmini_program_bg.jpg") center no-repeat;
	}
	.mod-app-case > .title {
		color: #fff;
	}
	.mod-app-case .case-swiper {
		width: 100%;
		height: 380px;
		margin: 30px 0;
	   overflow: hidden;
	}
	
	.mod-app-case .case{
		width: 214px;
		height: 100%;
	}
	
	
	.mod-app-case .case .info {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.mod-app-case .case .info .bg {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 120px;
		height: 120px;
		margin: -60px 0 0 -60px;
		background: #333;
		opacity: .9;
		border-radius: 50%;
		z-index: 10;
	}
	.mod-app-case .case .info .title {
		position: absolute;
		top: 180px;
		width: 100%;
		text-align: center;
		font-size: 20px;
		font-weight: normal;
		color: #fff;
		z-index: 30;
	}
	.mod-app-case  .case.case-1 .bg {
		background: #6bddd7;
	}
	.mod-app-case  .case.case-2 .bg {
		background: #56de7f;
	}
	.mod-app-case  .case.case-3 .bg {
		background: #818181;
	}
	.mod-app-case  .case.case-4 .bg {
		background: #0087fa;
	}
	.mod-app-case  .case.case-5 .bg {
		background: #fcc300;
	}
	

	.bannerSwiper_wrap{position: relative;}
	.bannerSwiper_wrap .swiper-pagination .swiper-pagination-bullet{margin: 0 2px;}
	.bannerSwiper_wrap .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff;}
	.top {height: 50px;background: rgba(0,0,0,.4);} 
	.logo {margin: 9px 0 0 6px;}
	.logo p {line-height: 16px;} 
	.pc_wrap{display: none;} 
	.mobile_wrap{box-sizing: border-box;padding-top: 50px;}
	input[type='checkbox']{-webkit-appearance:checkbox;}
	.banner_img{display:block;width:100%;height:auto;margin:0 auto;}
	.form_wrap{box-sizing: border-box;padding: 0px 20px 20px;background-color: #fff;}
	.scroll_wrap{margin: -110px 15px 30px;background-color: #fff;position: relative;border-radius: 5px;box-shadow: 0 0 10px 5px rgba(0,0,0, 0.05);padding-bottom: 1px;}
	.scroll_wrap .people_wrap{text-align: center;margin-bottom: -5px;}
	.scroll_wrap .people{display: flex;
		align-items: center; 
		justify-content: center;  
		font-size: 15px;
		color: #333;
		font-weight: bold;
		height: 60px;}
	.scroll_wrap .people img{display: block;width: 25px;margin: -2px 8px 0 0;vertical-align: middle;}
	.scroll_wrap .people p span{    color: #EE6017;
		font-size: 18px;
		display: inline-block;
		background-color: #F2F2FA;
		margin: -1px 2px 0;
		line-height: 24px;
		width: 20px;}  
	.form_wrap .mRow h4{
		color: #666;
		font-size: 15px;margin-top: 15px;
	} 
	.form_wrap .mRow h4 span{    font-size: 12px;
		color: #888;
		margin: 2px 0 0 3px;
		display: inline-block;}
	.form_wrap .mRow h4 span i{color: #CE0018;}   
	.form_wrap .mRow .checkbox_wrap{display: flex;align-items: center;flex-flow: row wrap;margin-top: 4px;}
	.form_wrap .mRow .checkbox_wrap .item{width:50%;display: flex;align-items: center;color:#000;font-size:15px;margin:5px 0;}
	.form_wrap .mRow .checkbox_wrap .item input[type='checkbox']{vertical-align: middle;margin:-1px 5px 0 0;}
	.form_wrap .mRow input[type='text']{height: 36px;line-height:36px;color:#000;font-size:15px;display: flex;align-items: center;border-bottom: 1px solid #eee;display: block;width: calc(100vw - 40px);}
	.form_wrap .mRow #city_text1{height: 36px;line-height:36px;color:#000;font-size:15px;display: flex;align-items: center;border-bottom: 1px solid #eee;display: block;width: calc(100vw - 40px);}
	.form_wrap .mRow input[type='number']{height: 36px;line-height:36px;color:#000;font-size:15px;display: flex;align-items: center;border-bottom: 1px solid #eee;display: block;width: calc(100vw - 40px);}
	.form_wrap .mRow input[type='button']{height: 50px;line-height:50px;color:#973621;font-weight:bold;font-size:18px;align-items: center;display: block;width: calc(100vw - 40px);margin: 28px auto 12px;background: url(../images/mbtnbg.png) no-repeat center center;background-size: 100% 100%;}
	.form_wrap .mRow input::-webkit-input-placeholder{color:#aaa;font-size:15px;}
	.img_wrap img{display: block;width: 100%;height:auto;margin:0 auto;}
	.m_footer{display: flex;align-items: center;justify-content: space-between;position: fixed;left:0;right:0;bottom:-1px;} 
	.m_footer .mtel{background-color: #fff;height:45px;overflow: hidden;display: flex;align-items: center;justify-content: center;flex-direction: column;font-size:12px;color:#868887;width:95px;}
	.m_footer .mtel img{display: block;width: 22px;height:auto;margin:0 auto;} 
	.m_footer .mright{flex:1;overflow: hidden;height:45px;font-size:15px;color:#fff;background-color:#FFBD37;display: flex;align-items: center;justify-content: center;}
	.m_footer .mright img{display: block;width: 16px;height:auto;vertical-align: middle;margin:-2px 8px 0 0;}
	.mheight{height:45px;}
	#newBridge .nb-icon-wrap-1 .nb-icon-wrap-base{width:55px !important;height:55px !important;background-size: 45px !important;}
	#newBridge .nb-icon-wrap{    width: 55px !important;
		height: 55px !important;
		top: auto !important;
		bottom: 55px;
		right: 15px;
		left: auto !important;}
	#scrollDiv{width: calc(100vw - 50px);
		height: 180px;
		overflow: hidden;
		margin: 1px auto 10px; 
		border: 1px solid #eee;box-sizing: border-box;}
	#scrollDiv ul{display: block;}
	#scrollDiv li{display:flex;align-items: center;justify-content: space-between;height:45px;padding:0 20px;overflow:hidden;}
	#scrollDiv .active{background-color: #FAFAFC;}  
	#scrollDiv li span{display:inline-block;flex:1;overflow:hidden;text-align:center;font-size: 14px;color: #333;} 
	.mSwiper .swiper-pagination-bullet{margin:0 3px;}
	.mSwiper .swiper-pagination-bullet-active{background-color: #fff !important;opacity: .9 !important;}  

	.mobile_wrap_bg{background-color: #fafafa;}
	.mstep1{box-sizing: border-box;padding: 0 10px;margin-bottom: 35px;}
	.mtit {box-sizing: border-box;padding: 30px 0;} 
	.mtit > h3{margin: 0 auto;color:#242a37;font-size: 24px;text-align: center;line-height: 1.2;margin-bottom: 8px;}
	.mtit > p{margin: 0 auto;color:#6a6a6a;font-size: 14px;text-align: center;}
	.mstep1 li{display: flex;align-items: center;justify-content: space-between;margin:10px 0;box-sizing: border-box;padding: 20px;background-color: #fff;border-radius: 5px;box-shadow: 0 5px 30px #07326d14;}
	.mstep1 li img{display: block;width:100px;height: 100px;margin-right:20px;}
	.mstep1 li .right{flex:1;overflow: hidden;}
	.mstep1 li .right h4{font-size: 16px;color:#333;}  
	.mstep1 li .right p{color:#6a6a6a;font-size: 14px;} 
	.market_mobile{background: url(../images/resolve.jpg) no-repeat center center !important;}  
	#newBridge .nb-invite-custom{background-size: 100% auto !important;background-position: center bottom;background-repeat: no-repeat;} 
	#nb_invite_tool{display: none !important;}
	.mstep2 ul{display: flex;justify-content: space-between;flex-flow: row wrap;box-sizing: border-box;padding: 5px;}
	.mstep2 ul li{width: calc(50% - 10px);margin:5px;background-color: #fff;box-shadow: 0 5px 30px #07326d14;border-radius: 5px;} 
	.mstep2 ul li img{display: block;width:100%;height: auto;margin: 0 auto;border-top-left-radius: 5px;border-top-right-radius: 5px;}
	.mstep2 ul li h4{font-size: 16px;color:#333;text-align: center;box-sizing: border-box;padding: 10px 15px;}   
	.mstep2 ul li p{color:#6a6a6a;font-size: 14px;box-sizing: border-box;padding: 0 10px 10px;} 
	.mstep2 .mtit{box-sizing: border-box;padding: 40px 0 35px !important;}
	.mstep3	li img{display: block;width:45px;height: 45px;margin-right:20px;}
	.mstep1 li .right h4{font-size: 16px;color:#F5B104;}  
	.mstep4{padding: 0 10px;}
	.swiper-mstep4{padding-bottom: 50px;} 
	.mstep4 .swiper-slide{box-shadow: 0 5px 30px #07326d14;border-radius: 5px;}
	.mstep4 .swiper-slide img{display: block;width:100%;height: auto;margin: 0 auto;border-top-left-radius: 5px;border-top-right-radius: 5px;} 
	.mstep4 .swiper-slide .content{box-sizing: border-box;padding: 0 10px 12px;height: 182px;} 
	.mstep4 .swiper-slide .content h4{font-size: 16px;color:#333;margin-top:10px;}
	.mstep4 .swiper-slide .content p{color:#6a6a6a;font-size: 13px;}
	.mstep4 .swiper-pagination-bullet{margin:0 1px;}
	.mstep4 .swiper-pagination-bullet-active{background-color: rgba(245,177,4,.85);opacity: .5 !important;}     
	.swiper-mstep5{width:calc(100vw - 20px);margin:10px auto;padding-bottom: 50px;}
	.swiper-mstep5 .swiper-slide{position: relative;} 
	.swiper-mstep5 .swiper-slide img{display:block;width:100%;height:auto;margin:0 auto;}
	.swiper-mstep5 .swiper-slide p{position: absolute;left:0;right:0;bottom:0;line-height:45px;background-color: rgba(0,0,0,.5);color:#fff;text-align: center;font-size: 14px;}
	.swiper-mstep5 .swiper-pagination-bullet{margin:0 1px;}
	.swiper-mstep5 .swiper-pagination-bullet-active{background-color: rgba(245,177,4,.85);opacity: .5 !important;} 

	body {      
		font-size: 14px;
		color: #1a1a1a;
		font-weight: normal;
		line-height: 1.5; 
		font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;
		-webkit-text-size-adjust: 100%;
		margin: 0 auto;
	}
	.mSwiper img{display: block;width: 100%;height: auto;margin:0 auto;}

	.logo img {
		width: 120px;
		margin-right: 15px !important;
	}
	.top-content {
		width: 100%;
		margin: 0 auto;
		height: 50px;
		transition: all .3s ease-in-out;
	}
	.logo img {
		margin-right: 30px;
	}
	.logo>div:after {
		left: -8px;
	}
	.header-content{
		display: none;
	}
	.active .menu-btn span{
		background-color: rgba(0,0,0,.75);
	}
	.mengban.show {
		display: block;
	}
	.menu-btn{
		width: 50px;
		height: 42px;
		padding: 10px 0;
		position: fixed;
		top: 25px;
		right: 0px;
		transform: translateY(-50%);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		z-index: 50;
	}
	.menu-btn span{
		width: 30px;
		height:2px;
		display: block;
		background-color: rgba(255,255,255,.95);
		border-radius: 2px;
		transition: all .3s ease-in-out;
	}
	.menu-btn span.one{
		transform: rotateZ(-45deg);
			transform-origin: 100% 50%;
			background-color: #4E4E4E;
	}
	.menu-btn span.two{
		transform: scale(0,0);
	}
	.menu-btn span.three{
		transform: rotateZ(45deg);
			transform-origin: 96% 100%;
			background-color: #4E4E4E;
	}
	.mengban {
		position: fixed;
		z-index: 20;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.5);
		display: none;
		transition: all .3s ease-in;
	}
	#nav.show {
		right: 0;
	}
	#nav {
		position: fixed;
		width: 50%;
		height: 100vh;
		background-color: #FFFFFF;
		top: 0;
		right: -50%;
		z-index: 25;
		transition: all .3s ease-in-out;
	}
	#nav ul {
		margin-top: 20%; 
	}
	#nav li {
		margin-bottom: 0.3rem;
		position: relative;
	}
	#nav li.active a {
		color: #222222;
	}
	#nav a {
		color: #555555;
		font-size: 16px;
		width: 100%;
		line-height: 28px;
		padding-left: 20px;
		display: block;
		text-align: left;
		box-sizing: border-box;
	}
	#nav li a:hover{
		color: #FFBD37;
	}
	#nav li.active:after {
		content: "";
		position: absolute;
		top: 30px;
		left: 20px;
		width: 30px;
		height: 5px;
		background-color: #FFBD37;
	}
	#nav dd{
		position: relative;
	}
	#nav dd.active:after {
		content: "";
		position: absolute;
		top: 25px;
		left: 20px;
		width: 30px;
		height: 3px;
		background-color: #FFBD37;
	}
	#nav dl{
		padding: 0 0 0 20px;
	}
	#nav dl a{
		font-size: 16px !important;
	}
	.banner .swiper-container{
		height: 50vh !important;
	}
	.form2 {
		width: 95%;
		margin: 0 auto;
	}
	.form2 button {
		width: 150px;
		height: 45px;
		margin: 30px auto 0;
		display: block;
		font-size: 18px;
		border-radius: 30px;
		color: #FFFFFF;
		background-color: #f5b104;
	}
	footer ul {
		padding: 55px 0 45px;
		display: flex !important;
		justify-content: space-between;
	}
	.f-list dl:first-child,.f-list dl:last-child {
		display: none;
	}
	footer li p {
		font-size: 15px;
		padding: 0 5px;
	}
	.r-banner {
		margin-top: 70px;
	}
	.r-banner-content h2 {
		font-size: 24px;
	}
	.r-banner-content h3 {
		font-size: 15px;
		margin: 15px 0 20px;
	}
	.profit h1 {
		font-size: 24px;
		margin-top: 50px;
	}
	.xc-banner{margin-top: 70px;}
	.profit>img:nth-child(2) {
		width: 15px;
		display: block;
		margin: 20px auto;
	}
	.profit li {
		flex: 1;
		text-align: center;
		margin: 0 5px;
	}
	.profit ul li h2 {
		line-height: 23px;
		font-size: 18px;
		position: relative;
	}
	.profit ul li p {
		font-size: 14px;
		color: #4F4F4F;
	}
	.profit ul li:not(:last-child) h2:after {
		position: absolute;
		content: "*";
		font-size: 40px;
		top: 40px;
		color: #000000;
		right: -8px;
	}
	.profit ul {
		padding-bottom: 50px;
		align-items: flex-start;
	}
	.retail-use li img {
		width: 35px;
		height: 35px;
		margin-bottom: 10px;
	}
	.retail-use>p:first-child {
		color: #333;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		margin: 50px auto;
	}
	.retail-use {
		padding-bottom: 60px;
	}
	.new-people {
		padding: 50px 0 30px;
	}
	.new-people h1 {
		color: #fff;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		margin-bottom: 30px;
	}
	.new-people h2 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.new-people ul {
		padding-top: 50px;
		width: 100%;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	.new-people ul li img {
		height: 42px;
		margin-bottom: 15px;
	}
	.new-people ul li p {
		font-size: 14px;
	}
	.new-people ul li {
		width: 25%;
		text-align: center;
		padding: 0 0 30px 0;
	}
	.keep li {
		padding: 50px 0;
		position: relative;
	}
	.keep li h2 {
		position: relative;
		color: #333;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		margin: 0 auto 40px;
		text-align: center;
	}
	.keep-content>div.word h3 {
		font-size: 18px;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	.keep-content>div.word p {
		font-size: 14px;
		line-height: 20px;
		color: #A5A5AC;
	}
	.keep-content>div.img {
		float: none;
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
	.store-work {
		padding-top: 50px;
	}
	.store-work h2 {
		font-size: 24px;
	}
	.store-work h3 {
		font-size: 18px;
		line-height: 1;
		margin: 40px 0 25px 0;
	}
	.store-work p {
		font-size: 13px;
	}
	.retail-servince li img {
		height: 60px;
		margin-bottom: 15px;
	}
	.retail-servince li p {
		font-size: 16px;
		padding: 0 15px;
		text-align: center;
	}
	.retail-servince {
		padding: 55px 0;
	}
	.e-banner{margin-top: 70px;}
	.img-content {
		position: absolute;
		width: 100%;
		left: 0;
		transform: 0;
		top: 0;
		color: #FFFFFF;
	}
	.img-content h1 {
		font-size: 24px;
		line-height: 32px;
		text-align: center;
	}
	.img-content {
		position: absolute;
		width: auto;
		left: 20px;
		right: 20px;
		transform: translate(0,0);
		top: 23%;
		color: #FFFFFF;
	}
	.img-content h1:after {
		display: none;
	}
	.feature {
		padding: 50px 0;
		text-align: center;
	}
	.feature h1 {
		font-size: 24px;
	}
	.feature h4 {
		margin: 50px auto 35px;
	}
	.feature-list{display: flex;flex-flow: row wrap;}
	.feature-list li {
		width: 33.3%;
	}
	.feature-list li span {
		top: 105px;
	}
	.pattern {
		padding: 0 0 50px;
		background: none;
	}
	.pattern h1 {
		color: #333;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		margin-bottom: 10px;
	}
	.pattern h2 {
		color: #a8a8a8;
		font-size: 14px;
		font-weight: normal;
		line-height: 20px;
		margin-top: 0;
		text-align: center;
	}
	.pattern-list {
		margin-top: 40px;
		display: flex;
		flex-flow: row wrap;
	}
	.pattern-list li {
		position: relative;
		width: 70%;
		margin: 0 auto;
	}
	.com-servince {
		padding: 50px 0;
		text-align: center;
	}
	.com-servince h1 {
		font-size: 24px;
		margin-bottom: 0;
	}
	.com-servince h2 {
		margin-top: 10px;
	}
	.com-servince-list h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.com-servince-list li {
		margin: 1%;
		width: 52%;
		background-color: #f6f6f8;
		float: left;
		padding-bottom: 0;
		height: 385px;
	}
	.com-servince-list li img {
		width: 80%;
		margin: 20px auto 10px;
	}
	.com-servince-list h4 {
		color: #333;
		font-size: 20px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		margin-bottom: 10px;
	}
	.com-servince-list li:nth-child(2), .com-servince-list li:nth-child(3) {
		width: 44%;
	}
	.com-servince-list li:nth-child(3){margin: 1%}
	.f-banner{margin-top:70px;}
	.f-banner .img-content .img-detail{display: none;}
	.e-banner .img-content .img-detail{display: none;}
	.coop-process {
		padding: 60px 0;
	}
	.r-banner-content {
		top: 75px;
	}
    .honor-wrap{box-shadow: 0 5px 30px #07326d14;margin: 10px;border-radius: 5px;}
    .honor-wrap ul{display: flex;justify-content: space-between;padding: 10px 5px 20px;}
    .honor-wrap li{text-align: center;flex: 1;overflow: hidden;position: relative;}
    .honor-wrap li::after{display: none;content: '';position: absolute;right: 0;top: 28px;bottom: 0;width: 1px;height: 60px;background: #eee;}
    .honor-wrap li:last-child::after{display: none;}
    .honor-wrap li h2{display: flex;align-items: center;justify-content: center;height: 55px;color: #8d8f93;font-size: 22px;}
    .honor-wrap li i{font-style: normal;font-size: 26px !important;color: #141e2a !important;}
    .honor-wrap li p{margin: 5px 0 0;font-size: 14px;color: #7a7b7e;padding: 0 10px;}

    .product-wrap{padding: 50px 0;text-align: center;}
    .product-wrap h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
    .product-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
    .product-wrap ul{display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;margin-top: 35px;}
    .product-wrap li{width: 50%;overflow: hidden;height: 300px;border: 1px solid #EEE;box-sizing: border-box;padding: 16px 5px;transition: all .15s linear;}
    .product-wrap li .tit{display: flex;flex-direction: column;align-items: center;justify-content: center;}
	.product-wrap li .tit img{display: block;width: 40px;height: 40px;margin: 0 auto;}
	.product-wrap li .tit h4{font-size: 20px;color: #000;display: block;margin: 8px auto;}
	.product-wrap li p{color: #A5A5AC;font-size: 13px;text-align: center;line-height: 23px;}
	.product-wrap li a{display: none;color: #f5b104;font-size: 14px;margin-top: 5px;transition: all .1s linear;text-align: left;cursor: pointer;}
	.product-wrap li a:hover{text-decoration: underline;}
	.product-wrap .active{border: 1px solid #F5B104 !important;box-shadow: 0px 5px 30px 0px rgba(71,72,92,0.1);}
	.product-wrap .active .tit{flex-direction: row !important;justify-content: flex-start !important;border-bottom: 1px solid #E9E9E9 !important;padding-bottom: 13px;margin: -5px 0 10px;}
	.product-wrap .active .tit img{margin: 0 6px 0 0 !important;}
	.product-wrap .active .tit h4{font-size: 22px;color: #000;display: block;margin: 0;}
	.product-wrap .active p{text-align: left !important;}
	.product-wrap .active a{display: block;}

    .resolve-wrap{background: url('../images/resolve.jpg') no-repeat center 0;background-size: 100% 100%;padding: 110px 0 0;}
    .resolve-wrap h2{color: #fff;font-size: 30px;font-weight: 400;line-height: 30px;text-align: center;}
    .resolve-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
	.resolve-wrap .icon img{display: block;width: 30px;height: 30px;}
	.resolve-box-tab{display: flex;justify-content: space-between;margin-top: 50px;color: #fff;}
    .resolve-box-tab dl{display: block;min-height: 550px;width: 100px;color: #fff;background:linear-gradient(90deg,rgba(0,0,0,0.3) 0%,rgba(2,2,2,0.2) 100%);}
    .resolve-box-tab dd{height: 90px;line-height: 90px;text-align: center;cursor: pointer;font-size: 22px;transition: all .2s linear;}
    .resolve-box-tab dd:hover, .resolve-box-tab dd.active {background:linear-gradient(90deg,rgba(242,175,4,0.5) 0%,rgba(245,177,4,0.19) 100%);}
    .resolve-box{flex:1;overflow: hidden;padding: 0 10px 0 15px;}
    .resolve-item h4{font-size: 24px;}
    .resolve-item > p{font-size: 13px;
        line-height: 25px;
        margin-top: 15px;}
    .resolve-item a{    display: inline-block;
        color: #fff;
        width: 165px;
        height: 40px;
        box-sizing: border-box;
        line-height: 40px;
        border: 1px solid #fff;
        text-align: center;
        font-size: 14px;
        margin-top: 30px;
        transition: all .2s linear;}  
    .resolve-item a:hover{border: 1px solid #f5b104;color: #f5b104;}
    .resolve-item h5{margin-top: 55px;font-size: 18px;}
    .resolve-item ul{display: flex;align-items: center;flex-flow: row wrap;margin-top: 20px;}
    .resolve-item li{width: 25%;text-align: center;font-size: 12px;margin-bottom: 18px;}
    .resolve-item li .icon{height: 40px;display: flex;justify-content: center;margin: 0 auto;}
	.resolve-item li i{display: block;font-size: 50px;}
	.resolve-item li > p{text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

    .technology-wrap{padding: 35px 0;}
    .technology-wrap h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;text-align: center;}
    .technology-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;text-align: center;}
    .technology-wrap ul{display: flex;flex-flow: row wrap;align-items: center;justify-content: space-between;margin-top: 35px;}
    .technology-wrap li{display: block;width:50%;overflow: hidden;padding: 5px;}
    .technology-wrap li .info{background: #f1f4f4;display: flex;align-items: center;justify-content: space-between;padding: 10px 5px;transition: all 0.3s ease;cursor: pointer;}
    .technology-wrap li .info .bg{width: 40px;height: 40px;background-size: 40px 40px !important;}
    .technology-wrap li .info .right{flex: 1;overflow: hidden;box-sizing: border-box;padding-left: 5px;}
    .technology-wrap li .info h4{font-weight: 400;font-size: 20px;color: #242527;}
    .technology-wrap li .info p{margin: 5px 0 0;color: #5e5f5f;font-size: 13px;height: 60px;}
    .technology-wrap li .info:hover{background-color: #f5b104;}
	.technology-wrap li:nth-child(1) .info .bg{background: url('../images/advicon11.png') no-repeat center 0;}
	.technology-wrap li:nth-child(1):hover .info .bg{background: url('../images/advicon1.png') no-repeat center 0;}
	.technology-wrap li:nth-child(2) .info .bg{background: url('../images/advicon22.png') no-repeat center 0;}
	.technology-wrap li:nth-child(2):hover .info .bg{background: url('../images/advicon2.png') no-repeat center 0;}
	.technology-wrap li:nth-child(3) .info .bg{background: url('../images/advicon33.png') no-repeat center 0;}
	.technology-wrap li:nth-child(3):hover .info .bg{background: url('../images/advicon3.png') no-repeat center 0;}
	.technology-wrap li:nth-child(4) .info .bg{background: url('../images/advicon44.png') no-repeat center 0;}
	.technology-wrap li:nth-child(4):hover .info .bg{background: url('../images/advicon4.png') no-repeat center 0;}
	.technology-wrap li:nth-child(5) .info .bg{background: url('../images/advicon55.png') no-repeat center 0;}
	.technology-wrap li:nth-child(5):hover .info .bg{background: url('../images/advicon5.png') no-repeat center 0;}
	.technology-wrap li:nth-child(6) .info .bg{background: url('../images/advicon66.png') no-repeat center 0;}
	.technology-wrap li:nth-child(6):hover .info .bg{background: url('../images/advicon6.png') no-repeat center 0;}


    .cooperative-wrap{
		text-align: center;
	}
	.cooperative-wrap .tit{
		color: #0c2442;
		display: block;
		margin: 0 auto;
		font-size: 24px;
		margin-bottom: 35px;
	}
	.cooperative-wrap ul{
		display: flex;
		align-items: center;
		flex-flow: row wrap;
	}
	.cooperative-wrap li{
		width: 33.3%;
		height: 100px;
		box-sizing: border-box;
			border: 1px solid #E5E5E5;
			border-right: 1px solid #fff;
			background-color: #fff;
	}
	.cooperative-wrap li a{
		display: block;
			height: 100px;
	}
	.cooperative-wrap li .img_box {
			width: 100%;
			height: 100px;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
	}
	.cooperative-wrap li .img_box img {
			display: inline-block;
			width: 85%;
	}
	.cooperative-wrap li .Eco_more{
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.cooperative-wrap li .Eco_more i.dot {
			display: inline-block;
			width: 9px;
			height: 9px;
			background-color: #b5b5b5;
			border-radius: 50%;
		margin-right: 10px;
	}
	.cooperative-wrap li:last-child {
			border-right: 1px solid #E5E5E5;
    }
	.client-wrap{padding: 45px 0 35px;text-align: center;position: relative;}
	.client-marketing{padding: 50px 0 50px !important;}
    .client-wrap::after{content:'';position: absolute;left: 0;right:0;height: 200px;top: 310px;background-color: #3F3E3F;}
    .client-wrap h2{color: #333;font-size: 30px;font-weight: 400;line-height: 30px;}
    .client-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;}
	.client-wrap .swiper-container{padding: 0 50px;}
    .client-wrap .item{width: 85%;overflow:hidden;background-color: #fff;box-sizing: border-box;padding: 35px;box-shadow: 0px 10px 34px 0px rgba(0, 0, 0, 0.1);margin: 50px auto;}
    .client-wrap .item img{display: block;margin: 0 auto;}
    .client-wrap .swiper-slide h4{font-weight: 400;font-size: 20px;color: #A5A5AC;width: 90%;margin: 0 auto;}
    .client-wrap .swiper-slide p{color: #A5A5AC;font-size: 14px;margin: 10px auto;text-align: justify;}
	.client-wrap .main{position: relative;}
	.client-wrap .swiper-button-next {position: absolute;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(0,0,0,.2);display: flex;align-items: center;justify-content: center;color: #FFF;top:28%;left: 0;font-size: 28px;z-index: 999;}
	.client-wrap .swiper-button-prev {position: absolute;width: 40px;height: 40px;border-radius: 50%;background-color: rgba(0,0,0,.2);display: flex;align-items: center;justify-content: center;color: #FFF;top:28%;right: 0;font-size: 28px;z-index: 999;}

    .contact-wrap{text-align: center;padding: 0 0 100px;}
    .contact-wrap a{display: inline-block;
        height: 70px;
        box-sizing: border-box;
        line-height: 70px;
        text-align: center;
        font-size: 22px;
        border: 1px solid #f5b104;
        color: #f5b104;
        border-radius: 50px;
		padding: 0 60px;}

	.news-wrap{padding: 30px 0;}
	.news-box-tab dl{display: flex;align-items: center;margin-bottom: 10px;}
	.news-box-tab dd{font-size: 18px;color: #333;line-height: 50px;margin-right: 15px;cursor: pointer;border-bottom: 2px solid #fff;}
	.news-box-tab dd:hover{color: #f5b104;}
	.news-box-tab .active{border-bottom: 2px solid #f5b104;}
	.news-box .news-item li{display: flex;align-items: center;border-bottom: 1px solid #EEE;padding: 15px 0;cursor: pointer;}
	.news-box .news-item li:last-child{border: 0;}
	.news-box .news-item li img{display: block;width: 100px;height: 80px;margin-right: 10px;}
	.news-box .news-item li .news-fr{flex: 1;overflow: hidden;}
	.news-box .news-item li:hover h4{color: #f5b104;}
	.news-item li .news-fr a h4{color: #333;font-size: 16px;text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;}
	.news-item li .news-fr .time{color: #a5a5ac;margin: 5px 0;font-size: 13px;}
	.news-fr .time i{margin-right: 7px;font-size: 13px;}
	.news-item li .news-fr p{color: #a5a5ac;font-size: 14px;line-height: 20px;text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;}
	.advantage-wrap{text-align: center;padding: 35px 0;}
	.advantage-wrap h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
    .advantage-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
	.advantage-wrap ul{display: flex;justify-content: space-between;margin-top: 45px;}
	.advantage-wrap li{flex:1;overflow: hidden;background-color: #F8F8F8;border: 1px solid #eee;box-sizing: border-box;padding: 20px 15px;margin-right: 8px;}
	.advantage-wrap li:last-child{margin: 0;}
	.advantage-wrap li img{display: block;width:60px;height: 60px;margin: 0 auto 20px;}
	.advantage-wrap h4{color: #333;font-size: 16px;margin: 0 auto 15px;}
	.advantage-wrap p{color: #A5A5AC;font-size: 14px;}
	.advantage-wrap a{display: inline-block;width:120px;height: 40px;text-align: center;font-size: 15px;box-sizing: border-box;line-height: 40px;background-color: #f5b104;color: #fff;margin: 35px auto 0;}

	.function-wrap{text-align: center;padding: 50px 0;background: url('../images/function.png') no-repeat center center;background-size:100% 100%;}
	.function-wrap h2{color: #fff;font-size: 24px;font-weight: 400;line-height: 30px;}
    .function-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
	.function-wrap ul{display: flex;justify-content: space-between;margin-top: 45px;flex-flow: row wrap;}
	.function-wrap li{width:25%;overflow: hidden;box-sizing: border-box;padding: 0 10px;position: relative;}
	.function-wrap li::after{content: '';position: absolute;right: 0;top: 80px;border-right:1px solid rgba(255,255,255,.6);height: 35px;}
	.function-wrap li:last-child::after{display: none;}
	.function-wrap li img{display: block;width:50px;height: 50px;margin: 0 auto 20px;}
	.function-wrap h4{color: #fff;font-size: 18px;margin: 0 auto 10px;}
	.function-wrap p{color: #fff;font-size: 14px;}

	.version-wrap{text-align: center;padding: 50px 0;}
	.version-wrap h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
	.version-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
	.version-box{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;padding: 0 10px;}
	.version-box ul{background: url('../images/open_shop_step.png') no-repeat;height: 335px;background-size: 16px 325px;
		background-position: 0;
		padding-left: 25px;
		font-size: 18px;
		color: #333;}
	.version-box li{margin-bottom: 76px;text-align: left;font-size: 15px;}
	.version-box .right{position: relative;width: 225px;}
	.version-box .right > img{display: block;width:100%;margin: 0;}
	.version-box .right:hover .mask{display: flex;}
	.version-box .mask{display: none;position: absolute;top:20px;left: 20px;right: 20px;bottom: 20px;background-color: rgba(0,0,0,.5);align-items: center;justify-content: center;transition: all .2s ease-in;}
	.version-box .hover-show{    background: #fff;
		border-radius: 2px;
		text-align: center;
		width: 190px;}
	.version-box .hover-show img{    width: 170px;
		padding: 10px 0;}
		.version-box .hover-show p{    font-size: 14px;
			color: #666;
			padding-bottom: 14px;}
	.module-wrap{text-align: center;padding:50px 0;background: url('../images/module.jpg') no-repeat center center;background-size:100% 100%;}
	.module-wrap h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
    .module-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
	.module-wrap ul{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;margin-top: 35px;}
	.module-wrap li{width:25%;overflow: hidden;box-sizing: border-box;padding: 10px 5px;position: relative;}
	.module-wrap li:nth-child(4n){background: none;}
	.module-wrap li img{display: block;width:40px;height: 40px;margin: 0 auto 10px;}
	.module-wrap h4{color: #333;font-size: 16px;margin: 0 auto 5px;}
	.module-wrap p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 75px;}

	.product-case{padding: 50px 0;text-align: center;}
    .product-case h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
    .product-case h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
    .case-box-tab{display: flex;justify-content: space-between;margin-top: 35px;}
    .case-box-tab dl{display: block;height: 500px;width: 100px;color: #333;background-color:#F8F8F8;}
    .case-box-tab dd{height: 50px;line-height: 50px;text-align: center;cursor: pointer;font-size: 18px;transition: all .2s linear;}
    .case-box-tab dd:hover, .case-box-tab dd.active {background-color: #f5b104;}
    .case-box{flex:1;overflow: hidden;padding: 0 10px 0 15px;}
	.case-item .name{display: flex;justify-content: space-between;align-items: center;}
	.case-item .name span{
		font-weight: 400;
		font-size: 18px;
		color: #242527;
		flex: 1;
		overflow: hidden;
		text-align: left;
	}
	.case-item .name a{color: #A5A5AC;font-size: 14px;cursor: pointer;}
	.case-item .name a:hover{color: #f5b104;text-decoration: underline;}
	.case-item img{width: 100%;margin: 35px auto;}
	.case-item p{color: #A5A5AC;
		font-size: 14px;
		margin: 10px auto 0;
		text-align: justify;}

	.app-wrap{padding: 50px 0;text-align: center;}
    .app-wrap h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
	.app-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
	.app-wrap ul{display: flex;justify-content: space-between;align-items: center;margin-top: 45px;}
	.app-wrap li{flex:1;overflow: hidden;box-sizing: border-box;margin: 10px;}
	.app-wrap li img{display: block;width:60px;height: 60px;margin: 0 auto 15px;}
	.app-wrap h4{color: #333;font-size: 18px;margin: 0 auto 10px;}
	.app-wrap p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 84px;}

	.introduce-wrap{padding: 50px 0;text-align: center;background-color: #f5b104;}
	.introduce-wrap h2{color: #fff;font-size: 24px;font-weight: 400;line-height: 30px;}
	.introduce-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
	.introduce-wrap ul{display: flex;justify-content: space-between;margin-top: 45px;flex-flow: row wrap;}
	.introduce-wrap li{width: calc(50% - 10px);height: 195px;
		background: #fff;
		margin: 5px;
		padding: 15px;
		border-radius: 4px;
		overflow: hidden;
		box-sizing: border-box;
		transition: all .5s ease;
		cursor: pointer;display: flex;justify-content: space-between;}
	.introduce-wrap li img{width: 60px;height: 60px;border-radius: 50%;margin-right: 12px;}
	.introduce-wrap li .right{flex: 1;overflow: hidden;text-align: left;}
	.introduce-wrap h4{color: #333;font-size: 18px;margin: 0 auto 10px;}
	.introduce-wrap p{color: #A5A5AC;font-size: 14px;}

	.app-advantages{padding: 50px 0;text-align: center;box-shadow: 0 4px 30px 0 rgba(133, 138, 180, 0.14);}
	.app-advantages h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
	.app-advantages h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;}
	.app-advantages ul{display: flex;justify-content: space-between;margin-top: 45px;}
	.app-advantages li{flex:1;overflow: hidden;box-sizing: border-box;margin: 10px;}
	.app-advantages li img{display: block;width:60px;margin: 0 auto 20px;}
	.app-advantages h4{color: #333;font-size: 18px;margin: 0 auto 10px;}
	.app-advantages p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 42px;}

	.step-wrap{padding: 50px 0;}
	.step-wrap h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;text-align: center;}
	.step-wrap h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;text-align: center;}
	.step-wrap ul{display: flex;justify-content: space-between;margin-top: 45px;flex-flow: row wrap;}
	.step-wrap li{width:33.3%;box-sizing: border-box;padding: 10px 15px;position: relative;}
	.step-wrap h4{color: #333;font-size: 18px;margin: 0 auto 10px;}
	.step-wrap p{color: rgba(15, 23, 32, 0.5);font-size: 14px;height: 42px;}
	.step-wrap li img{display: block;width:82%;margin: 20px auto 0;}
	.step-wrap li:nth-child(1)::after{content: '';width: 20px;height:35px;position: absolute;background: url('../images/right.jpg') no-repeat center center;top: 100px;right: 0px;background-size: 20px 35px;}
	.step-wrap li:nth-child(2)::after{content: '';width: 20px;height:35px;position: absolute;background: url('../images/right.jpg') no-repeat center center;top:100px;right:0;background-size: 20px 35px;}
	.step-wrap li:nth-child(3)::after{content: '';width: 35px;height:20px;position: absolute;background: url('../images/bottom.jpg') no-repeat center center;bottom:-15px;right:0px;background-size: 35px 20px;}
	.step-wrap li:nth-child(5)::after{content: '';width: 20px;height:35px;position: absolute;background: url('../images/left.jpg') no-repeat center center;top:100px;left:0;background-size: 20px 35px;}
	.step-wrap li:nth-child(6)::after{content: '';width: 20px;height:35px;position: absolute;background: url('../images/left.jpg') no-repeat center center;top:100px;left:0;background-size: 20px 35px;}

	.custom-wrap{padding: 50px 0;background: url('../images/bj.jpg') no-repeat center center;background-size:100% 100%; display: none;}
	.custom-wrap h2{color: #fff;font-size: 24px;font-weight: 400;line-height: 30px;text-align: center;}
	.custom-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin: 10px 0 35px;text-align: center;}
	.custom-box{display: flex;justify-content: center;align-items: center;position: relative;}
	.custom-box img{display: block;width:60%;margin: 70px auto;}
	.custom-box ul li{position: absolute;color: #fff;font-size: 14px;}
	.custom-box ul li h4{color: #fff;font-size: 18px;margin: 0 auto;}
	.custom-box ul li h4 i{color: #f5b104 !important;font-style: normal;font-size: 18px !important;}
	.custom-box ul li p{color: #fff;font-size: 14px;padding-left: 26px;}
	.custom-box ul li:nth-child(1){top: 25px;left: 10px;}
	.custom-box ul li:nth-child(2){top: 120px;left: 0px;}
	.custom-box ul li:nth-child(3){bottom: 35px;left: 15px;}
	.custom-box ul li:nth-child(4){right: 0;top: 33px;}
	.custom-box ul li:nth-child(5){right: 30px;top: 145px;}
	.custom-box ul li:nth-child(6){right: 0;bottom: 0;}

	.company-info{padding: 50px 0;}
	.company-info h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;text-align: center;margin-bottom: 15px;}
	.company-info p{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 8px;text-indent: 2em;}
	.company-info ul{display: flex;justify-content: space-between;margin-top: 30px;flex-flow: row wrap;}
	.company-info li{width:33.3%;box-sizing: border-box;padding: 10px;}
	.company-info li img{display: block;width:100%;margin: 0 auto;}

	.process-wrap{padding: 50px 0 10px;background: url('../images/afq-bg.png') no-repeat center center;background-size:auto 100%;}
	.process-wrap h2{color: #fff;font-size: 24px;font-weight: 400;line-height: 30px;text-align: center;}
	.process-wrap h3{color: #fff;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;text-align: center;}
	.process-info{background: rgba(8,11,27,.3);border-radius: 4px;display: flex;justify-content: flex-start;margin: 30px auto;padding: 20px 10px;}
	.process-info img{height: 60px;width: 60px;}
	.process-info .right{margin-left: 10px;flex:1;overflow: hidden;}
	.process-info .right dt{color: #fff;font-size: 16px;margin-bottom: 15px;}
	.process-info .right dd{color: #fff;font-size: 14px;line-height: 28px;opacity: .85;}

	.marketing-wrap{position: relative;}
	.description-wrap{background-color: rgba(0,0,0,.3);}
	.description-wrap ul{display: flex;align-items: center;justify-content: space-between;}
	.description-wrap li{flex:1;overflow: hidden;box-sizing: border-box;padding: 25px 5px;color: #fff;display: flex;align-items: center;cursor: pointer;}
	.description-wrap li:hover{background-color: rgba(0,0,0,.7);}
	.description-wrap li img{display: inline-block;width: 48px;}
	.description-wrap li .right{flex:1;overflow: hidden;box-sizing: border-box;padding: 0 0 0 20px;}
	.description-wrap h4{font-size: 16px;margin-bottom: 5px;}
	.description-wrap p{font-size: 14px;opacity: .8;}

	.marketing-advantage{padding: 50px 0;}
	.marketing-advantage li img{width: 50px !important;height: 50px !important;} 
	.resolve-marketing{background: url('../images/market-bg.png') no-repeat center center;background-size:100% 100%;padding: 25px 0;}
	.resolve-marketing .resolve-box-tab{margin-top: 0 !important;}
	.resolve-marketing dl{background-color: rgba(0,0,0,0.5);}
	.resolve-marketing dd{text-align: left;box-sizing: border-box;display: flex;justify-content: center;flex-direction: column;padding: 0 15px;height: auto;}
	.resolve-marketing dd .item{border-bottom: 1px solid #454545;padding: 10px 0;}
	.resolve-marketing dd h4{    font-size: 16px;
		line-height: 30px;
		font-weight: normal;}
	.resolve-marketing dd p{display: none;}
	.resolve-marketing dd.active {
			background: linear-gradient(90deg,rgba(245,177,4,0.8) 0%,rgba(245,177,4,0.4) 100%);}
	.resolve-marketing dd.active .item{border: 0 !important;}
	.resolve-marketing dd:last-child .item{border: 0 !important;}

	.company-info-marketing{background-color: #f9f9f9;}
	.custom-marketing .custom-box ul li p{padding-left:0 !important;}
	.custom-marketing .custom-box ul li:nth-child(1){top: 40px;left: 10px;}
	.custom-marketing .custom-box ul li:nth-child(2){top: 120px;left: 0px;}
	.custom-marketing .custom-box ul li:nth-child(3){bottom: 50px;left: 40px;}
	.custom-marketing .custom-box ul li:nth-child(4){right: 0;top: 5px;}
	.custom-marketing .custom-box ul li:nth-child(5){right: -35px;top: 120px;}
	.custom-marketing .custom-box ul li:nth-child(6){right: 0;bottom: 0;}
	.company-power {
		padding: 50px 0;
	}
	.company-power h2 {
		color: #333;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		margin-bottom: 35px;
	}
	.contact {
		text-align: center;
		padding: 0;
	}
	.contact h2 {
		color: #333;
		font-size: 24px;
		font-weight: 400;
		line-height: 30px;
		text-align: center;
		margin-bottom: 5px;
	}
	.website-swiper{
        width: 100%;
        height: 100vh;
        margin-left: auto;
        margin-right: auto;
	}
	.website-swiper .swiper-wrapper{
		display: block;
	}
    .website-swiper .swiper-slide {
		width: 100%;
		height: 100vh;
        text-align: center;
        font-size: 18px;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
	}
	.website-swiper .website-item{display: flex;align-items: center;justify-content: space-between;background-size: 100% 100% !important;}
	.website-item .website,.website-item .right{flex:1;overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
	.website-item .right img{display: block;width: auto;margin:0 auto;max-width: 80%;}
	.website-item .website{text-align: left;}
	.website-item .website .info{box-sizing: border-box;padding:0 8%;}
	.website-item .website h2{font-size: 24px;font-weight: 400;line-height: 30px;}
	.website-item .website h3{font-size: 18px;font-weight: normal;line-height: 30px;margin: 20px 0 50px;position: relative;}
	.website-item .website h3::after{content:'';position: absolute;bottom: -15px;left:0;width:60px;height:3px;background-color: #f5b104;}
	.website-item .website p{font-size: 14px;line-height: 25px;}
	.website-item .website ul{display: flex;align-items: center;margin-top: 50px;}
	.website-item .website li{transition: all .3s ease-in;height: 48px;box-sizing: border-box;line-height: 48px;font-size: 15px;padding: 0 10px;border: 1px solid #f5b104;color:#f5b104;margin-right:20px;}
	.website-item .website li a{color:#f5b104;cursor: pointer;}
	.website-item .website li:hover a{text-decoration: underline;}
	.website-swiper .one{background: url(../images/website-bg3.jpg) no-repeat center 0;color: #000;}
	.website-swiper .two{background-color:#F9F9F9;color: #000;}
	.website-swiper .three{background: url(../images/resolve.jpg) no-repeat center 0;color: #fff;}
	.website-swiper .four{background-color:#F9F9F9;color: #000;}
	.website-swiper .five{background-color:#f5b104;color: #fff;}
	.website-swiper .five li{border: 1px solid #fff !important;}
	.website-swiper .five a{color: #fff !important;}
	.website-swiper .six{background-color:#F9F9F9;color: #000;}
	.website-swiper .seven{background: url(../images/website-bg7.jpg) no-repeat center 0;color: #000;}
	.website-swiper .eight{display: flex;align-items: center;flex-direction: column;justify-content: flex-end;}
	.website-swiper .eight .ff-ask{visibility: visible !important;margin: 5% auto;}
	.website-swiper .eight .ff-ask h2{margin-bottom: 25px;}
	.website-swiper .eight-footer{width:100%;}

	.apply-now{padding: 30px 15px;background: url('../images/footbg.png') #FFD03E no-repeat center bottom;background-size: 100% auto;width: 100%;}
	.apply-now-left{display: flex;align-items: center;flex:1;overflow: hidden;}
	.apply-now-left img{display: block;width: 55px;height: 55px;margin-right: 15px;}
	.apply-now-left-text h3{color: #333;font-size: 28px;}
	.apply-now-left-text p{color: #333;font-size: 14px;}
	.apply-now-right{flex:1;overflow: hidden;}
	.apply-now-right .form2{width:100%;display: block;margin-top: 20px;visibility: visible !important;} 
	.apply-now-right .row-input{display: flex;align-items: center;justify-content: space-between;margin-bottom: 14px;}
	.apply-now-right .row-input .row-item{flex:1;overflow: hidden;} 
	.row-input .row-item {flex: 1;overflow: hidden;background-color: #fff;height: 40px;display: flex;align-items: center;padding: 0 6px;}
	.form2 label, .form2 input, .form2 textarea {font-size: 14px;line-height: 27px;color: #A5A5AC;}
	.form2 button {width: 110px;height: 80px;margin: 0 0 0 14px;display: block;font-size: 14px;border-radius: 0;color: #FDC109;background-color: #222222;}

	.service-footer{background-color: #222;padding: 20px 0;width: 100%;}
	.service-footer .main{display: flex;align-items: center;justify-content: space-between;flex-flow: row wrap;box-sizing: border-box;padding: 0 10px;}
	.service-footer li{width:50%;overflow: hidden;font-size: 15px;color: #F5B104;display: flex;align-items: center;margin: 5px 0;}
	.service-footer img{display: block;width:28px;height:28px;margin-right:5px;}  
	
	.footer-wrap{background-color: #fff;width: 100%;box-sizing: border-box;padding: 0 10px;}
	.footer-row-one{padding:25px 0 18px;text-align: left;}
	.footer-row-one h5{color:#333;font-size:16px;margin-bottom: 10px;}
	.footer-row-one ul{display: flex;align-items: center;justify-content: space-between;flex-flow: row wrap;padding: 0;}
	.footer-row-one li{width:50%;color:#333;font-size:13px;line-height: 28px;}
	.footer-row-one li:nth-child(3n){display: none;}    
	.footer-row-one li span{color: #FDC109;font-size:16px;font-weight: 700;}
	.footer-row-two{border-top: 1px solid #EAEAEA;padding: 16px 0 45px;}
	.footer-row-two-left{flex:1;overflow: hidden;}
	.footer-row-two-left dl{color:#333;font-size:15px;display: flex;align-items: center;flex-flow: row wrap;}
	.footer-row-two-left dd{margin-right:20px;position: relative;}  
	.footer-row-two-left dd::after{content: '';position: absolute;top:7px;right:-10px;height:15px;border-right:1px solid #EAEAEA;}
	.footer-row-two-left dd:last-child::after{display: none;} 
	.footer-row-two-left dd a{color:#333;font-size:14px;line-height: 28px;} 
	.footer-row-two-bot{margin-top: 45px;color: #A5A5AC;font-size: 14px;display: flex;align-items: center;}
	.footer-row-two-bot-right{flex:1;overflow: hidden;text-align: center;}
	.footer-row-two-bot-right > a{color: #A5A5AC;font-size: 14px;margin-bottom: 2px;display: block;} 
	.footer-row-two-bot img{display: none;width:32px;margin-right:15px;}  
	.footer-row-two-right{text-align: center;color:#333;font-size:14px;display: none;}
	.footer-row-two-right p{margin:3px auto 10px;}
	.footer-row-two-right img{display: block;width: 140px;height: 140px;margin:0 auto;}

	#certify {
		position: relative;
		width: 90%;
		margin: 0 auto;
		padding-bottom: 60px;
	}
	
	
	#certify  .swiper-slide {
		width: 150px;
		height: 310px;
	}
	#certify  .swiper-slide img{
		display:block;
		width: 100%;
		height: auto;
	}
	#certify  .swiper-slide p {
		line-height: 98px;
		padding-top: 0;
		text-align: center;
		color: #636363;
		font-size: 1.1em;
		margin: 0;
	}
	
	#certify .swiper-pagination {
		width: 100%;
		bottom: 8px;
	} 
	
	#certify .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 2px;
		border: 1px solid #fff;
		background-color: #d5d5d5;
		width: 5px;
		height: 5px;
		opacity: 1;
	}
	
	#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
		border: 3px solid #f5b104;
		background-color: #fff;
	}
	  
	#certify .swiper-button-prev {
		left: 0px;
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 0;
		background-size: 100%;
		top: 35%;
		position: absolute;
		z-index:9999;
	}
	
	/* #certify .swiper-button-prev:hover {
		background-position: 0 -46px;
		background-size: 100%
	} */
	
	#certify .swiper-button-next {
		right: 0px;   
		width: 45px;
		height: 45px;
		background: url(../images/wm_button_icon.png) no-repeat;
		background-position: 0 -93px;
		background-size: 100%;
		top: 35%; 
		position: absolute; 
		z-index:9999;
	}
	
	/* #certify .swiper-button-next:hover {
		background-position: 0 -139px;
		background-size: 100%
	}   */

	/* 公众号开发 */  
	.wechat-one{text-align: center;box-sizing: border-box;padding: 50px 0;} 
	.wechat-one h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
	.wechat-one h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 20px;width:90%;margin: 10px auto 0;}
	.wechat-one ul{display: flex;align-items: center;flex-flow: row wrap;margin-top:35px;}
	.wechat-one li{width:50%;border-right: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;display: flex;align-items: center;justify-content: center;box-sizing: border-box;padding: 12px 20px;font-size: 15px;line-height: 26px;color: #333;}
	.wechat-one li:nth-last-child(-n + 2){border-bottom:0;}
	.wechat-one li:nth-child(2n){border-right:0;}  
	.wechat-one li img{display: block;width:35px;height:35px;margin:0 10px 0 0;}

	.wechat-two{text-align: center;box-sizing: border-box;}
	.wechat-two h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;}
	.wechat-two .main-info > h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;width:65%;margin: 10px auto 15px;}  
	.wechat-two li .main{padding:30px 0;}  
	.wechat-two li:nth-child(odd){background-color: #f2f2f2;}
	.wechat-two .content-img img{display: block;width:40%;margin:0 auto 25px;}
	.wechat-two .content-wrap{box-sizing: border-box;padding:0 20px;text-align: left;}
	.wechat-two .content-wrap h3{font-size: 18px;color: #3f3f3f;font-weight: 700;} 
	.wechat-two .content-wrap h4{font-size: 12px;margin-top: 3px;color: #3f3f3f;}
	.wechat-two .content-wrap p{font-size: 14px;color: #888888;line-height: 25px;padding: 10px 0;margin:0;}   
	.wechat-two .content-wrap dd{display: block;color:#f5b104;font-size: 14px;margin-bottom: 10px;position: relative;}
	.wechat-two li dd{padding:0 0 0 15px;}  
	.wechat-two li dd::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;left:0;top:8px;background-color: #f5b104;}

	.wechat-three{text-align: center;box-sizing: border-box;padding: 50px 0;} 
	.wechat-three h2{color: #333;font-size: 24px;font-weight: 400;line-height: 30px;padding:0 15px;}
	.wechat-three h3{color: #A5A5AC;font-size: 14px;font-weight: normal;line-height: 20px;margin-top: 10px;width:65%;margin: 20px auto 0;}
	.wechat-three ul{display:flex;align-items: center;flex-flow:row wrap;margin-top:30px;}
	.wechat-three li{width:33.3%;text-align: center;padding: 15px 0;border-bottom: 1px solid #efefef;border-right: 1px solid #efefef;}
	.wechat-three li img{display: block;width:50px;height:50px;margin:0 auto 5px;}
	.wechat-three li h4{font-size:16px;color:#333;}
	.wechat-three li p{font-size:12px;color:#888;padding:5px 0 0;}      
	.wechat-three li:nth-child(3n){border-right:0;}    
	.wechat-three li:nth-last-child(-n+1){border-bottom:0;} 

	.wechat-four{box-sizing: border-box;padding:50px 0;background: url(../images/new-people-back-min.png)0% 0% /cover no-repeat rgba(0,0,0,1);text-align: center;}
	.wechat-four h2{color: #fff;font-size: 24px;font-weight: 400;line-height: 30px;}
	.wechat-four ul{display:flex;align-items: center;margin-top:30px;padding:0 5px;}
	.wechat-four li{width:33.3%;text-align: center;box-sizing: border-box;padding:0 5px;} 
	.wechat-four li .img{width: 65px;height: 65px;margin: 0 auto;border-radius: 50%;margin-bottom: 15px;background-size: 380px auto !important;}
	.wechat-four li:nth-child(1) .img{background: url(../images/three-accounts.png) no-repeat top left;}  
	.wechat-four li:nth-child(2) .img{background: url(../images/three-accounts.png) no-repeat top center;}
	.wechat-four li:nth-child(3) .img{background: url(../images/three-accounts.png) no-repeat top right;}  
	.wechat-four li h4{font-size:16px;color:#fff;margin-bottom:10px;}
	.wechat-four li p{font-size:14px;color:rgba(255,255,255,.9);}   

	.news-bot-wrap{display:none;} 
}

.version {
	padding: 90px 0 0;
	background: #F9F9F9;
}

.version-content ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 40px;
}

.version-content li {
	position: relative;
	width: 300px;
	height: 250px;
	padding: 25px 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 5px;
	justify-content: space-between;
	box-shadow: 0px 3px 18px 3px rgba(170, 169, 169, 0.29);
}

.version-img img {
	height: 80px;
	width: auto;
}

.version-img img:nth-child(2),
.version-btn span:nth-child(2) {
	display: none;
}

.version-content li:hover .version-img img:nth-child(2),
.version-content li:hover .version-btn span:nth-child(2) {
	display: block;
}

.version-content li:hover .version-img img:first-child,
.version-content li:hover .version-btn span:first-child {
	display: none;
}

.version-content li:hover .version-btn {
	background: #EFB230;
}

.version-content li:hover {
	background: #666;
}

.version-content li:hover .version-txt {
	color: #fff;
}

.version-btn {
	width: 140px;
	line-height: 36px;
	border-radius: 18px;
	background: #666666;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.version-txt {
	line-height: 20px;
	color: #666;
}

.version-drop {
	width: 36px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
}

.link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
}


/* 资讯 */
.information-box{margin: 30px auto;width: 1200px;}
.information-box .info-article-box .info-article{margin-bottom: 30px;margin-right: 20px;}
.information-box img{flex-shrink: 0;}
.information-box .info-article-box{width: 100%;}
.information-box .info-article-box .info-article{width: 560px;} 
.information-box .info-title-box{height: 58px;line-height: 58px; font-size: 20px; font-weight: 400; color: rgba(51, 51, 51, 1); }
.information-box .info-title{ letter-spacing: 1px; }
.information-box .info-more{ color: #6362F1; }


.information-box .info-article-box ul li a:hover{color: #bb8703;transition: .3s;opacity: 0.9;}
.information-box .info-article-box ul li a{display: flex;justify-content: space-between;line-height: 30px;margin-bottom: 10px;}
.information-box .info-article-box ul li:first-child a{display: flex;justify-content: flex-start;line-height: initial;}
.information-box .info-article-box ul li a .info-first-img{width: 232px; height: 134px; flex-shrink: 0; margin-right: 10px;}
.information-box .info-article-box ul li a .info-first-tit{width: 308px;}
.information-box .info-article-box ul li a .info-first-txt{height: 60px;margin-bottom: 25px;}
.information-box .info-article-box ul li a .info-li-title{font-size: 18px;width: 370px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.timeicon-logo{width: 14px;height: 14px;margin-right: 8px;}
.about-mid-box{ display: flex; justify-content: space-between;padding: 0 10px; }
.about-mid-box li{width: 30%;height:240px; display: flex;flex-direction: column;align-items: center; padding: 50px 0 0px 0;box-shadow: 2px 4px 14px 0px rgba(0,0,0,0.1);}

.banner img{width: 100%;}

/* 社区团购 */
.groupon__species { padding-bottom: 90px; }
.groupon__species--label { font-size: 30px; font-weight: 400; color: #222; line-height: 36px; padding-top: 79px; padding-bottom: 54px; text-align: center; }
.groupon__species--list { overflow: hidden; width: 1061px; margin: 0 auto; border: 1px solid #e8e8e8; }
.groupon__species--list li { text-align: center; height: 313px; width: 353px; border-right: 1px solid #e8e8e8; float: left; }
.groupon__species--list li:last-child { border-right: 0; }
.groupon__species--list li img { margin-top: 53px; }
.groupon__species--list li h6 { margin-top: 24px; font-size: 22px; font-weight: 400; color: #333; line-height: 26px; margin-bottom: 16px; }
.groupon__species--list li p { font-size: 18px; font-weight: 400; color: rgba(80,80,80,1); line-height: 28px; }

.groupon__section *{box-sizing: content-box;}
.groupon__section { margin-bottom: -30px; }
.groupon__section .items { white-space: nowrap; }
.groupon__section .items:first-child { height: 648px; }
.groupon__section .wrap__1056 { width: 1056px; margin: 0 auto; }
.groupon__section .items h3 { font-size: 30px; font-weight: 400; color: #333; line-height: 34px; text-align: center; padding-top: 90px; padding-bottom: 78px; }
.groupon__section .items .desc { display: inline-block; vertical-align: middle; }
.groupon__section .items .desc.mall { width: 500px; margin-right: 140px; padding-left: 16px; }
.groupon__section .items .desc h5 { font-size: 24px; font-weight: 400; color: #222; line-height: 30px; margin-bottom: 18px; }
.groupon__section .items .desc p { font-size: 18px; font-weight: 400; color: #666; line-height: 28px; margin-bottom: 8px; }
.groupon__section .items .desc div { width: 156px; height: 44px; line-height: 44px; border-radius: 36px; text-align: center; background: #4894ff; font-size: 20px; font-weight: 400; margin-top: 32px; color: #fff; cursor: pointer; }
.groupon__section .items .desc.mall+img { margin-right: 12px; -webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); }

.groupon__section .items:nth-child(2) { min-height: 486px; padding-top: 80px; }
.groupon__section .items img:first-child { margin-left: 16px; }

.groupon__section .items .desc.merchants { width: 480px;padding-top: 45px; margin-left: 164px; padding-right: 10px; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); }
.groupon__section .items.gray { background: rgba(245,246,249,.8); }

.groupon__section .items:nth-child(3) { min-height: 486px; padding-top: 84px; }
.groupon__section .items .desc.dashboard { width: 480px; margin-right: 82px;padding-top: 45px; padding-left: 16px; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); }
.groupon__section .items:nth-child(4) { background-image: url(../images/sys__1.png); background-size: 1504px 392px; background-repeat: no-repeat; background-position: center 40px; height: 540px; }
.groupon__section .items .desc.sys { padding-top: 100px; margin-left: 610px; }


.groupon__introduce { background:#f7f8fa; padding-top:72px; }
.groupon__introduce--caption { font-size:30px; font-weight:400; color:#333; line-height:36px; text-align:center; padding-bottom:56px; }
.groupon__introduce--list { overflow:hidden; width:1080px; margin:0 auto; padding-bottom:80px; }
.groupon__introduce--list .items { float:left; width:348px; height:301px; border-radius:8px; margin-right:18px; background:#fff; position:relative; }
.groupon__introduce--list .items a { position:absolute; left:0; width:100%; top:0; bottom:0; z-index:2; outline:0 none; }
.groupon__introduce--list .items:last-child { margin-right:0; }
.groupon__introduce--list .items .big__img { height:175px; width:100% }
.groupon__introduce--list .items .big__img.leadwarehouse {
	background:url(../images/groupon__leadwarehouse.png) no-repeat center;
	background-size:348px 175px
}
.groupon__introduce--list .items .big__img.logistics {
	background:url(../images/groupon__logistics.png) no-repeat center;
	background-size:348px 175px
}
.groupon__introduce--list .items .big__img.lifeservice {
	background:url(../images/groupon__lifeservice.png) no-repeat center;
	background-size:348px 175px
}
.groupon__introduce--list .items .title { margin-top:16px; font-size:18px; font-family:PingFangSC-Medium; font-weight:500; color:#333; line-height:18px; text-align:center; position:relative }
.groupon__introduce--list .items .title:after { content:''; height:3px; width:50px; background:#4894ff; position:absolute; left:50%; bottom:-12px; margin-left:-25px }
.groupon__introduce--list .items .desc { margin-top:18px; padding:0 20px; font-size:16px; font-family:PingFangSC-Light; font-weight:300; color:#666; line-height:24px }


.groupbuy-modal .mengban{position: fixed; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; z-index: 9998; background-color: rgba(0,0,0,.2); display: block;}
.groupbuy-modal .close { position: absolute; top: 10px; right: 10px;cursor: pointer;transition: 1s; }
.groupbuy-modal .close:hover{ transform:rotateZ(720deg); }


#submit-modal { width:30%; position:fixed; display:none; z-index:9999; background:#fff; padding:20px 50px 10px; border-radius:5px }
#submit-modal { width:826px!important; border-radius:0!important; left:50%; top:50%; margin-left:-413px!important; margin-top:-200px!important; padding:0!important; }
#submit-modal .modal__content { overflow:hidden; }
#submit-modal .modal__content .modal__content--text { float:left; width:400px; height:400px; padding-top:64px; padding-left:52px; padding-right:52px; box-sizing:border-box; background:url(../images/groupmodal-bg.png); }
#submit-modal .modal__content .modal__content--text p { font-size:18px; font-family:PingFangSC-Regular, PingFang SC; font-weight:400; color:rgba(255, 255, 255, 1); line-height:26px; margin-bottom:8px; }
#submit-modal .modal__content .modal__content--text p:first-child { margin-bottom:16px; font-size:22px; font-family:PingFangSC-Semibold, PingFang SC; font-weight:600; color:rgba(255, 255, 255, 1); line-height:26px; }
#submit-modal .modal__content .modal__content--form { float:left; width:426px; height:400px; background:#fff; padding:64px 40px 0; text-align:center; }
#submit-modal .modal__content .modal__content--form .submit { width:345px; height:47px; background:linear-gradient(90deg, rgba(255, 161, 0, 1) 0, rgba(255, 110, 0, 1) 100%); border-radius:24px; font-size:18px; font-family:PingFangSC-Regular, PingFang SC; font-weight:400; color:rgba(255, 255, 255, 1); line-height:47px; text-align:center; }
#submit-modal .modal__content .modal__content--form .submit span { background:0 0; display:block; box-sizing:border-box; padding:0; margin:0; }
#submit-modal .modal__content .modal__content--form #submit-title { font-size:18px; font-family:PingFangSC-Regular, PingFang SC; font-weight:400; color:rgba(51, 51, 51, 1); line-height:20px; margin-bottom:25px; }
#submit-modal .modal__content .modal__content--form .submit-item { margin-bottom:14px; }
#submit-modal .modal__content .modal__content--form input { width:345px; height:47px; border-radius:24px; border:1px solid rgba(186, 186, 186, 1); font-size:18px; font-family:PingFangSC-Regular, PingFang SC; font-weight:400; line-height:47px; }
#company-name::-webkit-input-placeholder, #phone::-webkit-input-placeholder, #username::-webkit-input-placeholder { color:rgba(153, 153, 153, 1)!important; font-size:18px!important; }
#submit-modal .submit-item input { display: block; width: 100%; border: 1px dotted #ccc; margin-bottom: 20px; outline: 0; height: 30px; line-height: 30px; padding: 0 15px; }
#submit-button{cursor: pointer;}
#submit-button:hover{opacity: 0.9;transition: 0.5s;}

/* 直播 */
.titleDiv{ width:100%; height:480px; }
.navDiv{ width:100%; height:80px; }
.titleDiv>p{ text-align: center; color:#fff; }
.wisdom{ font-size:40px; font-weight:400; margin-top:75px; } 
.wisdomEn{ font-size:14px; font-weight:400; letter-spacing:5px; }
.opportunity{ text-align: center; font-size:20px; font-weight:400; margin-top:16px; }
.consultation{ width:160px; height:36px; background:rgba(255,255,255,1); border-radius:6px; margin:auto; font-size:14px; font-weight:500; color:rgba(85,46,222,1); line-height:36px; text-align: center; margin-top:30px; cursor:pointer; }
.consultation a{ display: block; width:100%; height: 100%; color:#1253D3 }
.abi .product-center{ display: block; width:100%; height: 100%; text-align: center; }
.call{ font-size:14px; font-weight:400; color:rgba(255,255,255,1); line-height:18px; margin-top:16px; }

.game{ width:100%; padding:100px 0; box-sizing: border-box; background:rgba(255,255,255,1); }
.five_title{ margin-bottom: 60px; box-sizing: border-box; }
.five_title h3{ font-size:32px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(51,51,51,1); text-align: center; }
.five_title p{ font-size:8px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(153,153,153,1); letter-spacing:3px; text-align: center; margin-top:5px; }
.game_content ul{ display: flex; justify-content:space-between; flex-wrap:wrap; }
.game_content ul li{ width:364px; background:rgba(255,255,255,1); box-shadow:2px 4px 14px 0px rgba(0,0,0,0.1); text-align: center; padding: 60px; box-sizing: border-box; margin-bottom: 20px; }
.game_content li .img01{ width: 100px; height: 100px; }
.game_content li .img02 { width: 37px; height:12px; margin: 10px 0 20px 0; }
.game_content li h3{ font-size:20px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(51,51,51,1); margin-top:30px; }
.game_content li p{ font-size:14px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(153,153,153,1); }


.scene { background: #fff; padding: 100px 0 100px 0; min-width: 1060px; }
.hotelTypeBox { padding: 0 0 50px 0; box-shadow: 0px 3px 20px #ddd; border-radius: 6px; background: #fff; }
.hotelTypeBoxPosi { border-radius: 6px 6px 0 0; font-size: 25px; width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#A4B0FB), to(#7D85F9)); background: -webkit-linear-gradient(#A4B0FB, #7D85F9); background: -moz-linear-gradient(#A4B0FB, #7D85F9); background: -o-linear-gradient(#A4B0FB, #7D85F9); background: linear-gradient(#A4B0FB, #7D85F9); margin-bottom: 40px; }
.hotelTypeBoxPosi1 { border-radius: 6px 6px 0 0; font-size: 25px; width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FCC968), to(#F59903)); background: -webkit-linear-gradient(#FCC968, #F59903); background: -moz-linear-gradient(#FCC968, #F59903); background: -o-linear-gradient(#FCC968, #F59903); background: linear-gradient(#FCC968, #F59903); margin-bottom: 40px; }
.hotelTypeBoxPosi2 { border-radius: 6px 6px 0 0; font-size: 25px; width: 100%; height: 80px; line-height: 80px; text-align: center; color: #fff; background: -webkit-gradient(linear, 0 0, 0 100%, from(#83D2FF), to(#369DF7)); background: -webkit-linear-gradient(#83D2FF, #369DF7); background: -moz-linear-gradient(#83D2FF, #369DF7); background: -o-linear-gradient(#83D2FF, #369DF7); background: linear-gradient(#83D2FF, #369DF7); margin-bottom: 40px; }
.hotelTypeBoxTextP1 { height: 20px; margin-top: 30px; line-height: 20px; text-align: center; font-size: 20px; font-family: SourceHanSansCN-Medium; color: rgba(51, 51, 51, 1); }
.hotelTypeBoxText { padding: 0 70px; font-size: 14px; font-family: SourceHanSansCN-Regular; color: rgba(153, 153, 153, 1); margin-bottom: 30px; text-align: center; }
.overflowThree { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 12px; }
.overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bgf4{ background: #F4F3F3 !important;}
.Publicline{ line-height: 1.4; }
.Publicla{ letter-spacing: 6px; }
.travelOneTitle { font-size: 30px; font-family: PingFangSC-Regular; font-weight: 400; color: rgba(51,51,51,1); text-align: center; }
.travelOneTitle1 { text-align: center; font-size: 16px; font-family: PingFangSC-Regular; font-weight: 400; color: rgba(153,153,153,1); letter-spacing: 3px; margin-bottom: 60px; }
.simgcon { text-align: center; }

.tumbleleftBoxW { padding: 93px 0 100px 0; min-width: 1060px; background: #fff; }
.zbcon { width: 1200px; margin: 0 auto; }
.zbcon, .zblist { display: flex; color: #333; }
.zblist { margin-bottom: 60px; align-items: center; }
.zblist>img { margin-right: 24px; margin-left: 30px; }
.titles { font-size: 20px; padding-bottom: 8px; }
.title2 { font-size: 14px; color: #999999; }
.zbright { margin-left: 40px; }
.zxb { display: block; width: 160px; height: 36px; background: #5E77FF; border-radius: 6px; margin: 0 0 0 30px; line-height: 36px; text-align: center; margin-top: 20px; color: #fff; }
.zbright>img { width: 378px; height: 774px; }
.two>img,
.zxbs { margin-left: 170px; }
.imgRig { width: 470px; height: 320px; }
.tumbleleftP1 { width: 85% }
.travelOneTitlenew { letter-spacing: 1px !important; font-size: 16px !important; }
.cp { border: none }
.bgf4 { background: #F4F3F3 !important; }
.simgcon { text-align: center; }
.simg { width: 100px; height: 100px; }
.hotelTypeBoxText { padding: 0px 60px; font-size: 14px; font-family: SourceHanSansCN-Regular; color: rgba(153, 153, 153, 1); margin-bottom: 30px; }
.game_content ul li { padding: 40px 60px; border-radius: 6px; margin-bottom: 25px; }
.travelOneTitle { font-size: 30px; }
.travelOneTitle1 { font-size: 16px; margin-bottom: 60px; }
.consultation a, .bomNav a { color: #1F3AD7; }
.more:after { top: 8px; }
.tumbleleftBoxW { padding: 93px 0 100px 0; min-width: 1060px; background: #fff; }
.conListUlText03 { padding: 20px 30px 30px 30px; /*margin-top: 12px;*/ color: #999; font-size: 14px; text-align: center; }

.tumbleleftBox { display: flex; justify-content: space-between; }
.tumbleRight{ width:50%; /*height:360px;*/ }
.tumbleleftBox{ display: flex; justify-content: space-between; }
.tumbleleftBox img{ width:458px; height:auto; }
.tumbleleftBoxCen{ margin: 72px 0 66px 0; }
.tumbleleftBoxW{ padding: 93px 0 100px 0; min-width:1060px; background: #F4F3F3; }
.tumbleleft{ width:50%; padding: 94px 0 97px 0; }
.imgRig{ text-align: right; }
.headlineSRight{ font-size:20px; font-family:SourceHanSansCN-Regular; color:rgba(51,51,51,1); margin:13px 0 22px 115px; }
.tumbleleftP{ font-size:20px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(51,51,51,1); }
.tumbleleftP1{ width:99%; font-size:14px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(153,153,153,1); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.4; margin-top:10px; }

.wyx-top-box{width: 500px; padding-left: 200px;flex-wrap: wrap;}
.wyx-top-box div{width: 85px;margin-right: 6px;line-height: 38px; text-align: center;margin-bottom: 83px;}
.wyx-way-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
.wyx-way-box li{display: flex;align-items: center;width: 48%;height: 220px;border-radius: 50px;box-shadow: 0 0 30px #e6e6e6;box-sizing: border-box;padding: 0 30px;margin-top: 30px;}
.wyx-way-box li img{width: 95px; height: 136px;margin-right: 20px;border-radius: 15px; display: flex;align-items: center;}
.wyx-way-btn{display: block;width: 120px;height: 36px;margin: 50px auto; line-height: 36px;border-radius: 8px; background-color: #ff0000;color: #ffffff;font-size: 14px;cursor: pointer;}

.wyx-way-box2 li{transition: 0.5s; border-radius: 0px;box-shadow: 0 0 0 #e6e6e6;box-sizing: border-box;padding: 0 30px;margin-top: 30px;background: none;}
.wyx-way-box2 li img{border-radius: 3px;}
.wyx-way-box2 li:hover{cursor: pointer; box-shadow: 0 0 30px #e6e6e6;background: #ffffff;}

.our-exam{box-sizing: border-box;padding: 150px 0;}
.our-exam .our-exam-tit{position: relative;line-height: 1;}
.our-exam .our-exam-tit::after{position: absolute;bottom: -25px;left: 0;display: block;content: '';width: 37px;height: 6px;background-color: #ff0000;}
.our-exam .our-exam-lf{width: 300px;margin-right: 30px;flex-shrink: 0;}
.our-exam .our-exam-lf .btn{display: block;width: 120px;height: 36px;margin-top: 50px; line-height: 36px;border-radius: 8px; background-color: #ff0000;color: #ffffff;font-size: 14px;cursor: pointer;}
.our-exam-rt{flex: 1;overflow: hidden;}
.our-exam-rt li{flex-shrink: 0; width: 400px;border-radius: 20px;box-sizing: border-box;padding: 30px;background-color: #ffffff;}
.our-exam-rt li img{width: 100%;height: 280px;margin-bottom: 20px;border-radius: 10px;}

.wyx-contact-box{background: url(../images/wyx-btm-bg.jpg) center top no-repeat fixed;box-sizing: border-box;padding: 200px 0;}
.wyx-contact-box .wyx-contact-con div{width: 50%;font-size: 14px;color: #ffffff;display: flex;align-items: center;margin-top: 55px;}
.wyx-contact-box .wyx-contact-con div img{width: 32px;height: 32px;margin-right: 10px;}

.wyx-form-box{margin-top: 80px; background-color: #00000030;border: 1px solid rgb(221, 221, 221,0.3);box-sizing: border-box;padding: 50px;padding-bottom: 0; color: #ffffff;}
.wyx-form-box input{color: #ffffff;width: 300px;height: 30px;box-sizing: border-box;padding: 0 15px;border: 1px solid rgb(221, 221, 221,0.2);background: none;}
.wyx-form-box textarea{color: #ffffff;width: 100%;height: 115px;box-sizing: border-box;padding: 15px;border: 1px solid rgb(221, 221, 221,0.2);background: none;}

/*xsk的新闻*/
.newcen{
font-size: 36px;
    text-align: center;
    padding: 80px 0 40px 0;
}
.newtit{
font-size: 36px;
}
.newcenter{

	
}
.nwfl{
	float: left;
	width: 75%;
}
.nwfr{
	float: right;
	width: 23%;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.nwfl li a .fl{
	width: 37%;
}
.nwfl li a .fr{
	width: 60%;
	padding-right: 20px
}
.nwfl li a .fr h3{
	font-size: 22px;
    font-weight: bold;
}
.nwfl li a .fr p{
	    color: #666;
    margin-top: 25px;
    line-height: 25px;
}
.nwfl li a .fr dt{
	margin-top: 55px;
    color: #999;
}
.nwfl li{
	padding: 20px 0;
    background: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    margin-top: 20px;
    overflow: hidden;
}
.nwfl li:hover .fr h3{
	color: #f5b104;
	
}
.nwfl li .fl:hover img{
	-webkit-transform: rotateY(360deg);
	transition: 1s;
}
.newfrone{
	background-color: #f7f7f7;
}
.newq{
	    font-size: 16px;
    font-weight: bold;
    color: #737373;
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid #c8c8c8;
    position: relative;
}
.newq::after{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 1px;
    background-color: #a5050e;
}
.newfrone ul li{
	padding: 10px 15px;
    position: relative;
    transition: all 0.3s ease;
}
.newfrone ul li:hover{
	color: #fff;
	background-color: #f5b104;
}
.newfrone ul li:hover a{
	color: #fff;
}
.newfrone ul li a{
	    color: #666;
    padding-left: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newfrone ul li::before{
    content: '';
    position: absolute;
    top: 18px;
    left: 10px;
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 100%;
    background: #ffd03e;
}
@media screen and (max-width: 768px){
	
	.nwfr{
		display: none;
	}
	.nwfl{
		width: 100%;
	}
	.nwfl li a .fl{
		width: 100%;
	}
	.nwfl li a .fr{
		width: 100%;
		margin-top: 10px;
		padding: 0 10px;
	}
	.newcen{
		padding: 30px 0 10px 0;
	}
}
.pages{text-align: center;padding: 2% 0 3.5%;}
.pages a{display: inline-block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 30px;border: 1px solid #DDDDDD;color: #999999; line-height: 30px;padding: 0 10px;min-width: 30px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin: 3px 2px}
.pages a i{font-style: normal;}
.pages .on *{color: #b23838;border: none;}
.pages a.disabled{cursor: not-allowed;color: #ccc;}

/*小程序*/

.title-2-qb{ text-align:center; line-height: 50px;}
.title-2-qb-nr{ font-size: 32px; height:50px; margin:0 18px;}
.title-2-qb-left{  position:relative; height:50px;}
.title-2-qb-right{  position:relative; height:50px;} 
.title-2-qb-nr span{ color:#ff6800;}

.title-2-qb-nr,.title-2-qb-left,.title-2-qb-right{ display:inline-block; display:-moz-inline-stack; zoom:1;*display:inline; vertical-align:middle; }
.title-2-qb-left::after{ content: ""; height:5px; width:25px; background-color:#2589ff;  border-radius:15px; position:absolute; top:30px; right:0;}
.title-2-qb-left::before{ content: ""; height:5px; width:70px; background-color:#2589ff; border-radius:15px; position:absolute; top:15px; right:0;}

.title-2-qb-right::after{ content: ""; height:5px; width:25px; background-color:#2589ff;  border-radius:15px; position:absolute; top:30px; left:0;}
.title-2-qb-right::before{ content: ""; height:5px; width:70px; background-color:#2589ff; border-radius:15px; position:absolute; top:15px; left:0;}



.xcx_module_content{ padding:0px 0;}
.xcx_module .xcx_module_wrap {padding:50px 0;width:1200px;margin:0 auto}
.xcx_module .xcx_module_wrap .xcx_module_top {position:relative;text-align:center;font-size:32px;height:50px;line-height:50px}
.xcx_module .xcx_module_wrap .xcx_module_top .top_left {display:inline-block;width:65px;height:18px}
.xcx_module .xcx_module_wrap .xcx_module_top .top_right {width:65px;height:18px;display:inline-block;transform:rotateY(180deg)}
.xcx_module .xcx_module_wrap .xcx_module_line {margin-top:20px;width:1200px;height:2px;background-image:url(../../image/index/line.png);background-size:100%}
.xcx_module_line {background-image:url(../../image/index/line_2.png)}
.jianjie_content_item {position:relative;width:272px;height:300px;margin-left:37px;float:left;}
.jianjie_content_list { width:1200px;margin:0 auto; height:300px;margin-top:38px}
.jianjie_content_list .jianjie_content_item:first-child {margin-left:0}
.jianjie_content_box {position:absolute;left:0;top:0;width:272px;height:292px;border:1px solid #ddd;background:#fafafa;box-sizing:border-box;padding: 0px 0 0;text-align:center;color:#8b8b8b;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s; border-radius: 5px; overflow:hidden; }
.jianjie_content_box.content1.active {-webkit-animation:flipInY 1.5s .5s ease both;-o-animation:flipInY 1.5s .5s ease both;animation:flipInY 1.5s .5s ease both}
.jianjie_content_box.content2.active {-webkit-animation:flipInY 1.5s 1s ease both;-o-animation:flipInY 1.5s 1s ease both;animation:flipInY 1.5s 1s ease both}
.jianjie_content_box.content3.active {-webkit-animation:flipInY 1.5s 1.5s ease both;-o-animation:flipInY 1.5s 1.5s ease both;animation:flipInY 1.5s 1.5s ease both}
.jianjie_content_box.content4.active {-webkit-animation:flipInY 1.5s 2s ease both;-o-animation:flipInY 1.5s 2s ease both;animation:flipInY 1.5s 2s ease both}
.jianjie_content_box.content5.active {-webkit-animation:flipInY 1.5s 2s ease both;-o-animation:flipInY 1.5s 2s ease both;animation:flipInY 1.5s 2s ease both}
.jianjie_content_box.content6.active {-webkit-animation:flipInY 1.5s 1.5s ease both;-o-animation:flipInY 1.5s 1.5s ease both;animation:flipInY 1.5s 1.5s ease both}
.jianjie_content_box.content7.active {-webkit-animation:flipInY 1.5s 1s ease both;-o-animation:flipInY 1.5s 1s ease both;animation:flipInY 1.5s 1s ease both}
.jianjie_content_box.content8.active {-webkit-animation:flipInY 1.5s .5s ease both;-o-animation:flipInY 1.5s .5s ease both;animation:flipInY 1.5s .5s ease both}
.xcx_module_wrap .jianjie_content_box.cur {background:#fff;-webkit-box-shadow:0 0 20px #ddd;-moz-box-shadow:0 0 20px #ddd;-ms-box-shadow:0 0 20px #ddd;box-shadow:0 0 20px #ddd;filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=5,OffY=5,Color=#dddddd)}
.jianjie_content_box .jianjie_img {width:60px;height:60px;margin:0 auto; margin-bottom: 15px;}
.jianjie_content_box.cur .jianjie_img {-webkit-animation:flipInY 1.3s ease 0 1 both;animation:flipInY 1.3s ease 0 1 both}
.jianjie_content_box .jianjie_img img {width:100%;height:100%}
.jianjie_content_box .jianjie_title {font-weight:bold;font-size: 20px;padding: 18px 0;color:#333;margin-bottom: 20px;-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s;background: #2589ff url(../images/jianjie_title_bg.png) center center no-repeat; color: #fff;}
.jianjie_content_box .jianjie_tips {height:50px;margin-bottom:18px}
.jianjie_content_box .jianjie_tips p {line-height:23px;font-size:14px}
.jianjie_content_box .jianjie_btn {width:98px;height:30px;border:1px solid #c1c1c1;border-radius:15px; display: inline-block; margin: 0 5px;line-height:30px;font-size:14px;color:#888;cursor:pointer;}
/* .jianjie_content_item_1 .jianjie_btn:hover{ border:1px solid #5ebf55; color:#fff; background-color:#5ebf55; }
.jianjie_content_item_2 .jianjie_btn:hover{ border:1px solid #ee833f; color:#fff; background-color:#ee833f; }
.jianjie_content_item_3 .jianjie_btn:hover{ border:1px solid #619acb; color:#fff; background-color:#619acb; }
.jianjie_content_item_4 .jianjie_btn:hover{ border:1px solid #dabb03; color:#fff; background-color:#dabb03; }
.jianjie_content_item_5 .jianjie_btn:hover{ border:1px solid #e7b52f; color:#fff; background-color:#e7b52f; }
.jianjie_content_item_6 .jianjie_btn:hover{ border:1px solid #4c91cd; color:#fff; background-color:#4c91cd; }
.jianjie_content_item_7 .jianjie_btn:hover{ border:1px solid #f56969; color:#fff; background-color:#f56969; }
.jianjie_content_item_8 .jianjie_btn:hover{ border:1px solid #51b19e; color:#fff; background-color:#51b19e; } */

.jianjie_content_box .jianjie_btn:hover{ border:1px solid #ff710f; color:#fff; background-color:#ff710f;}

.jianjie_content_box:hover .jianjie_img{ -webkit-transform:translateY(-5px); transform:translateY(-5px);}

.jianjie_content_box.cur .jianjie_btn {background:#f08820;color:#fff}
.xcx_module_gongneng {background-image:url(../../image/index/bg_banner_01.jpg);height:646px}
.xcx_module_gongneng .gongneng_content_list {margin-top:90px;overflow:hidden}
.xcx_module_gongneng .gongneng_content_list:first-child {margin-top:110px}
.xcx_module_gongneng .gongneng_content_item {float:left;width:290px;height:110px;margin-left:11px;cursor:pointer}
.jianjie_content_item_1 .jianjie_title{  background-color:#5ebf55;}
.jianjie_content_item_2 .jianjie_title{  background-color:#ee833f;}
.jianjie_content_item_3 .jianjie_title{  background-color:#619acb;}
.jianjie_content_item_4 .jianjie_title{  background-color:#dabb03;}
.jianjie_content_item_5 .jianjie_title{  background-color:#e7b52f;}
.jianjie_content_item_6 .jianjie_title{  background-color:#4c91cd;}
.jianjie_content_item_7 .jianjie_title{  background-color:#f56969;}
.jianjie_content_item_8 .jianjie_title{  background-color:#51b19e;} */

.jianjie_content_item_1 .jianjie_content_box{ border: 1px solid #5ebf55; }
.jianjie_content_item_2 .jianjie_content_box{ border: 1px solid #ee833f; }
.jianjie_content_item_3 .jianjie_content_box{ border: 1px solid #619acb; }
.jianjie_content_item_4 .jianjie_content_box{ border: 1px solid #dabb03; }
.jianjie_content_item_5 .jianjie_content_box{ border: 1px solid #e7b52f; }
.jianjie_content_item_6 .jianjie_content_box{ border: 1px solid #4c91cd; }
.jianjie_content_item_7 .jianjie_content_box{ border: 1px solid #f56969; }
.jianjie_content_item_8 .jianjie_content_box{ border: 1px solid #51b19e; }
/*小程序end*/