h4, h5, h6,
h1, h2, h3 {margin-top: 0;}
ul, ol {margin: 0; padding: 0;}
p {margin: 0;}
html{
	font-size: 625%;
}

/* ====================公共样式==================== */

html,body{
	font-family:Roboto, Helvetica, Tahoma, Arial, "Microsoft YaHei";
	line-height:1.5;
	margin:0;
	padding:0;
	color:#2c2c2c;
	webkit-transition: background-color .24s ease-in-out;
    transition: background-color .24s ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{
	font-size: 14px;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body a{
    /*transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;*/
}

a {
	color:#ff7700;
}
a:hover {
	color:#ff7700;
}
a:hover, a:focus {
    color: #ff7700;
    text-decoration: none;
	outline:0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
/*字的颜色*/
-webkit-text-fill-color: #21243d;}
li{list-style-type: none;}
h2 {font-size: 26px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h6 {font-size: 14px;}

pre.code {
margin:10px;
}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.hide{display:none;}
.text-muted{color:#999;}
.text-weaker{color:#666;}
.text-primary{color:#fb692f;}
.text-red,.require{color:#f00;}
.text-orange{color:#f70;}
/**清理浮动 **/
.clearfix:after{
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.clearfix {zoom:1; /* for IE6 IE7 */}
.main-box{
	position:relative;
	min-height:500px;
}
.flexslider .slides img,.container img,.main img,.modal-add-friend img,.service-banner img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.content{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.content img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.text-line {
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.text-line-two {
	-webkit-line-clamp: 2;
}
.text-line-three {
	-webkit-line-clamp: 3;
}
.text-line-twelve {
	-webkit-line-clamp: 12;
}
.text-line-thirteen {
	-webkit-line-clamp: 13;
}

/*直播属性标签*/
.tag-bg {
	position: absolute;
	bottom: -8px;
    left: 50%;
    transform: translate(-50%);
	width: 184px;
	height: 42px;
    line-height: 36px;
    color: #fff;
	background: url(../images/tag-bg.png) no-repeat;
}
.tag-number {
	position: absolute;
	bottom: -110px;
	z-index: 2;
	font-size: 110px;
	color: rgba(244, 244, 244,.5);
}
.tag-default {
	height: 20px;
	padding: 0 10px;
	border-radius: 20px;
	font-size: 12px;
	line-height: 20px;
}
.tag-orange {
	color: #ff7700;
	background-color: rgba(255, 119, 0,.2);
}
.tag-green {
	color: #3fac55;
	background-color: rgba(63, 172, 85,.2);
}
.tag-blue {
	color: #3a8fdf;
	background-color: rgba(58, 143, 223,.2);
}
.tag-purple {
	color: #9f67d3;
	background-color: rgba(159, 103, 211,.2);
}

/*直播动画图标*/
.live-sign {
	position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 0;
	padding: 1px;
	z-index: 10;
}
.live-sign-web {
	position: static;
	margin-top: 2px;
}
.live-sign-inner {
	border-radius: 0;
	line-height: 1;
	align-items: center;
	padding: 2px 6px;
	z-index: 10;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.live-sign-3 i,.live-sign-2 i{
	display:inline-block;
	background-repeat:no-repeat;
	background-size:100%;
	vertical-align:middle;
}

.live-sign-1 i {
	background-color: #FD6900;
}

.live-sign-inner i {
	display: inline-block;
	width: 4px;
	height: 4px;
	margin-right: 2px;
	background-color: #2469F6;
	border-radius: 50%;
}
.live-sign-live,.live-sign-1 {
    width: 56px;
	border: 1px solid #e70e00;
}
.live-sign-live .live-sign-inner,.live-sign-1 .live-sign-inner {
	background-color: #e70e00;
	animation: mylive-btn 1s infinite;
	-webkit-animation: mylive-btn 1s infinite;
}
.ico-circle,.live-sign-1 i {
	background-color: #fff;
    height: 6px !important;
    width: 6px !important;
    vertical-align: 1px;
    border-radius: 6px;
}
.live-sign-live-replay,.live-sign-2 {
    width: 72px;
	background-color: rgba(0, 0, 0, .1);
}
.live-sign-live-replay .live-sign-inner,.live-sign-2 .live-sign-inner {
	background-color: none;
}
.live-sign-live-upcoming,.live-sign-3 {
    width: 94px;
	background-color: none;
}
.live-sign-live-upcoming .live-sign-inner,.live-sign-3 .live-sign-inner {
	background-color: rgba(0, 0, 0, .1);
}

.live-sign-live-upcoming-apple .live-sign-inner span{
	font-size: 14px;
	color: #fff;
}


@keyframes mylive-btn{
  0% {
    transform: scaleX(.8);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes rotate-round {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/*商品详情模板*/
table {
	width: 100%;
}
.table-w-auto {
	width: auto;
}
.table-striped tr:nth-of-type(odd) {
	background-color: #f5f5f5;
}
.table tbody > tr > th,.table tbody > tr > td {
	padding: 0.06rem 0.08rem;
	line-height: 1.5;
	vertical-align: middle;
	word-break: break-word;
	border-bottom: 1px solid #ddd;
	border-top: none;
}
.table th {
	background-color: #f5f5f5;
	font-weight: normal;
}
.table-th-top tbody > tr > th {
	border-top: none;
	border-bottom: none;
}
.table-border {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.table-border th,.table-border td {
	border-right: 1px solid #ddd;
}
.goods-details-con  p {
	margin-bottom: 0.05rem;
	line-height: 1.4;
}
.goods-details-con img {
    max-width: 750px;
    width: auto;
    margin: 10px 0;
}
.richtext-detail{
	width: 3.5rem!important;
}
.richtext richtext-detail {
	width: 3.3rem;
}
.goods-details-item {
	margin-top: 0.05rem;
	margin-bottom: 0.25rem;
}
.goods-details-con h4 {
    font-weight: bold;
}
.h-line {
	border-bottom: 1px solid #ddd;
}
.goods-details-item .details-title {
	display: inline-block;
	font-size: 0.12rem;
	background-color: #ddd;
	padding: 8px 15px;
}
.table img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}
.dashed-line {
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
}
.details-ul-half {
	flex-wrap: wrap;
}
.details-ul-half ul{
	display: flex;
	justify-content: flex-start;
	flex: 0 0 50%;
	padding-right: 20px;
}
.details-ul-half li:first-child{
	width: 130px;
    padding-right: 10px;
	color: #666;
}

/*ico*/
.ico-base{display:inline-block; width:24px; height:24px; background-repeat:no-repeat; background-size:100%; vertical-align:middle;}
.ico-search-white{background-image:url(../images/ico-search-white.png);}
.ico-search-purple{background-image:url(../images/ico-search-purple.png);}
.ico-address{background-image:url(../images/ico-address.png);}
.ico-phone{background-image:url(../images/ico-phone.png);}
.ico-wplay{background-image:url(../images/ico-wplay.png);}
.ico-like-white{background-image:url(../images/ico-like-white.png);}
.ico-share-white{background-image:url(../images/ico-share-white.png);}
.ico-online{background-image:url(../images/ico-online.png);}
.ico-subscribe{background-image:url(../images/ico-subscribe.png);}
.ico-off-line{background-image:url(../images/ico-off-line.png);}
.ico-camera-white{background-image:url(../images/ico-camera-white.png);}
.ico-voice{background-image:url(../images/ico-voice.png);}
.ico-appointment-white{background-image:url(../images/ico-appointment-white.png);}
.ico-interflow-white{background-image:url(../images/ico-interflow-white.png);}
.ico-close-white{background-image:url(../images/ico-close-white.png);}
.ico-close-gray{background-image:url(../images/ico-close-gray.png);}
.ico-close-black{background-image:url(../images/ico-close-black.png);}
.ico-close-s-white{background-image:url(../images/ico-close-s-white.png);}
.ico-font-size-white{background-image:url(../images/ico-font-size-white.png);}
.ico-font-size-gray{background-image:url(../images/ico-font-size-gray.png);}
.ico-font-size-minus-white{background-image:url(../images/ico-font-size-minus-white.png);}
.ico-font-size-minus-gray{background-image:url(../images/ico-font-size-minus-gray.png);}
.ico-translate-white{background-image:url(../images/ico-translate-white.png);}
.ico-translate-gray{background-image:url(../images/ico-translate-gray.png);}
.ico-barrage-off-gray,.ico-barrage{background-image:url(../images/ico-barrage-off-gray.png);}
.ico-barrage-on{background-image:url(../images/ico-barrage-on.png);}
.ico-file-white{background-image:url(../images/ico-file-white.png);}
.ico-file-gray{background-image:url(../images/ico-file-gray.png);}
.ico-invite-white{background-image:url(../images/ico-invite-white.png);}
.ico-invite-gray{background-image:url(../images/ico-invite-gray.png);}
.ico-share-white{background-image:url(../images/ico-share-white.png);}
.ico-share-gray{background-image:url(../images/ico-share-gray.png);}
.ico-remind-blue{background-image:url(../images/ico-remind-blue.png);}
.ico-online-expo{width: 40px; height: 40px; background-image:url(../images/ico-online-expo.png);}
.ico-meeting{width: 40px; height: 40px; background-image:url(../images/ico-meeting.png);}
.ico-expo-serve{width: 40px; height: 40px; background-image:url(../images/ico-expo-serve.png);}
.ico-expo-vr{width: 40px; height: 40px; background-image:url(../images/ico-expo-vr.png);}
.ico-expo-number{width: 40px; height: 40px; background-image:url(../images/ico-expo-number.png);}
.ico-expo-feeds{width: 46px; height: 53px; background-image:url(../images/ico-expo-feeds.png);}
.ico-invite-white-o{background-image:url(../images/ico-invite-white-o.png);}
.ico-meeting-user{background-image:url(../images/ico-meeting-user.png);}
.ico-time-purple{background-image:url(../images/ico-time-purple.png);}
.ico-full-screen{background-image:url(../images/ico-full-screen.png);}
.ico-collect-orange{background-image:url(../images/ico-collect-orange.png);}
.ico-collect-orange-o{background-image:url(../images/ico-collect-orange-o.png);}
.ico-collect-white{background-image:url(../images/ico-collect-white.png);}
.ico-p-collect-gray{background-image:url(../images/ico-p-collect-gray.png);}
.ico-p-collect-orange{background-image:url(../images/ico-p-collect-orange.png);}
.ico-mutual{background-image:url(../images/ico-mutual.png);}
.ico-connect-orange{background-image:url(../images/ico-connect-orange.png);}
.ico-time-orange{background-image:url(../images/ico-time-orange.png);}
.ico-card-white{background-image:url(../images/ico-card-white.png);}
.ico-about-white{background-image:url(../images/ico-about-white.png);}
.ico-advantage-white{background-image:url(../images/ico-advantage-white.png);}
.ico-contact-white{background-image:url(../images/ico-contact-white.png);}
.ico-culture-white{background-image:url(../images/ico-culture-white.png);}
.ico-services-white{background-image:url(../images/ico-services-white.png);}
.ico-serve-apply{background-image:url(../images/serve-apply.png);}
.ico-serve-apply-white,.about-service-list li:hover .ico-serve-apply{background-image:url(../images/serve-apply-white.png);}
.ico-serve-design{background-image:url(../images/serve-design.png);}
.ico-serve-design-white,.about-service-list li:hover .ico-serve-design{background-image:url(../images/serve-design-white.png);}
.ico-serve-pay{background-image:url(../images/serve-pay.png);}
.ico-serve-pay-white,.about-service-list li:hover .ico-serve-pay{background-image:url(../images/serve-pay-white.png);}
.ico-serve-scheme{background-image:url(../images/serve-scheme.png);}
.ico-serve-scheme-white,.about-service-list li:hover .ico-serve-scheme{background-image:url(../images/serve-scheme-white.png);}
.ico-serve-shop{background-image:url(../images/serve-shop.png);}
.ico-serve-shop-white,.about-service-list li:hover .ico-serve-shop{background-image:url(../images/serve-shop-white.png);}
.ico-serve-skill{background-image:url(../images/serve-skill.png);}
.ico-serve-skill-white,.about-service-list li:hover .ico-serve-skill{background-image:url(../images/serve-skill-white.png);}
.ico-serve-trade{background-image:url(../images/serve-trade.png);}
.ico-serve-trade-white,.about-service-list li:hover .ico-serve-trade{background-image:url(../images/serve-trade-white.png);}
.ico-serve-translate{background-image:url(../images/serve-translate.png);}
.ico-serve-translate-white,.about-service-list li:hover .ico-serve-translate{background-image:url(../images/serve-translate-white.png);}
.ico-serve-trusteeship{background-image:url(../images/serve-trusteeship.png);}
.ico-serve-trusteeship-white,.about-service-list li:hover .ico-serve-trusteeship{background-image:url(../images/serve-trusteeship-white.png);}
.ico-marketing{background-image:url(../images/ico-marketing.png);}
.ico-field{background-image:url(../images/ico-field.png);}
.ico-scene{background-image:url(../images/ico-scene.png);}
.ico-experience{background-image:url(../images/ico-experience.png);}
.ico-exhibition{background-image:url(../images/ico-exhibition.png);}
.ico-replay-white,.live-sign-2 i{background-image:url(../images/ico-replay-white.png);}
.ico-upcoming-white,.live-sign-3 i{background-image:url(../images/ico-upcoming-white.png);}
.ico-add-friends{background-image:url(../images/ico-add-friends.png);}
.ico-add-friends-orange,.swiper-wrapper-recommend a:hover .ico-add-friends{background-image:url(../images/ico-add-friends-orange.png);}
.ico-refuse-red{background-image:url(../images/ico-refuse-red.png);}
.ico-voice-white{background-image:url(../images/ico-voice-white.png);}
.ico-answer-green{background-image:url(../images/ico-answer-green.png);}
.ico-qzone{background-image:url(../images/ico-qzone.png);}
.icon_twitter{background-image:url(../images/icon_twitter.png);}
.icon_facebook{background-image:url(../images/icon_facebook.png);}
.ico-qq{background-image:url(../images/ico-qq.png);}
.ico-douban{background-image:url(../images/ico-douban.png);}
.ico-weibo{background-image:url(../images/ico-weibo.png);}
.ico-categories-white{background-image:url(../images/ico-categories-white.png);}
.ico-mail-white{background-image:url(../images/ico-mail-white.png);}
.ico-chat-white{background-image:url(../images/ico-chat-white.png);}
.ico-user{background-image:url(../images/ico-user.png);}
.ico-online-expo-white{background-image:url(../images/ico-online-expo-white.png);}
.ico-online-expo-orange{background-image:url(../images/ico-online-expo-orange.png);}
.ico-directory-white{background-image:url(../images/ico-directory-white.png);}
.ico-directory-orange{background-image:url(../images/ico-directory-orange.png);}
.ico-explosive-white{background-image:url(../images/ico-explosive-white.png);}
.ico-explosive-orange{background-image:url(../images/ico-explosive-orange.png);}
.ico-expo-vr-white{background-image:url(../images/ico-expo-vr-white.png);}
.ico-expo-vr-orange{background-image:url(../images/ico-expo-vr-orange.png);}
.ico-find-white{background-image:url(../images/ico-find-white.png);}
.ico-find-orange{background-image:url(../images/ico-find-orange.png);}
.ico-meeting-white{background-image:url(../images/ico-meeting-white.png);}
.ico-meeting-orange{background-image:url(../images/ico-meeting-orange.png);}
.ico-my-meeting-white{background-image:url(../images/ico-my-meeting-white.png);}
.ico-my-meeting-orange{background-image:url(../images/ico-my-meeting-orange.png);}
.ico-release-white{background-image:url(../images/ico-release-white.png);}
.ico-release-orange{background-image:url(../images/ico-release-orange.png);}
.ico-arrow-l-orange{background-image:url(../images/ico-arrow-l-orange.png);}
.ico-arrow-r-orange{background-image:url(../images/ico-arrow-r-orange.png);}
.ico-issue-orange{background-image:url(../images/ico-issue-orange.png);}
.ico-popular-orange{background-image:url(../images/ico-popular-orange.png);}
.ico-service-orange{background-image:url(../images/ico-service-orange.png);}
.ico-video-orange{background-image:url(../images/ico-video-orange.png);}
.ico-appointments-orange{background-image:url(../images/ico-appointments-orange.png);}
.ico-home-orange{background-image:url(../images/ico-home-orange.png);}
.ico-point-white{background-image:url(../images/ico-point-white.png);}
.ico-expo-live-orange{background-image:url(../images/ico-expo-live-orange.png);}
.ico-expo-white{background-image:url(../images/ico-expo-white.png);}

.header-box{
    position: fixed;
    z-index: 119;
	top:0;
	width:100%;
}
.header-box-nofixed{
    position: static;
}
.header-top{
	background:#f5f5f5;
	font-size:12px;
    height: 40px;
    line-height: 40px;
}
.sencond-nav{
	padding:0;
}
.sencond-nav li{
	display:inline-block;
	list-style-type:none;
	transition: background-color .24s ease-in-out;
}
.sencond-nav li a {
	display: block;
    color: #fff;
    cursor: pointer;
    -webkit-transition: color .24s ease-in-out, background-color .24s ease-in-out;
    transition: color .24s ease-in-out, background-color .24s ease-in-out;
    background-color: #ff7700;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
}
.head-nav .sencond-nav {
	position: absolute;
	right: 0;
	top: 37px;
}
.logo-s-white{
	display:inline-block;
	width:24px;
	height:16px;
	margin-right:8px;
	vertical-align:-3px;
	background:url(../images/icon_diamond-white.svg) no-repeat;
}
.sencond-nav li a:hover {
	text-decoration:none;
}
.sencond-nav-language li{
	display:none;
}
.sencond-nav-language li.on{
	display:block;
}
.header-right ul{
	display: flex;
	justify-content: flex-start;
    padding: 0;
}
.header-right li{
	list-style-type:none;
}
.header-right li a{
	display:block;
	padding:0 5px;
	color:#333;
}
.header-right li a:after{
	content:"";
	display:inline-block;
	height:12px;
	padding:0 5px;
	border-right:1px solid #999;
	vertical-align:-1px;
}
.header-right li:last-child a:after{
	border-right:1px solid transparent;
}
.header-right li a:hover{
	color:#fb692f;
}
.tel{margin-right:20px;}
.header-left ul{
	padding:0;
	margin:0;
}
.header-left ul li {
	display: inline-block;
}
.header-left ul li a{
	font-size: 1.1em;
	font-weight: 300;
	padding: 0.5em 0.8em;
	color: #555555;
	text-decoration:none;
}
.header-left ul li a:hover,.head-left ul li.active a{
	color:#ff7700;
}
.header-bottom {
    width: 100%;
    background: #464646;
    box-sizing: border-box;
}
.header-pc{

}
.logo-wrap {
	margin-bottom:0;
}
.logo-wrap a{
	display: block;
}
.slogan-blade {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 80px;
    background-color: #64c2e3;
    overflow: hidden;
}
.slogan-blade:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -48px;
    width: 70px;
    height: 120px;
    background-color: #fff;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
}
.slogan-wrap {
    display: none;
}
.inner-header{
	height:100%;
}
.inner-header .content-box {
     position: relative;
}
.slogan-box {
    width: 100%;
}
.search-box {
    position: relative;
    margin: 0;
    padding: 0 20px;
}
.search-box > div{
	position:relative;
}
.search-box > div:first-of-type:before, .select-wrap:before {
    content: "Filter by...";
    display: block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-right: 15px;
    white-space: nowrap;
}
.select-box, .select-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 15px;
}
.select-box:after, .select-wrap:after {
    content: '';
    position: absolute;
    top: 13px;
    right: 10px;
	display:block;
    line-height: 36px;
    color: #fff;
	width:6px;
	height:6px;
	border-top:2px solid #fb692f;
	border-right:2px solid #fb692f;
	transform:rotate(135deg);
	transition:.3s;
}
select.primary {
    display: block;
    width: 100%;
    max-width: 400px;
    height: calc(2.25rem + 2px);
    padding: 6px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    color: #fff;
    background-color: transparent;
    background-clip: padding-box;
    border: 1px solid #64c2e3;
    border-radius: 0;
    -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select.primary option {
    color: #2c2c2c;
}
.search-wrap {
    position: relative;
}
.ico-search-box {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 48px;
    font-size: 18px;
    line-height: 38px;
    text-align: center;
    color: #fb692f;
}
.city-box{
	position:relative;
	height:47px;
	margin-left:50px;
	padding-top:10px;
	transition:.3s;
}
.city-select{
	position:relative;
	z-index:10;
	padding:0 8px;
	font-size:18px;
	border:1px solid transparent;
	line-height:36px;
}
.city-select span{
	display:block;
	margin-right:30px;
}
.arrow{
	position:absolute;
	right:12px;
	top:22px;
	display:inline-block;
}
.arrow:after{
	display:block;
	content:'';
	width:6px;
	height:6px;
	border-top:2px solid #2c2c2c;
	border-right:2px solid #2c2c2c;
	transition:.3s;
}
.down-arrow:after{
	transform:rotate(135deg);
}
.right-arrow:after{
	transform:rotate(45deg);
}
.left-arrow:after{
	transform:rotate(-135deg);
}
.city-box:hover .city-select{
	border:1px solid #ddd;
	border-bottom:1px solid #fff;
}
.city-box:hover .city-select .down-arrow{
	top:16px;
}
.city-box:hover .city-select .down-arrow:after{
	transform:rotate(315deg);
}
.city-down{
	position:absolute;
	left:0;
	top:100%;
	z-index:3;
	width:260px;
	padding:8px 8px 18px 8px;
	background-color:#fff;
	border:1px solid #ddd;
	display:none;
}
.city-down li{
	float:left;
	list-style-type:none;
}
.city-down a{
	display:block;
	padding:8px 10px;
	color:#7a7a7a;
	line-height:1;
	text-decoration:none;
}
.city-down a:hover{
	color:#fff;
	background-color:#ff7700;
}
.city-box:hover .city-down{
	display:block;
}
#menu {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 200;
    width: 64px;
    height: 64px;
    margin: -32px 0 0;
    cursor: pointer;
}
#menu .hamburger {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0 auto;
    width: 20px;
}
#menu .hamburger .bar {
    position: relative;
    width: 20px;
    height: 2px;
    margin-bottom: 4px;
    background: #fff;
    -webkit-transition: all .24s ease-in-out;
    transition: all .24s ease-in-out;
    outline: 1px solid transparent;
}
#menu .hamburger .bar.top {
    top: 0;
}
#menu.active .hamburger .bar.top {
    top: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#menu .hamburger .bar.mid {
    left: 0;
    opacity: 1;
}
#menu.active .hamburger .bar.mid {
    opacity: 0;
}
#menu .hamburger .bar.bot {
    top: 0;
}
#menu.active .hamburger .bar.bot {
    top: -4px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-container {
    position: absolute;
    right: 0;
    width: calc(100% - 64px);
    max-width: 310px;
    min-height: 100vh;
    background-color: #fb692f;
    color: #2c2c2c;
    padding: 40px 0;
    display:;
	opacity:0;
    -webkit-transition: opacity .24s ease-in-out;
    transition: opacity .24s ease-in-out;
}
#nav-container .navbar-list, ul.secondary-nav, ul.sub-menu{
    list-style: none;
    background-color: #005380;
    margin: 0 0 20px;
    padding: 0;
    border-top: solid 1px #fb692f;
    overflow: hidden;
}
ul.sub-menu {
    display: none;
    background-color: #004970;
    margin: 0;
    padding: 0;
    border-top: none;
}
#nav-container span{
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 45px;
    border-left: solid 1px #fb692f;
    -webkit-transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: color .24s ease-in-out, transform .24s ease-in-out;
    transition: color .24s ease-in-out, transform .24s ease-in-out, -webkit-transform .24s ease-in-out;
}
#nav-container .arrow{
    right: 20px;
    top: 17px;
    -webkit-transition: border-color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: border-color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: border-color .24s ease-in-out, transform .24s ease-in-out;
    transition: border-color .24s ease-in-out, transform .24s ease-in-out, -webkit-transform .24s ease-in-out;
}
.head-nav {
	position: relative;
	padding:0 15px;
}
.navbar-list li, .secondary-nav li, .sub-menu li {
    position: relative;
	list-style-type:none;
    -webkit-transition: background-color .24s ease-in-out;
    transition: background-color .24s ease-in-out;
    flex: 0 0 16%;
    text-align: center;
}
.navbar-list li a, .secondary-nav li a, .sub-menu li a {
    display: block;
    -webkit-transition: color .24s ease-in-out;
    transition: color .24s ease-in-out;
	text-decoration:none;
}
.navbar-list li a:hover .down-arrow:after,.navbar-list li a:active .down-arrow:after{
	border-top:2px solid #fb692f;
	border-right:2px solid #fb692f;
}
.mega-wrap {
    display:;
}
.section-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    align-items: flex-end;
    width: 100%;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
	margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: solid 3px #fb692f;
}
.message-item span.glyphicon {font-size:15px;}
.message-item.alert-danger .glyphicon {color:#ce4844;}
.message-item.alert-success .glyphicon {color:#5cb85c;}
.message-item.alert-warning .glyphicon {color:#aa6708;}
.message-item.alert-info .glyphicon {color:#1b809e;}

.list-group-item.active span.glyphicon {color:#fff;}

.input-group-addon {border:1px solid #ddd;}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:#ff7700;
	border-color:#ff7700;
}
.pagination > li > a, .pagination > li > span {
	color:#ff7700;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color:#ff7700;
}
.mainbox .art-content, .mainbox .nav-content {
    font-size: .18rem;
    line-height: 2;
    color: #646464;
}
.mainbox .art-content h3, .mainbox .nav-content h3 {
	margin-top:1em;
}
.mainbox .art-content p, .mainbox .nav-content p {
    margin-bottom: .1rem;
}
.art-content img{
    width: 100%;
    margin: .1rem 0;
}
.mainbox .art-content p.mapbox , .mainbox .nav-content p.mapbox {
padding:0px;
text-indent:0px;
}

.mainbox .art-content li p, .mainbox .nav-content li p {
	line-height:2.2em;
	margin-bottom:0em;
	text-indent:0;
}

.mapbox iframe{
border-radius:2px;
padding:5px;
border:1px solid #ddd;
width:100%;
}

.pad-0 {
    padding: 0;
}
.mar-0 {
    margin: 0 !important;
}
.listbox {padding-bottom:6em;}
.catlist-wrap{
	padding:40px 0;
}
.goods-cat-box{
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
}
.goods-cat-wrap {
    max-width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: 0;
    cursor: pointer;
}
.goods-cat-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    background-color: #dcdcdc;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 4px;
    border: solid 1px #dcdcdc;
    vertical-align: middle;
    overflow: hidden;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.24s;
    transition-duration: 0.24s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.goods-cat-item:before {
    content: "";
    width: 0;
    height: 4px;
    background: #fb692f;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s;
}
.goods-cat-item:hover:before{
   left: 0%;
   width: 100%;
}
.goods-cat-item.active, .goods-cat-item:hover, .goods-cat-item:focus, .goods-cat-item:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
.goods-cat-item {
    width: 100%;
}
.goods-cat-item.active {
    position: relative;
}
.goods-cat-img{
    background-color: #dcdcdc;
}
.goods-cat-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    background-color: #fff;
    -webkit-transition: background-color .24s ease-in-out;
    transition: background-color .24s ease-in-out;
}
.active .goods-cat-title {
    background-color: #fb692f;
}
.goods-cat-title h3 {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
	color: #fb692f;
    margin: 0;
    padding: 20px;
	text-transform: none;
    -webkit-transition: color .24s ease-in-out;
    transition: color .24s ease-in-out;
}
.right-indicator{
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    color: #fb692f;
    -webkit-transition: color .24s ease-in-out, background-color .24s ease-in-out;
    transition: color .24s ease-in-out, background-color .24s ease-in-out;
    cursor: pointer;
}
.right-indicator span {
	width: 48px;
    line-height: 32px;
    text-align: center;
    -webkit-transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: transform .24s ease-in-out, color .24s ease-in-out;
    transition: transform .24s ease-in-out, color .24s ease-in-out, -webkit-transform .24s ease-in-out;
}
.active .goods-cat-title h3,.active .right-indicator span {
	color: #fff;
}
.active .right-indicator span {
	-webkit-transform: scale(1, -1);
    transform: scale(1, -1);
}
.gcat-box{
	margin: 0 15px;
}
.gcat-wrap{
	display:flex;
	flex-wrap:wrap;
    padding: 20px 0 40px;
    border: solid 1px #dcdcdc;
    border-top: solid 4px #fb692f;
	background-color: #eae8e8;
}
.cat-imgbox{
	width:100%;
	height:100%;
}
#gcat_box_224 .cat-imgbox{
	background:url(../images/44.jpg) no-repeat center center;
}
#gcat_box_16 .cat-imgbox{
	background:url(../images/33.png) no-repeat center center;
}
#gcat_box_12 .cat-imgbox{
	background:url(../images/22.png) no-repeat center center;
}
#gcat_box_1 .cat-imgbox{
	background:url(../images/11.png) no-repeat center center;
}
.subbox h4{
	margin-bottom:20px;
	padding-top: 20px;
	font-size: 32px;
    font-weight: 400;
}
.noticebox{
	margin-bottom:30px;
	line-height:1.6;
}
.sub-cat-list {
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}
.sub-cat {
    margin-bottom: 25px;
}
.sub-cat h5 a {
    color: #fb692f;
	font-weight:700;
    border-bottom: solid 1px #fb692f;
    -webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
    transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}
.sub-cat h5 a:hover {
    text-decoration:none;
}
.sub-cat-img {
	display:inline-block;
    margin-top:10px;
	margin-bottom:10px;
}
.sub-cat span {
	margin-left:5px;
    font-size:12px;
}

.defining-wrap{
	display: -webkit-box;
    display: flex;
    justify-content: space-around;
    /*width: 100%;*/
	padding-bottom:40px;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin: auto;
}
.defining,.newswrap {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    margin: auto;
    width: 100%;
    zoom: 1;
}
.defining-txt,.vidwrap {
    position: relative;
    width: 50%;
    margin: 0;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.vidwrap video{
    width: 100%;
}
.defining-txt h2{
    text-transform: uppercase;
    font-size: 32px;
	font-weight:400;
}
.defining-txt h2 em{
	font-weight:700;
	font-style:normal;
}
.defining-txt p{
	margin-bottom:30px;
    font-size: 20px;
	line-height:1.6;
}
.defining-txt .arrow {
	right:15px;
	top:15px;
}
.defining-txt .arrow:after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.defining-txt a {
	margin-bottom: 30px;
    color: #fb692f;
    border-bottom: solid 1px #fb692f;
    -webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
    transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}
.defining-txt a:hover,.defining-txt a:active,.defining-txt a:focus,.defining-txt a:active:hover,.defining-txt a:active:focus {
    color: #fb692f;
    text-decoration: none;
    border-color: #fb692f;
    background-color: #fb692f;
}
.vidvideo{
	position:relative;
	margin-bottom:20px;
}
.video-mask {
    position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
    width: 100%;
    overflow: hidden;
	background-color:rgba(0,0,0,.5);
}
.video-mask .ico-wplay{
    width: 80px;
	height:80px;
    position: absolute;
	left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    opacity: .5;
}
.video-mask:hover .ico-wplay{
    opacity: 1;
}
.video-mask-small {
	background-color:rgba(0,0,0,.2);
}
.newsbox {
    width: 100%;
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    background: url(../images/banner-home_sub.jpg) no-repeat center center;
    background-size: cover;
}
.defining-wrap-mar {
    margin-right: -15px;
    margin-left: -15px;
}
.news-wrap{
	display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
	width:100%;
    margin: auto;
	padding:0;
}
.news-item-box {
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
	display: -webkit-box;
    display: flex;
    background: #fff;
	margin:20px 15px;
    padding: 20px 15px;

}
.news-item{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
}
.news-item h2{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.card-wrap{
	display: -webkit-box;
    display: flex;
    width: 100%;
    margin: 0;
}
.card-item {
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    padding: 20px 15px !important;
    border: none;
    border-radius: 0;
}
.card {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    margin: 0;
}
.card h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

/*--start-search--*/
.search2 {
	position: relative;
	background: none;
	padding: 11px;
	width: 100%;
	margin: 0px 0px 0px 0px;
	border: 1px solid #A8A8A8;
}
.search2 input[type="text"] {
	outline: none;
	color: #555;
	background: none;
	font-size: 15px;
	border: none;
	width: 79.33%;
}
.search2 input[type="submit"] {
	background: url('../images/sprit-1.png') no-repeat 6px 6px #c4c4c4;
	padding: 12.3px 22px;
	border: none;
	cursor: pointer;
	position: absolute;
	outline: none;
	top: 0px;
	right: 0px;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
.banner{
	background:url(../images/banner.jpg) no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:700px;
	text-align:left;
}
.banner-info {
	padding: 16em 0 0;
	width: 56%;
}
.banner-info h1 {
	color: #fff;
	font-size: 3.5em;
	font-weight: 400;
	margin: 1em 0em;
}
.banner-info p {
	font-size: 1.2em;
	color: #fff;
	font-weight: 400;
	line-height: 1.8em;
}
.welcome{
	margin-right:15px;
	text-align:center;
}
.welcome span{
	font-size:13px;
}
.welcome h2 {
	font-size: 4em;
	font-weight: 500;
	color: #ff7700;
	padding: 0.3em 0;
}
.welcome h6 {
	font-size: 1.8em;
	font-weight: 500;
	color: #000000;
	line-height:1.5em;
}
.welcome p{
	font-size: 1.2em;
	font-weight: 400;
	color: #6B6B6B;
	margin: 1em 0em;
	line-height:1.8em;
}
.wedo{
	padding:3em 0;
	text-align:center;
}
.wedo h2 {
	font-size: 3.5em;
	font-weight: 500;
	color: #ff7700;
	padding:0 0 0.3em;
}
.wedo h6 {
	font-size: 1.1em;
	font-weight: 400;
	color: #6B6B6B;
	line-height: 1.8em;
	margin: 0 auto;
	width: 46%;
}
.wha-top1 h4 {
	font-size: 1.3em;
	font-weight: 600;
	color: #000000;
	padding: 1em 0;
	line-height: 1.8em;
	text-align: left;
	margin: 0;
}
.wha-top1 p {
	font-size: 1.1em;
	font-weight: 400;
	color: #6B6B6B;
	line-height: 1.8em;
	margin:0em 0 1em;
	text-align:left;
}
.wha-top1 {
	text-align: left;
}
.wha-top {
	padding: 3em 0em 0;
}
.main h2 {
	text-transform: capitalize;
	font-size: 24px;
	color: #152154;
}
.main h3 {
	color: #152154;
}

.info-img {font-size:8em;}
/*--*/

.search-box input[type="text"] {
    width: 100%;
    height: 38px;
    font-family: "proxima-nova", sans-serif;
    font-size: 16px;
    line-height: 38px;
    color: #2c2c2c;
    width: 100%;
    padding: 0 48px 0 10px;
    border: solid 1px #dcdcdc;
}
.search-box input[type="submit"] {
    right: 0;
    margin: 0;
    border-radius: 0;
}
.search-box input[type="submit"]{
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 10;
    width: 48px;
    height: 38px;
    background: transparent;
    text-indent: -9999px;
    padding: 0;
    border: none;
}
.btn, input[type="submit"] {
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 30px;
    white-space: normal;
}
.btn {
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none;
    font-weight: normal;
    background: transparent;
    border: 1px solid #bbb;
}
.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
}
.btn:hover {
    border: 1px solid #ff7700;
	color:#ff7700;
}
.btn-base {
    height: 24px;
    padding: 0px 12px;
	font-size: 12px;
	cursor: pointer;
    line-height: 24px;
    border-radius: 20px;
}
.btn-base-big {
    height: 30px;
    line-height: 30px;
}
.btn-small {
    height: 26px;
	padding: 0 10px;
}

.btn-language {
	border:none;
}
.btn-primary, input[type="submit"] {
    background-color: #fff;
    color: #ff7700;
	border:1px solid #ff7700;
	outline:none;
    border-radius: 4px;
	/*text-transform: uppercase;*/
    -webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
    transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}

.btn-primary:hover,.btn-primary:focus, .btn-primary.focus,.btn-primary:active:hover, .btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus,
.btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{
    background-color: #ff7700;
    border-color: #ff7700;
	color: #fff;
	outline:0;
}
.btn-primary-high {
	height: 50px;
	padding-left: 50px;
	padding-right: 50px;
	background-color: #ff7700;
    border-color: #ff7700;
	color: #fff;
}
.btn-family {
	padding: 5px 20px;
	font-size:18px;
	background-color:#f8f8f8;
	border-color:#e7e7e7;
}
.btn-primary-o {
}
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-gradual {
    width: auto;
	height: 24px;
    display: inline-block;
	padding: 0 12px;
    color: #fff;
    border: none;
    line-height: 24px;
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
	border-radius: 20px;
	cursor: pointer;
}
.btn-gradual:hover {
    color: #fff;
	border: none;
	background-color: #f70;
	background-image: none;
}
.btn-gradual-pointer:hover {
	cursor: pointer;
}
.btn-gradual-big {
    height: 30px;
    /* padding: 0 25px; */
    line-height: 30px;
    width: 80px;
}
.btn-orange-light {
	color: #f70;
	background-color: #FFF1E6;
	transition:background 500ms ease;
}
.btn-orange-light:hover {
	color: #fff;
	background-color: #f70;
}
.btn-modal {
    min-width: 100px;
    background-color: #5c628f;
    border-radius: 30px;
    color: #fff;
    border-color: #5c628f;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}
.btn-gradual:hover, .btn-gradual:focus, .btn-gradual.focus {
    color: #fff;
}
.btn-gradual:active, .btn-gradual.active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}
.btn-gradual:active, .btn-gradual.active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}
.btn-gradual-lr {
    width: auto;
	height: 30px;
	padding: 0 20px;
    color: #fff;
    border: none;
    line-height: 30px;
	border-radius: 4px;
	cursor: pointer;
}
.btn-gradual-lr-blue {
	background-image: linear-gradient(to right, #41b0ff, #15d6ff);
}
.btn-gradual-lr-orange {
	background-image: linear-gradient(to right, #fa3515, #ff8a00);
}
.btn-purity-blue {
    background-color: #8499c3;
	background-image: none;
}
.btn-purity-red {
    background-color: #fb5f49;
	background-image: none;
}
/* Button 1c */
.btn-1c:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #ff7700;
}
.btn-1c:hover,
.btn-1c:active {
	color: #fff;
}
.btn-1c:hover:after,
.btn-1c:active:after {
	width: 100%;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-login {
	width: 100%;
	height: 50px;
	background-color: #ff7700;
	color: #fff;
	boder: node;
}
.btn-login:hover {
    color: #fff;
    background-color: #ee6600;
}

.list-group-item.active a {color:#fff;}
.list-group-item.active a span {color:#fff;}
.list-group-item.list-group-title {font-size:15px;background-color:#f1f1f1;}

.form-white {
	height: 48px;
	border: none;
}

/*--*/
.midbann{
	background:url(../images/midbanner.jpg) no-repeat center fixed;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:352px;
	padding:7em 0em;
}
.midbann-left h3 {
	color: #fff;
	font-size: 2em;
	text-transform: uppercase;
	font-weight: 600;
}
.midbann-left p {
	font-size: 1.2em;
	color: #fff;
	font-weight: 400;
	margin: 1em 0em;
	line-height: 1.8em;
}
.midbann-right {
	padding: 3em 0em;
	text-align: center;
}
a.read {
	background: none;
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	font-weight: 400;
	padding: 0.7em 2.5em;
	display: inline-block;
	text-decoration: none;
	border: 1px solid #fff;
	text-align: center;
}
.pagerbox {text-align:center;margin-top:20px;}
/*.blog-box .infoitem {margin-bottom: 20px;}*/
.viewlist {overflow:hidden;line-height:41px;}

.fr {float:right;}
a.read:hover {
	color: #ff7700;
	background: #fff;
	border: 1px solid #fff;
}
.maecenas {
	padding: 5em 0em;
}
.maecenas h4 {
	color: #000;
	font-size: 2em;
	line-height: 1.8em;
	font-weight: 400;
	border-bottom: 1px solid #c9c9c9;
	padding: 0px 0px 12px 0px;
}
.maecenas h6 {
	color:#989898;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 300;
	padding: 12px 0px 0;
}
.maecenas p {
	font-size: 1.2em;
	color: #555;
	font-weight: 400;
	margin: 1em 0em;
	line-height: 1.8em;
}
.footer {
	background: #000000;
	padding: 1em 0em 2em;
}
.stay-left {
	float: left;
	width: 73%;
	margin-right:3%;
}
.button {
	float: left;
	width: 24%;
}
.stay form input[type="text"] {
	width: 100%;
	color: #898888;
	outline: none;
	font-size: 16px;
	padding: .5em;
	border: none;
	-webkit-appearance: none;
}
.button form input[type="submit"] {
	background: #ff7700;
	padding: .5em;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	display: block;
	outline: none;
	border: none;
	width: 100%;
}
.button input[type="submit"]:hover {
	background: #557eae;
}
.stay {
	background: #3A3535;
	padding: 1em;
}

.stay2 {
}
.stay2 .img-box {
	background: #3A3535;
	padding: 0.8em;
	width:128px;
	border-radius:3px;
}

.footer h4 {
	font-size: 2.5em;
	color: #fff;
	font-weight: 400;
	margin: 1em 0em;
}
.icon {
	float: left;
	width: 10%;
}
.data {
	float: right;
	width: 85%;
}
i.top {
	width: 24px;
	height: 35px;
	background: url(../images/top.png)no-repeat 0px 1px;
	float: left;
	vertical-align: middle;
	display: block;
}
i.mob {
	width: 20px;
	height: 32px;
	background: url(../images/mb.png)no-repeat 0px 1px;
	float: left;
	vertical-align: middle;
	display: block;
}
.footer p {
	font-size: 1em;
	font-weight: 400;
	color: #fff;
	text-align: left;
	line-height:1.8em;
}
.addr {
	margin: 2em 0em;
}
.footer h6 {
	font-size: 1em;
	color: #fff;
}
.footer h6 a {
	font-size: 1em;
	color:#ff7700;
}
.footer h6 a:hover{
	color: #fff;
}
.social ul {
	padding: 0;
	margin:0;
}
.social ul li {
	display: inline-block;
	padding: 0em 0.5em;
}
i.facebok {
	width: 42px;
	height: 42px;
	background: url(../images/img-sprite.png)no-repeat -7px -8px;
	float: left;
	vertical-align: middle;
}
i.facebok:hover{
	opacity:0.5;
}
i.twiter {
	width: 42px;
	height: 42px;
	background: url(../images/img-sprite.png)no-repeat -56px -8px;
	float: left;
	vertical-align: middle;
}
i.twiter:hover{
	opacity:0.5;
}
i.drible {
	width: 42px;
	height: 42px;
	background: url(../images/img-sprite.png)no-repeat -104px -8px;
	float: left;
	vertical-align: middle;
}
i.drible:hover{
	opacity:0.5;
}
i.in {
	width: 42px;
	height: 42px;
	background: url(../images/img-sprite.png)no-repeat -155px -8px;
	float: left;
	vertical-align: middle;
}
i.in:hover{
	opacity:0.5;
}
.logo-1 {
	margin: 4em 0em;
}

.logo a{
	font-size:3em;
	text-decoration:none;
}
.footer-right {
	text-align: center;
}
.footer-left {
	padding-right: 3em;
}
.banner-1{
	background:url(../images/banner.jpg) no-repeat center fixed;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:150px;
}
.main {
	padding-top: 110px;
	/*padding-top: 160px;*/
}
.nofixed-nopad{
	padding-top: 170px;
}
.main-blog,.main-artical {
	padding-top: 100px;
}
.header-login{
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
}
.login-box{
	background-image:url('../images/login-bg.jpg');
	width: 100%;
	height: 600px;
	padding-top:20px;
	background-repeat: no-repeat;
	background-position: top center;
}
.login-page {
	width:410px;
	min-height:530px;
	margin-left:auto;
	padding: 20px 30px;
	background-color:#fff;
	border: 1px solid #ccc;
}
.login-page h2,.register-page h2{
	margin-bottom:0;
	color:#fb692f;
	font-size:26px;
	border-bottom:0;
}
.form-item {
	display: block;
	margin-bottom: 14px;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
}
.form-item input {
	height: 22px;
	width: 316px;
	line-height: 22px;
	padding: 13px 16px 13px 14px;
	display: block;
	box-sizing: content-box;
	border: none;
	box-shadow: none;
}
.form-control:focus {
    border-color: #fb692f;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.bts-box{
    padding-top: 10px;
}
.other-panel{
	display:flex;
	justify-content:space-between;
	margin-top:10px;
}
.extra-links a,.extra-links span{
	color:#999;
}
.sms-link,.sms-box-wrap,.verification-box,.sms-login .tel-link {
	display:none;
}
.sms-login .sms-link {
	display: block;
}
.sms-box {
    display: flex;
}
.turn-area {
    display: none;
    height: 11px;
    padding: 18px 0 18px 10px;
    float: left;
}
.country-list {
    height: 25px;
    line-height: 25px;
    padding: 13px 10px 13px 0;
    margin-left: 10px;
    color: #333;
    border-right: 1px solid #e0e0e0;
    display: block;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-sizing: content-box;
}
.animation {
    position: relative;
    -webkit-animation: fade-in ease-in-out .5s;
    animation-name: fade-in;
    animation-timing-function: ease-in-out;
    animation-duration: .5s;
}
.country-code {
    padding-right: 12px;
    position: relative;
}
.verification-box input{
	width:210px;
}
.code-panel {
    padding: 14px 20px;
    color: #333;
    display: block;
    overflow: hidden;
    border-left: 1px solid #e0e0e0;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.send-ticket {
    cursor: pointer;
    color: #003ab5;
}
.verification-box{
	position: relative;
}
.sms-login .turn-area,.sms-login .code-panel,.sms-login .sms-box-wrap,.sms-login .verification-box{
    display: block;
}
.sms-login .login-user,.sms-login .login-password{
	display:none;
}
.register-box{
}
.register-page {
    width: 850px;
	min-height:530px;
    margin: 0 auto;
    padding-bottom: 40px;
	background-color:#fff;
}
/*blog*/
.main-blog,.main-artical{
	padding-bottom:40px;
	background-color: #f9f9f9;
}
.blog-box,.artical-box{
    margin-top: 30px;
    padding: 20px 40px;
	background-color:#fff;
}
.infoitem{
    padding: 20px 0;
	color:#999;
	border-top:1px solid #ccc;
}
.blog-wrap h2{
    margin-bottom: 0;
    padding-bottom: 10px;
	color:#2c2c2c;
    border-bottom: 1px solid #ccc;
}
.blog-wrap h4{
	font-size:18px;
}
.blog-wrap h5{
	font-size:16px;
}
.blog-wrap h4 a{
	color:#1A1A1A;
}
.blog-wrap h4 a:hover{
	color:#fb692f;
	text-decoration:none;
}
.blog-item {
    border-bottom: 1px solid #ddd;
	border-top: none;
}
.blog-item a {
    display: block;
    color: #2c2c2c;
}
.blog-item p {
    color: #333;
}
.viewlist {
    overflow: hidden;
    margin-top: 6px;
	line-height: 1.5;
    color: #999;
}
.viewlist .arrow {
    position: static;
}
.viewlist .arrow.arrow:after {
	margin-right: 4px;
    margin-left: 2px;
    border-top: 1px solid #f70;
    border-right: 1px solid #f70;
}
.viewlist .col-md-9 {
    padding-left: 0;
}
.blog-item .art-content {
	margin-bottom: 20px;
	font-size: 14px;
}

@-webkit-keyframes fade-in {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}

@-moz-keyframes fade-in {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}

@-o-keyframes fade-in {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}

@keyframes fade-in {
    from {
        left: -100%
    }

    to {
        left: 0
    }
}
/**** About ****/

.bread-crumbs {
	margin-top:1em;
	margin-bottom:1em;
}
.breadcrumb{
	margin-bottom:0;
	padding:0;
	background-color:transparent;
}
.breadcrumb > .active{
	color:#999;
}
.about{
	display: block;
}
.about-data{
	float:left;
	width:66.1%;
	margin-right:3.6%;
}
.about-img{
	float:left;
	width: 44.2%;
}
.about-img img{
	padding: 5px;
	background: #929DAC;
	box-shadow: 0px 56px 36px -60px #121D12;
	-webkit-box-shadow: 0px 56px 36px -60px #121D12;
	-moz-box-shadow: 0px 56px 36px -60px #121D12;
	-o-box-shadow: 0px 56px 36px -60px #121D12;
}
.about-desc{
	float:left;
	width: 54.2%;
	margin-right:1.6%;
	margin-bottom:1.5em;
}
.about-desc h4{
	color: #646464;
	font-size: 1.4em;
	line-height: 1.8em;
}
.about-data p{
	font-size: 1em;
	color: #9C9C9C;
	line-height: 1.8em;
	margin: 1em 0em;
}
.about-data span{
	font-size: 1em;
	color: #9C9C9C;
	line-height: 1.8em;
	margin: 1em 0em;
}
.sidebar{
	float:left;
	width: 30.2%;
}
.sidebar h2{
	color: #ff7700;
	text-transform: capitalize;
	font-size: 1.8em;
	font-weight:600;
	margin-bottom: 2%;
}
.blog_heading p.date {
	padding-bottom: 5px;
}
.date span.author:hover{
	text-decoration:underline;
}
.blog_desc p {
	line-height: 1.8em;
}
.blog_heading span {
	color: #4D4D4D;
	font-size: 1.2em;
	font-weight: 600;
}
.blog_desc {
	margin: 1em 0em 1.5em;
}
/***Services*/
.services{
	display: block;
}
.boxes h2 {
	color: #ff7700;
	text-transform: capitalize;
	font-size: 2em;
	font-weight: 600;
}
.boxes li p{
	margin-top: 8%;
}
.boxes li p {
	font-size: 1em;
	color: #9C9C9C;
	margin: 1em 0em;
	line-height: 1.8em;
}
.lb-album .btn1{
	margin-top: 10px;
}
.boxes li.btn1{
	padding: 0 10px 10px;
}
.lb-album{
	margin: 0 auto;
	padding:0;
}
.lb-album li {
	float: left;
	width: 22.333%;
	margin: 2.333% 0 0 2.333%;
	position: relative;
	list-style-type: none;
}
.lb-album li:first-child{
	margin-left:0;
}
.lb-album li > a,
.lb-album li > a img{
	display: block;
}
.lb-album li > a img{
	padding: 5px;
	background: #929DAC;
	box-shadow: 0px 56px 36px -60px #121D12;
	-webkit-box-shadow: 0px 56px 36px -60px #121D12;
	-moz-box-shadow: 0px 56px 36px -60px #121D12;
	-o-box-shadow: 0px 56px 36px -60px #121D12;
}
.lb-album li > a{
	position: relative;
}
.lb-album li > a img:hover{
	opacity:0.6;
}
.lb-album li > a:hover span{
	opacity:1;
	background:url(../images/zoom.png) no-repeat;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background:rgba(24, 23, 23, 0.91);
}
.lb-overlay a.lb-close{
	background:#202020;
	z-index: 1001;
	position: absolute;
	right:36%;
	top:7%;
	width:27px;
	height:27px;
	background:url('../images/close.png') no-repeat;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
.lb-overlay img{
	position: relative;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
.lb-overlay:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
}
.lb-overlay:target img {
	-webkit-animation: scaleDown 1.2s ease-in-out;
	-moz-animation: scaleDown 1.2s ease-in-out;
	-o-animation: scaleDown 1.2s ease-in-out;
	-ms-animation: scaleDown 1.2s ease-in-out;
	animation: scaleDown 1.2s ease-in-out;
}
.lb-overlay:target a.lb-close,
.lb-overlay:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes scaleDown {
  0% { -webkit-transform: scale(10,10); opacity: 0; }
  100% { -webkit-transform: scale(1,1); opacity: 1; }
}
@-moz-keyframes scaleDown {
  0% { -moz-transform: scale(10,10); opacity: 0; }
  100% { -moz-transform: scale(1,1); opacity: 1; }
}
@-o-keyframes scaleDown {
  0% { -o-transform: scale(10,10); opacity: 0; }
  100% { -o-transform: scale(1,1); opacity: 1; }
}
@-ms-keyframes scaleDown {
  0% { -ms-transform: scale(10,10); opacity: 0; }
  100% { -ms-transform: scale(1,1); opacity: 1; }
}
@keyframes scaleDown {
  0% { transform: scale(10,10); opacity: 0; }
  100% { transform: scale(1,1); opacity: 1; }
}
x:-o-prefocus, .lb-overlay img {
    height: 100%;
}

/* 文章列表页 */

.mainbox .artinfo {
    /*padding: .1rem 1.46rem 1.15rem;*/
}
.art-head{
}
.art-head h1{
	margin-top:15px;
	margin-bottom:15px;
	font-size:24px;
}
.art-head span{
	font-size:12px;
	color:#999;
}
.art-head span:first-child{
	margin-right:25px;
}
.list-box .infoitem {
	padding:10px 0;
	border-bottom:solid 1px #ddd;
}
.list-box .infoitem h5 {
	margin:0px;
	font-size:18px;
	padding:10px 0 5px 0;
}
.list-box .infoitem h5 a{
	color:#333;
}
.list-box .infoitem p {
	font-size:14px;
	color:#999;
	margin:5px 0;
}

.list-box .infoitem span {
	color:#999;
}

.no-data {
	font-size:28px;
	color:#ccc;
	list-style:none;
	text-align:center;
	padding:2em;
}
.else-link{
	margin-top:30px;
}
.else-link strong{
	margin-left:20px;
}
.else-link a{
	color:#333;
}
.else-link a:hover{
	color:#ff7700;
}

/***Contact*/
.contact{
	margin-bottom:4%;
	display:block;
}
.span_1_of_3 h3 {
	margin-bottom: 4%;
	color: #ff7700;
	text-transform: capitalize;
	font-size: 1.8em;
	font-weight: 400;
}
.span_2_of_3 h3 {
	color: #ff7700;
	text-transform: capitalize;
	font-size: 1.8em;
	font-weight: 400;
}
form{
	margin-top: 0%;
}
.col{
	display: block;
	float:left;
}
.col:first-child{
	margin-left:0;
}
.contact-form{
	position:relative;
	padding-bottom:30px;
}
.contact-form div{
	padding:5px 0;
}
.contact-form span label{
	font-size: 0.8125em;
	color: #9C9C9C;
	line-height: 1.8em;
	padding-bottom:5px;
}
.contact-form input[type="text"],.contact-form textarea{
	font-family: Arial, Geneva,Helvetica, sans-serif;
	color: #9C9C9C;
	padding: 8px;
	display: block;
	width: 98%;
	background:#fff;
	border: 1px solid rgba(214, 212, 209, 1);
	outline: none;
	-webkit-appearance: none;
}
.contact-form textarea{
	resize:none;
	height:120px;
}
.contact-form input[type="text"]:focus,.contact-form textarea:focus{
	-webkit-transition:0.9s;
	-o-transition:0.9s;
	-moz-transition:0.9s;
	transition:0.9s;
	border: 1px solid rgba(253, 203, 72, 0.66);
	box-shadow: 0px 0px 4px rgba(151, 133, 36, 0.34);
	-webkit-box-shadow: 0px 0px 4px rgba(151, 133, 36, 0.34);
	-moz-box-shadow: 0px 0px 4px rgba(151, 133, 36, 0.34);
	-o-box-shadow:0px 0px 4px rgba(151, 133, 36, 0.34);
}
.contact-form input[type="submit"]{
	font-size: 16px;
	padding: 10px 20px;
	color: #FFF;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	margin-top: 2%;
	background: #ff7700;
}
.contact-form input[type="submit"]:hover{
	background: #6087B6;
}
.company_address p{
	font-size: 1em;
	color: #9C9C9C;
	line-height: 1.8em;
}
.company_address p span{
	font-size:1.2em;
	cursor:pointer;
	color: #ff7700;
}
.company_address p span:hover{
	text-decoration:none;
	color: #6087B6;
	-webkit-transition:0.9s;
	-moz-transition:0.9s;
	-o-transition:0.9s;
	transition:0.9s;
}
.map{
	margin-top: 6%;
	border:1px solid #C7C7C7;
	margin-bottom:15px;
}
.navbanner{
    height: 6rem;
	margin:100px auto 0;
}
.flexslider,.flexslider .slides img {
	border-radius: 0;
}
.flexslider .slides > li{
	height: auto;
}
.flex-control-nav{
	position: absolute;
	bottom: 0;
    left: 0;
    width: 100%;
    padding-right: 0.6rem;
    text-align: right;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.flex-control-nav li{
	margin:0 !important;
	padding:0 !important;
}
.flex-control-paging li a{
	bottom: .6rem;
    width: 10px;
    height: 10px;
    display: inline-block;
	margin:0 .05rem;
    color: transparent;
    border-radius: 100%;
    background: none;
    border: 2px solid rgba(255, 255, 255, 0.4);
    opacity: 1;
    box-shadow: 0 0 0.3rem rgba(0,0,0,0.2);
}

.flex-control-nav {
	text-align: center;
}


.flex-control-paging li a.flex-active{
	background-color:rgba(255,119,0,0.5);
}
.flexslider:hover .flex-direction-nav a{
	opacity:1;
}
.flex-direction-nav a {
    width: .6rem;
    height: .78rem;
	background-repeat:no-repeat;
	background-size:.6rem .78rem;
}
.flex-direction-nav .flex-prev{
	background-image:url(../images/button-prev.png);
	left:.5rem;
}
.flex-direction-nav .flex-next{
	background-image:url(../images/button-next.png);
	right:.5rem;
}
.flexslider:hover .flex-prev{
	left:.5rem;
}
.flexslider:hover .flex-next{
	right:.5rem;
}


.flex-control-paging li a {
    bottom: 10px;
    width: 34px;
    height: 3px;
    display: inline-block;
    margin: 0 .05rem;
    color: transparent;
    border-radius: 0;
    background: #DCDCDC;
    box-shadow: none;
    background: rgba(255, 255, 255, 0.4);

}

.flex-control-paging li a.flex-active, .flex-control-paging li a:hover {
    background-color: #fff;
}

.banner-box{
    /*position: relative;*/
    display: -webkit-box;
    display: flex;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner-img {
    /*position: relative;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.full {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.banner-img h2 {
    position: relative;
    z-index: 20;
    font-size: 36px;
	font-weight:400;
    text-align: center;
    color: #fff;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 30px;
}
.banner-img.home.corp h2, .banner-img.home.emea h2 {
    font-size: 36px;
    font-weight: 300px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}

.banner-search {
    position: absolute;
    left: 50%;
    bottom: 45px;
	transform: translate(-50%);
	width: 300px;
    /*z-index: 100;*/
    background-color: #fff;
    text-align: center;
    padding: 5px 5px 5px 15px;
    border-radius: 50px;
}
.banner-search input[type="text"] {
    width: calc(100% - 48px);
    font-size: 24px;
	width:200px;
    color: #555555;
    margin: 0;
    border-color: transparent;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}

.banner-search input[type="submit"] {
    position: relative;
    z-index: 100;
    width: 42px;
    height: 42px;
    background: transparent;
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
}
.banner-search .ico-search{
    width:28px;
	height:28px;
	position:absolute;
	right:15px;
	top:12px;
}

/*--register--*/
.register{
	padding:4em 0 5em 0;
}
.register-top-grid h3, .register-bottom-grid h3 {
	color:#ff7700;
	font-size: 1.2em;
	padding-bottom: 15px;
	margin: 0;
	font-weight: 600;
}
.register-top-grid div, .register-bottom-grid div {
	width: 48%;
	float: left;
	margin: 10px 0;
}
.register-top-grid span, .register-bottom-grid span {
	color:#999;
	font-size: 0.85em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}
.register-top-grid input[type="text"], .register-bottom-grid input[type="text"] {
	border: 1px solid #EEE;
	outline-color:#FF5B36;
	width: 96%;
	font-size: 1em;
	padding: 0.5em;
}
.checkbox {
	margin-bottom: 4px;
	padding-left: 27px;
	font-size: 1.1em;
	line-height: 27px;
	cursor: pointer;
}
.checkbox {
	float: left;
	position: relative;
	font-size: 0.85em;
	color:#555;
}
.checkbox:last-child {
	margin-bottom: 0;
}
.news-letter {
	color: #555;
	font-weight:600;
	font-size: 0.85em;
	margin-bottom: 1em;
	display: block;
	text-transform: uppercase;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	clear: both;
}
.checkbox i {
	position: absolute;
	bottom: 5px;
	left: 0;
	display: block;
	width:20px;
	height:20px;
	outline: none;
	border: 2px solid #ff7700;
}
.checkbox input + i:after {
	content: '';
	background: url("../images/tick1.png") no-repeat 1px 2px;
	top: -1px;
	left: -1px;
	width: 15px;
	height: 15px;
	font: normal 12px/16px FontAwesome;
	text-align: center;
}
.checkbox input + i:after {
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s;
	-o-transition: opacity 0.1s;
	-ms-transition: opacity 0.1s;
	-moz-transition: opacity 0.1s;
	-webkit-transition: opacity 0.1s;
}
.checkbox input {
	position: absolute;
	left: -9999px;
}
.checkbox input:checked + i:after {
	opacity: 1;
}
.news-letter:hover {
	color:#00BFF0;
}
.register-but{
	margin-top:1em;
}
.register-but form input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 1.2em;
	padding: 0.6em 2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border: none;
	outline: none;
}
.register-but input[type="submit"]:hover {
	background:#000;
}
div.register-bottom-grid {
	margin-top:3em;
}
/*--login--*/
.login-left {
	padding: 0;
}
.login-left h3, .login-right h3 {
	color:#ff7700;
	font-size: 1.2em;
}
.login-left p, .login-right p {
	color: #868583;
	display: block;
	font-size: 1em;
	margin: 0 0 2em 0;
	line-height: 1.8em;
}
.acount-btn {
	background: #ff7700;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
}
.acount-btn:hover, .login-right input[type="submit"]:hover{
	background:#ff7700;
	text-decoration:none;
	color:#fff;
}

/*mainbox*/
.linebox{
	margin-bottom:0;
	padding:40px 0;
	border-bottom:0;
}
.mainbox h2,.cat-title,.linebox h2{
	position:relative;
	line-height:2;
}
.mainbox h2 span,.cat-title span,.linebox h2 span{
	display:inline-block;
	padding:0 0.3em;
	border-bottom:3px solid #ff7700;
}
.linebox h2{
	margin-top:0;
	margin-bottom:30px;
	text-align:center;
	line-height:1;
	border-bottom:none;
}
.linebox h2 span{
    color: #fb692f;
	font-size:16px;
    border-bottom: solid 1px #fb692f;
    -webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
    transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}
.cat-title{
	margin-bottom:0;
	font-size:1.5em;
}
.mainbox h2 a,.linebox h2 a{
	display:block;
	float:right;
	margin-top:18px;
	color:#999;
}
.mainbox .textonly label {
	display:none;
}
.mainbox .btn-block {
	width:96%;
	max-width:400px;
}

.mainbox legend {padding-bottom:10px;}
.mainbox form {
	padding: 1em 0;
}
/*.mainbox form div {
	padding: 0 0 0em 0;
}*/

.mainbox form div.input-group {
	padding: 0;
}

.mainbox form div.has-error label{
	color:#a94442;
}
.mainbox form div.has-error input {
	border:1px solid #a94442;
}
.mainbox label {
	color: #999;
	font-size:1.2em;
	padding-bottom: 0.2em;
	display: block;
	/*text-transform: uppercase;*/
	font-weight:normal;
}

.mainbox input[type="text"],
.mainbox input[type="password"],
.mainbox input[type="email"],
.mainbox textarea {
	/*border: 1px solid #DDD;
	outline-color:#FF6392;
	width: 96%;
	max-width:400px;
	font-size:1em;
	padding: 0.4em;
	color:#666;*/
}
.mainbox input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border:none;
	outline:none;
}

/*-- news --*/
.news{
	position:relative;
	margin:2em 0 0 0em;
	padding:1em 0;
	border:1px solid #ddd;
}
.news h3 {
	position:absolute;
	top:-12px;
	left:-4px;
	width:130px;
	height:36px;
	margin: 0;
	padding-left:40px;
	color: #ec7c0f;
	font-size: 1.3em;
	font-weight: 400;
	background-color:#fff;
	background:url(../images/icon-title.png) no-repeat;
	text-align: left;
}
.news-grid-text span{
	color: #0070C6;
	font-size: 14px;
	line-height: 1.7em;
	font-weight: 700;
}
.news-grid-text h4{
	font-size: 18px;
	margin: 0;
	color: #323232;
	font-weight: 600;
}
.news-grid-text {
	margin-bottom: 1em;
}
.news-grid img{
	width:100%;
}
.news-grid p {
	color: #8c8c8c;
	font-size: 15px;
	line-height: 1.8em;
	margin: .5em 0 0 0;
}
.news-grids {
	margin-top: 3em;
}
.news-grid {
	margin: 0 0 1em 0;
}
.blue {
	margin-top: 1em;
	text-align: left;
}
.blue a{
	background: none;
	color: #ff7700;
	font-size: 18px;
	padding: 0;
}
.blue a:hover{
	background:none;
	color: #8c8c8c;
}
.news-slid{
	background: url(../images/12.jpg) no-repeat 0px -157px;
	min-height: 400px;
	background-size: cover;
}
.news-slid-info{
	text-align: center;
	left: 30%;
	top: 42%;
	margin: 10em 0 0 0;
}
.news-slid-info h2{
	color: #FFF;
	font-size: 36px;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}
.gray{
	margin:4em 0;
}
.gray a{
	font-size: 20px;
}
/*-- list --*/
.list{
	padding:0 15px;
}
.list li{
	line-height:1.6;
	list-style-type:none;
}
.news .list li{
	border-bottom:1px dashed #e0e0e0;
}
.news .list li:last-child{
	border-bottom:none;
}
.list li a{
	display:block;
	overflow:hidden;
}
.list li span{
	display:inline-block;
}
.list li span.art-title,.ed-item li a{
	width:75%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	padding-right:1em;
	color:#333;
}
.rightcol .news-list li span.art-title{
	width:100%;
}
.list li span.art-time{
	float:right;
	color:#999;
	font-size:12px;
}
.news-list {
    list-style: none;
    height: 100%;
    margin: 0;
    padding: 0;
}
.news-list li{
    margin: 0 0 20px;
}
.news-list li h4 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 5px;
}
.news-list a {
    color: #fb692f;
    text-decoration: none;
    -webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
    transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}
.news-list a:hover,.news-list a:active,.news-list a:focus {
    color: #fb692f;
}
 .news-meta{
    font-size: 13px;
    color: #555555;
    margin-bottom: 15px;
}

/*--blog--*/
.blog-list{
	margin-bottom:25px;
}
.blog-info{
	padding:20px;
	font-size:12px;
	border-bottom:1px solid #ddd;
}
.blog-img{
	width:136px;
	height:80px;
	margin-right:30px;
	overflow:hidden;
}
.blog-info a{
	color:#666;
}
.blog-info h4 a{
	font-size:20px;
	color:#000;
}
.blog-time{
	margin-top:20px;
	color:#999;
}
.artlist{
	margin-bottom:25px;
	padding:10px 15px;
	border:1px solid #ddd;
}
.artlist .list{
	padding:0;
}
.imglist{
	padding:0;
}
.artimg-list{
	margin:15px 0 25px;
	padding:10px 9px;
	border:1px solid #ddd;
}
.artimg-info{
	float:left;
	width:280px;
	height:172px;
	margin-right:10px;
}
.artimg-list div:last-child{
	margin-right:0;
}
.newgroup{
	padding:0 !important;
}
.newgroup-list{
	display:flex;
	justify-content:space-between;
	margin:15px 0 25px;
}
.catbox-91,.catbox-92{
	padding:10px;
	border:1px solid #ddd;
}
.catbox-91{
	margin-right:40px;
}
.newgroup-img{
	width:230px;
	height:118px;
	margin-right:20px;
}
.consult-list{
	width:calc(100% - 250px);
	padding:10px 0;
}
.consult-list li{
	height:30px;
	line-height:30px;
}
.consult-list a{
	height: 30px;
    line-height: 30px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color:#333;
}
.friendlink-list{
	margin-bottom:25px;
	padding:15px;
	border:1px solid #ddd;
}
.friendlink-list h2{
	float:left;
	margin-bottom:0;
	margin-top:0 !important;
	font-size:16px;
	line-height:30px;
	font-weight:bold;
	border:none;
}
.friendlink-list h2:after{
	width:0;
	height:0;
}
.friend-list li{
	float:left;
	height:30px;
	margin:0 20px;
	line-height:30px;
}
.friend-list li a{
	color:#555;
}
/*leftcol*/
.leftcol,.rightcol{
	/*lmargin-top:25px;*/
	padding-right:0;
}

.student-info .rightcol {
	margin-top:25px;
}

.teach-info .rightcol {
	margin-top:25px;
}

.maecenas-left{
	width:calc(100% - 260px);
}
.navbox h3,.bestnews h3{
	font-size:20px;
	line-height:2;
}
.nav-list{
	padding:0;
}
.nav-list li{
	border-bottom:1px solid #ddd;
}
.nav-list li:last-child{
	border-bottom:none;
}
.nav-list span{
	color:#333;
}
.selected span{
	color:#225ebc;
}
.login-right form {
	padding: 1em 0;
}
.login-right form div {
	/*padding: 0 0 2em 0;*/
}

.login-right form div.input-group {
	padding: 0;
}

.login-right form div.has-error label{
	color:#a94442;
}
.login-right form div.has-error input {
	border:1px solid #a94442;
}
/*.login-right span,*/
.login-right label {
	color: #999;
	font-size:1.2em;
	padding-bottom: 0.2em;
	display: block;
	/*text-transform: uppercase;*/
	font-weight:normal;
}

.login-right input[type="text"],
.login-right input[type="password"],
.login-right input[type="email"] {
	border: 1px solid #DDD;
	outline-color:#ff7700;
	width: 42%;
	font-size:1.2em;
	padding: 0.7em;
	color:#666;
}
.user-info .form-control {
	width: 394px;
    height: 50px;
    border-radius: 0;
}
.user-info label {
	margin-top: 15px;
    font-size: 14px;
}
.user-info input[type="text"],.user-info input[type="password"], .user-info input[type="email"] {
	padding: 10px;
    font-size: 14px;
}
.user-info input[type="submit"] {
	margin-top: 30px;
}
a.forgot {
	font-size: 0.875em;
	margin-right: 11px;
	color:#999;
}
ul.breadcrumbs{
	padding:0;
	list-style:none;
	float:left;
}
ul.breadcrumbs li{
	display:inline-block;
	font-size:1.1em;
	color:#000;
}
ul.breadcrumbs li.women{
	background:#5BBD50;
	padding:3px;
}
ul.previous{
	padding:0;
	list-style:none;
	float:right;
}
ul.previous li a{
	color:#999;
	font-size:1.1em;
}
.dreamcrub{
	margin:2em 0 5em 0;
	font-family: 'Roboto', sans-serif;
}
.mens-toolbar {
	font-family: 'Roboto', sans-serif;
	margin-bottom: 2em;
}
.mens-toolbar .sort {
	float: left;
	width: 20.5%;
}
.sort-by {
	color:#000;
	font-size: 0.8125em;
	text-transform: uppercase;
}
.sort-by label{
	font-weight:normal;
}
.mens-toolbar .pages {
	float: right;
	margin: 0;
}
ul.women_pagenation.dc_paginationA.dc_paginationA06 {
	float:right;
	padding:0;
	list-style:none;
}
.pages{
	float:right;
}
.pages .limiter {
	color: #000;
	font-size: 0.8125em;
	text-transform: uppercase;
}
.pages .limiter select {
	padding: 0;
	margin: 0 0 1px;
	vertical-align: middle;
}
ul.women_pagenation li {
	float: left;
	margin: 0px;
	margin-left: 5px;
	padding: 0px;
	list-style:none;
}
ul.women_pagenation li a {
	color:#000;
	display: block;
	padding:4px 8px;
	text-decoration: none;
	font-size: 0.8125em;
	text-transform:uppercase;
}
ul.women_pagenation li.active a{
	background:#26d2fc;
	color:#fff;
}
ul.women_pagenation li a:hover{
	background:#26d2fc;
	color:#fff;
}
/*--account--*/
.span_1_of_account{
	width: 47.2%;
}
.col_1_of_account {
	display: block;
	float: left;
	margin: 1% 0 1% 4.6%;
}
.col_1_of_account:first-child {
	margin-left: 0;
}
h4.title {
	color: #5A0F16;
	margin-bottom: 0.5em;
	font-size: 1.2em;
	line-height: 1.2;
	text-transform: uppercase;
}
.span_1_of_account p {
	color:#999;
	font-size:0.9em;
	line-height: 1.8em;
}
h5.sub_title{
	color:#ff7700;
	font-size:0.9em;
	text-transform:uppercase;
	margin: 3% 0;
}
.button1 {
	margin-top:3%;
}
.button1 input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 0.8em;
	padding: 8px 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border: none;
	float: left;
}
.button1 input[type="submit"]:hover{
	background:#000;
}
.login{
	padding:3% 0;
}
.comments-area input[type="text"] {
	padding: 10px 15px;
	width: 97%;
	color:#000;
	font-size: 0.8125em;
	border:1px solid #f0f0f0;
	background:#fff;
	outline: none;
	display: block;
}
.comments-area input[type="text"]:hover, .comments-area input[type="password"]:hover{
	border:1px solid #ff7700;
}
.comments-area input[type="password"] {
	padding: 10px 15px;
	width: 97%;
	color:#000;
	font-size: 0.8125em;
	border:1px solid #f0f0f0;
	background:#fff;
	outline: none;
	display: block;
	font-family: 'Open Sans', sans-serif;
}
.comments-area span {
	color: #ff7700;
}
.comments-area p {
	padding: 8px 0;
}
.comments-area input[type="submit"] {
	background: #ff7700;
	color: #FFF;
	font-size: 0.8em;
	padding: 8px 20px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border: none;
	float: right;
}
.comments-area input[type="submit"]:hover{
	background:#000;
}
p#account-form-remember{
	float:left;
}
p#account-form-remember label a {
	text-decoration: underline;
	color:#999;
}
p#account-form-remember label a:hover{
	text-decoration:none;
}
.col_1_of_2 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.span_1_of_2 {
	width: 49.2%;
}
.col_1_of_2:first-child {
	margin-left: 0;
}
.register_account{
	padding:3% 0;
}
.register_account form input[type="text"], .register_account form select {
	font-size: 0.8125em;
	color: #999;
	padding: 8px;
	outline: none;
	margin: 10px 0;
	width: 95%;
	font-family: 'Open Sans', sans-serif;
	border:1px solid #f0f0f0;
}
.register_account form input[type="text"]:hover, .register_account form select:hover{
	border:1px solid #DBDADA;
}
button.grey {
	background: #555;
	color: #FFF;
	/* font-size: 0.8em; */
	padding: 8px 20px;
	/* border-radius: 5px; */
	border-bottom: 4px solid #1D1C1C;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	outline: none;
	text-transform: uppercase;
	border-right: none;
	border-left: none;
	border-top: none;
	float:left;
}
button.grey:hover{
	background:#FFAF02;
	border-bottom: 4px solid #DF9A06;
}
p.terms {
	float: left;
	font-size: 12px;
	padding: 15px 0 0 15px;
}
p.terms a, p.note a {
	text-decoration: underline;
	color: #555;
}
p.terms a:hover, p.note a:hover{
	text-decoration:none;
}
.register_account form input[type="text"].code {
	width: 15%;
}
.register_account form input[type="text"].number {
	width:74.8%;
}
p.code {
	color:#999;
	font-size:0.8125em;
}
.account {
	background: rgb(255, 255, 255);
	padding: 4em 0em;
}
/*---plans-404page-----*/
.error-page{
	text-align:center;
}
.error-page p{
	font-size: 4em;
	color:#ff7700;
}
.error-page h3{
	font-size: 10em;
	color:#012231;
}
.error-page {
	padding: 130px 0px 0 0;
	min-height: 550px;
}
.btn1 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	padding: 0.7em 3.5em;
	display: inline-block;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0px !important;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.3em;
	border: 1px solid #ff7700;
	font-weight: 600;
	color: #ff7700;
}
.btn1:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.banner-info {
	padding: 12em 0 0;
	width: 56%;
}

.language-box {text-align:right;}

/*首页*/
.student-list,
.teacher-list{
	padding:0;
}
.student-list li,
.teacher-list li{
	overflow:hidden;
	padding:0 10px;
}
.student-list li:hover,
.teacher-list li:hover{
	background-color:#f7f7f7;
}
.student-list li span,
.teacher-list li span{
	float:left;
	margin-right:10px;
}
.teacher-list li i{
	margin-left:2px;
	padding:0 2px;
	color:#fff;
	font-style:normal;
}
.mark-green{
	background-color:#3C3;
}
.mark-red{
	background-color:#F60;
}
.w280{
	width:280px;
}
.w160{
	width:160px;
}
.w110{
	width:110px;
}
.w85{
	width:85px;
}
.w60{
	width:60px;
}
.tel-box{
	margin-top:20px;
	padding:15px;
	border:5px solid #eee;
	border-radius:6px;
}
.tel-box p{
	font-size:16px;
}
.tel-box h3{
	width:80%;
	margin:15px auto;
	padding:15px;
	border:10px solid #ff7700;
	border-radius:20px;
}

/*表单*/
.form-group{
	display:flex;
    margin-bottom: 16px;
}
.form-box .form-group{
	margin-left:0;
	margin-right:0;
}
.form-box label{
	color:#333;
	font-size:14px;
	cursor: pointer;
}
.form-title{
	margin-top:15px;
	margin-bottom:25px;
	line-height:1.8;
	text-align: center;
}
.form-title h1,.payment h1{
	margin-bottom:15px;
	font-size:26px;
	color:#ff7700;
}
.form-box input.form-control,
.form-box select.form-control,
.form-box textarea.form-control{
    height: 40px;
    border-radius: 2px;
}
.form-box-step3 input.form-control,
.form-box-step3 select.form-control,
.form-box-step3 textarea.form-control{
	width:400px;
}
.form-box select.form-select-s{
	width:130px;
	margin-left:5px;
	margin-right:5px;
}
.form-box select.form-select-m{
	width:100px;
	margin-left:5px;
	margin-right:5px;
}
.form-group-text{
	padding-top:7px;
	font-size:16px;
}
.group-link{
	margin-left:20px;
	font-size:16px;
	line-height:34px;
}
.group-link:hover{
	color:#ff7700;
}
.reg-box{
	margin:0 auto;
}
.form-item-control{
	padding:0;
}
.help-block {
    margin-bottom: 0px;
}
.pinfo .form-box label {
	width: 90px;
	text-align: right;
}
.form-group .require {
	margin-right: 5px;
    vertical-align: middle;
}
.feedback .form-group {
    display: block;
}

#orderModal .modal-header {
	border: none;
}

#orderModal .modal-dialog {
	width: 760px;
	background: #FFFFFF;
	border-radius: 8px;
}

#orderModal .top_box {
	padding: 0 0 20px 0;

}

#orderModal .top_box {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 22px;
	border-bottom: 1px solid #ddd;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

#orderModal .modal-title {
	font-size: 22px;
	font-weight: 500;
	color: #333333;
	line-height: 30px;
}


/*foot*/
.footer-bottom p {
	margin-bottom:6px;
}
.foot-logo{
    display: block;
    width: 200px;
    margin: 0 auto 15px;
}
.foot-logo img {
	opacity: 0.6;
	-webkit-transition: opacity .24s ease-in-out;
	transition: opacity .24s ease-in-out;
	display: block;
	max-width: 100%;
	height: auto;
	border: none;
}
.foot-logo:hover img {
    opacity: 1;
}
.footer-menu{
	display:flex;
	justify-content:space-between;
}
.footer-menu dl{
	flex:0 0 20%;
}
.footer-menu dt{
    margin-bottom: 10px;
}
.footer-menu dd{
	line-height:2;
}
.footer-menu dd a{
	color:#787878;
}
.footer-menu a:hover{
	text-decoration:none;
	color:#323232;
}
@media (max-width:1040px){
	.foot-tel{
		position:fixed;
		left:5%;
		bottom:0;
		z-index:100;
		width:90%;
		height:120px;
		padding:0 20px;
		font-size:5rem;
		color:#fff;
		line-height:120px;
		text-align:center;
		background-color:#ff7700;
		border-radius:60px;
	}
}

.code-box{
	padding:0 50px;
	color:rgba(255,255,255, .4);
	font-size:12px;
}
.code-img{
	display:inline-block;
	width:80px;
	margin-bottom:10px;
}
.code-box b{
	display:block;
	margin-bottom:6px;
	color:#ff7700;
	font-size:22px;
	font-weight:normal;
}
.checkbox-list{
	padding-left:0;
}
.checkbox-list-sub{
	display:flex;
	flex-flow:column wrap;
	width:83%;
	height:500px;
}
.checkbox-list-row{
	width:400px;
	padding-top:7px;
}
.checkbox-list li{
	float:left;
	margin-right:15px;
	list-style-type:none;
}
.checkbox-list h5{
	margin-top:10px;
	font-weight:bold;
    margin-right: 20px;
    border-bottom: 1px solid #ddd;
}
.checkbox-list label{
	display:inline-block;
	font-size:14px;
	vertical-align:2px;
}

.listbox {margin-top:10px;}

.student thead{
	background-color:rgba(0,175,236,.3);
}
.student .table tr:hover {
	background-color:rgba(0,175,236,.1);
}
.student .table th,
.student .table td {
	text-align:center;
	vertical-align:middle;
	border:1px solid rgba(0,175,236,.3);
}
.student .table td.td-left {
	text-align:left;
}

/**详情**/
.detail{
	margin-top:25px;
	padding:15px 0;
	border:1px solid #ddd;
}
.detail-photo{
	width:200px;
}
.user-img{
	width:150px;
	height:150px;
	margin-left:25px;
	margin-bottom:15px;
	border:4px solid rgba(0,175,236,.3);
	border-radius:50%;
}
.user-img img{
	/*object-fit:contain;*/
	border-radius:50%;
}
.qq-box{
	width:77px;
	margin:15px auto;
}
.qq2017{
    width: 77px;
    height: 22px;
    display: block;
	background: url(//img-oss-vilan.szbeicai.com/v6/Sprite2017.png) no-repeat;
    background-position: -110px -100px;
}
.detail-info{
	width:calc(100% - 200px);
}
.detail-info dl{
	margin-bottom:10px;
	overflow:hidden;
}
.detail-info dt,.detail-info dd{
	float:left;
}
.detail-info dt{
	width:120px;
	margin-right:20px;
	font-weight:normal;
	color:#999;
	text-align:right;
}
.detail-info dd{
	width:calc(100% - 160px);
}

.container h2 {

}

/*rightcol*/
.right-block{
	margin-bottom:15px;
	border:1px solid #ddd;
}
.index-right{
	padding:0;
}
.right-block h3,.index-right h2,.education-box h3{
	margin-bottom:0;
	padding:0 15px;
	font-size:16px;
	font-weight:bold;
	line-height:42px;
	border-bottom:1px solid #ddd;
	background-color:#f7f7f7;
}
.index-right h2{
	margin-top:0;
}
.index-right h2 span{
	padding:0;
	border:none;
}
.index-right .list li span.art-title{
	width:100%;
}
.erweima p{
	padding:15px;
}
.block-list li{
	height:32px;
	line-height:32px;
	list-style-type:none;
}
.block-list .list li a,.ed-item li a{
	height:32px;
	line-height:32px;
	text-decoration:none;
}
.block-list a{
	color:#333;
}
.block-list .list li a:hover span.art-title,.ed-item li a:hover{
	color:#ff7700;
}

/*图片*/
.gallerybox{
	/* display:flex; */
	justfiy-content:space-between;
	width:100%;
	margin-top:25px;
	-moz-column-count:4; /* Firefox */
	-webkit-column-count:4; /* Safari 和 Chrome */
	 column-count:4;
	-moz-column-gap: 15px;
	column-gap: 15px;
}
.gallery{
	margin:0 0 15px;
	padding:15px;
	border:1px solid #ddd;
	border-radius:4px;
	float:left;
	box-shadow:0 0 3px #ddd;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}

.gallery:hover{
	border:1px solid #ff7700;
}
.gallery a{
	color:#333;
}
.gallery a:hover{
	text-decoration:none;
}
.imgbox{
	width:100%;
	margin-bottom:15px;
}

.imgbox img {
border-radius:4px;
border:1px solid #eee;
}
.gallery h3{
	font-size:16px;
}
.gallery p{
	color:#999;
}

.hotline{
	margin-top:40px;
	font-size:18px;
}
.linkbox{
	margin-top:25px;
}
.jcarousel {
	overflow: visible
}
.jcarousel li{
	position:relative;
}
.teacher-box{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:0;
	background-color:rgba(0,0,0, .5);
}
.teacher-info{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:10px;
	text-align:center;
	color:#fff;
}
.teacher-info p{
	height:90px;
}
.jcarousel li:hover .teacher-box{
	opacity:1;
	transition:all .5s ease-in-out;
}

/*请家教*/
.education-box{
	padding:0;
	border:1px solid #ddd;
}
.ed-itembox{
	display:flex;
	justify-content:center;
	margin-top:10px;
}
.ed-item{
	margin-top:15px;
	padding:0 15px;
}
.ed-item ul{
	margin-top:10px;
	padding:0;
}
.ed-item li{
	list-style-type:none;
}
.ed-time{
	margin:15px auto 20px;
}
.ed-bg{
	position:absolute;
	z-index:-1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	opacity:.3;
	background:linear-gradient(to top, #1076b9 50%,#ffffff 100%);
}
.ed-bgimg{
	position:relative;
	z-index:1;
}
.treaty{
	padding-top:7px;
}
.treaty label{
	display:inline-block;
}

/*付款*/
.pay-box{
	padding:20px 80px;
	border:1px solid #ddd;
}
.pay-item{
	display:flex;
}
.pay-item ul{
	flex:1 1 auto;
}
.pay-item ul:first-child{
	border-right:1px solid #ddd;
}
.pay-item li{
	font-size:16px;
	list-style-type:none;
}
.pay-item li:first-child{
	color:#f00;
}
.img-box{
	width:150px;
	height:150px;
	margin:0 auto;
}

.img-box img {
	border-radius:4px;
	border:1px solid #ddd;
}

/*后台样式*/
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus{
	background-color:#ff7700;
	border-color:#ff7700;
}
.feed-list li{
	list-style-type:none;
}
.cstatus-1 {color:blue;}
.cstatus-2 {color:red;}
.cstatus-3 {color:#888;}
.cstatus-4 {color:green;}
.cstatus-5 {color:green;}
span.info-id {
color:#E25F07;
font-size: 16px;
font-weight: 700;
}
.listbox .searchbox {
background-color:#f3f3f3;
overflow:hidden;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.search-con{
	margin-bottom:20px;
}

.listbox .searchbox div.label {
width:90px;
float:left;
color:#666;
text-align:left;
padding:12px 10px;
font-weight:normal;
font-size:12px;
}

.listbox .lastbox {
border-bottom:1px solid #ddd;
margin-bottom:10px;
}

.listbox .searchbox .fbox {
margin-left:90px;
background-color:#fff;
padding:10px;
font-size:12px;
}

.listbox .searchbox .fbox a {
display:inline-block;
padding:4px 8px;
color:#ff7700;
border-radius:2px;
}

.listbox .searchbox .fbox a.act-item {
background-color:#ff7700;
color:#fff;
}

.msgbox {width:13.35rem; margin:auto;margin-top:10px;padding:0px 15px; display: none;}
.msgbox .alert {margin:0px 0px 0px 0px;}

.fadeInRight h3 {
	border-bottom:1px solid #ff7700;
	text-align:center;
	font-size:26px;
	font-weight:normal;
	padding-bottom:10px;
}

span.hightlight {color:#ff7700}
span.hightlight:hover {text-decoration:underline;}


/*去掉响应式样式调整（变成响应式此处样式也全部删除）*/
.container{
	width: 1500px;
	padding-left: 0;
	padding-right: 0;
}
.container:before,.container:after{
	content:'';
	display:none;
}
.header,.header-bottom,.navbanner,.linkbox,.footer-bottom{
	/*display:table;
	width:100%;*/
}

.sitemsg {
	font-size: 14px;
    text-align: center;
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.card-wrap.top-category, .card-wrap.panel, .content-wrap.panel {
    max-width: 100%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin: 0;
}
.card-wrap.panel.trigger.home {
    cursor: pointer;
}
.content-card {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: relative;
    background-color: #dcdcdc;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 4px;
    border: solid 1px #dcdcdc;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.24s;
    transition-duration: 0.24s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}
.content-card:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    top: 0;
    background: #fb692f;
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.24s;
    transition-duration: 0.24s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.content-card.active, .content-card:hover, .content-card:focus, .content-card:active {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}
.panel .content-card {
    width: 100%;
}
.img-wrap {
	height:175px;
    background-color: #dcdcdc;
}
.card-wrap.top-category .content-card .title-wrap,
.card-wrap.panel .content-card .title-wrap,
.content-wrap.panel .content-card .title-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.card-wrap.panel .content-card .title-wrap {
    height: 100%;
}
.content-card .title-wrap {
    background-color: #fff;
    -webkit-transition: background-color .24s ease-in-out;
    transition: background-color .24s ease-in-out;
}

.card-wrap.top-category .content-card .title-wrap h3, .card-wrap.panel .content-card .title-wrap h3, .content-wrap.panel .content-card .title-wrap h3 {
    text-transform: none;
    margin: 0;
    padding: 20px;
}
.card-wrap.panel.trigger.home .content-card .title-wrap h3.panel-title {
    color: #fb692f;
    -webkit-transition: color .24s ease-in;
    transition: color .24s ease-in;
}
.panel .content-card .title-wrap h3.panel-title {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    padding: 20px;
    -webkit-transition: color .24s ease-in-out;
    transition: color .24s ease-in-out;
}
.card-wrap.top-category .content-card .title-wrap .trigger,
.card-wrap.panel .content-card .title-wrap .trigger,
.content-wrap.panel .content-card .title-wrap .trigger {
    position:relative;
	display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    color: #fb692f;
    -webkit-transition: color .24s ease-in-out, background-color .24s ease-in-out;
    transition: color .24s ease-in-out, background-color .24s ease-in-out;
    cursor: pointer;
}
.trigger .arrow {
    right: 20px;
    top: 28px;
}
.trigger .arrow:after {
    width: 7px;
    height: 7px;
    border-top: 2px solid #fb692f;
    border-right: 2px solid #fb692f;
}
.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.card-wrap.top-category .content-card .title-wrap .trigger span, .card-wrap.panel .content-card .title-wrap .trigger span, .content-wrap.panel .content-card .title-wrap .trigger span {
    width: 48px;
    background-color: #fff;
    line-height: 32px;
    text-align: center;
    -webkit-transition: -webkit-transform .24s ease-in-out;
    transition: -webkit-transform .24s ease-in-out;
    transition: transform .24s ease-in-out;
    transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out;
}
.content.sf_cols.panels.home .panel .content-card .title-wrap .trigger span {
    background-color: transparent;
    -webkit-transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: color .24s ease-in-out, -webkit-transform .24s ease-in-out;
    transition: transform .24s ease-in-out, color .24s ease-in-out;
    transition: transform .24s ease-in-out, color .24s ease-in-out, -webkit-transform .24s ease-in-out;
}
.collapse-panel {
    display: none;
}
.collapse-panel .panel-wrap {
    padding: 0 15px;
}
.collapse-panel.active .panel-wrap {
    border: solid 1px #dcdcdc;
    border-top: solid 4px #fb692f;
}
.panel-row {
    background-color: #eae8e8;
    padding-top: 20px;
    padding-bottom: 20px;
}
.panel-row h2 {
    padding-top: 20px;
}
.logo-row {
    -webkit-box-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    justify-content: center;
}
.centered {
    text-align: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.logo-row p {
    font-size: 14px;
    margin-bottom: 25px;
}
.centered a {
    color: #fb692f;
    border-bottom: solid 1px #fb692f;
    -webkit-transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
    transition: background-color .24s ease-in-out, color .24s ease-in-out, border-color .24s ease-in-out;
}
.centered p a {
    border-color: #fb692f;
}
.logo-row img {
    width: 100%;
    max-width: 200px;
    margin: 10px auto;
}
.linebox .container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
.lightbox-bg-mainnav {
    display: none;
    position: absolute;
	width:100%;
	height:100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
}
.footerbox .nav{
	display:flex;
}
.footerbox .nav-list {
    list-style: none;
    text-align: center;
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
}
.footerbox .nav-list li {
    display: inline-block;
    position: relative;
    margin: 0 0 0 -4px;
    padding: 0;
	border:none;
}
.footerbox .nav a {
    display: block;
    background-color: transparent;
    font-family: "proxima-nova", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 15px;
    border: none;
    -webkit-transition: color .24s ease-in-out;
    transition: color .24s ease-in-out;
	opacity:1;
}
.footerbox .nav a span{
    color: #fff;
}
.footerbox .nav a:hover span{
    color: #64c2e3;
}
.foot-address{
	opacity:.6;
}
.foot-address h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 10px;
}
.foot-address p {
    font-size: 14px;
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
}

/*上线发布*/
.release-bg{
	width: 100%;
    height: 760px;
    background: url(../images/eovobo-release-bg.jpg) no-repeat center /cover;
    /* background-color: #000177; */
    padding-top: 220px;
    position: relative;
    box-sizing: border-box;
    /* background-size: 80%;*/
}
.release-wrap{
	margin:0 auto;
}
.release-logo{
    position: absolute;
    top: 18%;
    left: 50%;
    width: 260px;
    height: 60px;
    background: url(../images/logo-white.png) no-repeat center center;
    background-size: 100%;
    transform: translate(-50%);
}
.release-txt{
	font-size: 66px;
    color: #fff;
    line-height: 2;
}
/*用户中心*/
.account_grid{
	margin-top: 145px;
}
.service-banner {
	width: 100%;
    height: 200px;
    margin-bottom: 15px;
    margin-top: -10px;
	background: url(../images/service-banner.jpg)
}

/*展会*/

.dis-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dis-flex-start {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.dis-flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.expo-banner {
	position: relative;
	width: 100%;
	height: auto;
	/*margin-top: 160px;
	background: url(../images/expo-banner.jpg) no-repeat center / cover;*/
}
.expo-banner-bg {
	display: none;
}
.expo-banner-img {
	display: block;
}
.expo-banner-logo {
	position: relative;
	left: 40px;
	top: 30px;
	width: 50px;
	height: 68px;
}
.banner-title-box {
	position: relative;
	left: 40px;
	top: 40px;
}
.banner-title-box h2 {
	font-size: 48px;
	font-weight: bold;
	background: linear-gradient(to bottom, #fff 30%, #9aaefa 72%);
	-webkit-background-clip: text;
	color: transparent;
}
.banner-title-box h3 {
    font-size: 40px;
    background: linear-gradient(to bottom, #fff 60%, #9aaefa 85%);
    -webkit-background-clip: text;
    color: transparent;
}
.expo-banner-tag {
    position: relative;
    left: 40px;
    top: 40px;
	width:188px;
	height:36px;
	line-height: 36px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
	background: url(../images/expo-banner-tag.png) no-repeat;
}
.submenu-bg {
	position: absolute;
	bottom: 0;
    width: 100%;
	height: 80px;
	background-color: rgba(255, 255, 255,.6);
}
.submenu {
	position: absolute;
	bottom: 0;
    left: 50%;
    transform: translate(-50%);
}
.submenu-list {
	justify-content: flex-start;
}
.submenu-list li {
	flex: 0 0 200px;
	height: 125px;
	font-size: 18px;
	justify-content: center;
	align-items: flex-end;
}
.submenu-list li:nth-of-type(1) a {
	background-image: linear-gradient(to right, #1bb4ee, #02a0dc);
}
.submenu-list li:nth-of-type(2) a {
	background-image: linear-gradient(to right, #006ce5, #007bf9);
}
.submenu-list li:nth-of-type(3) a {
	background-image: linear-gradient(to right, #a76af1, #a24fe2);
}
.submenu-list li:nth-of-type(4) a {
	background-image: linear-gradient(to right, #f271ba, #ec4ea7);
}
.submenu-list li:nth-of-type(5) a {
	background-image: linear-gradient(to right, #f96f6f, #ef5858);
}
.submenu-list li:nth-of-type(6) a {
	background-image: linear-gradient(to right, #fdb223, #ffa200);
}
.submenu-list a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 80px;
	color: #fff;
}
.submenu-list a:hover,.submenu-list li.on a {
    position: relative;
    box-shadow: 5px 0px 20px rgba(33, 36, 61, .2);
	text-decoration: none;
	cursor: pointer;
	height: 118px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.submenu-list i {
	margin-right: 8px;
}
.submenu-list li:nth-of-type(1) i {
	width: 42px;
	height: 38px;
}
.friends-box {
	padding: 20px 0;
	background-color: #eaedfd;
}
.friends-wrap {
    flex: 0 0 560px;
    color: #5e6699;
    /*height: 160px;*/
}
.frends-ico-box {
    width: 60px;
    height: 22px;
    margin-right: 15px;
    color: #fff;
    font-size: 12px;
    background-image: linear-gradient(to bottom, #4e7dff, #40b1ff);
    border-radius: 20px;
}
.frends-ico-box:hover {
	background-color: #ff7700;
}
.frends-ico-box a {
	justify-content: center;
    height: 22px;
    color: #fff;
}
.frends-ico-box i {
    align-self: flex-end;
	width: 14px;
	height: 18px;
	margin-right: 3px;
}
.friends-list-wrap {
	position: relative;
    width: 100%;
}
.friends-list {
    justify-content: flex-start;
	margin-top: 5px;
}
.friends-list li {
	flex: 0 0 17.5%;
}
.friends-list a {
    display: flex;
    align-items: center;
    flex-direction: column;
	color:#5e6699;
}
.friends-list a:hover {
	color:#ff7700;
}
.friends-list-img {
	position: relative;
	width: 76px;
	height: 76px;
	margin-bottom: 10px;
	border: 3px solid #fff;
	border-radius: 50%;
}
.friends-list a:hover .friends-list-img {
	border: 3px solid #ff7700;
}

.swiper-wrapper-recommend a:hover .friends-list-img  {
	border: 3px solid #ff7700;
}

.swiper-wrapper-recommend a h6 {
	transition: .5s;
    margin-bottom: 0;
}

.swiper-wrapper-recommend a:hover h6  {
	color: #ff7700;
}



.swiper-wrapper-recommend a {
	/*height: 70px;*/
	color:#5e6699;
}

.on-stall {
	border: 3px solid #f0c9b1;
}
.on-peers {
	border: 3px solid #b1e6d2;
}
.add-friends {
    display: flex;
    justify-content: center;
    align-items: center;
    border-color: #969bbb;
}
.add-friends i {
    width: 40px;
    height: 40px;
}
.add-friends-sub {
	position: absolute;
    right: -4px;
    bottom: -4px;
    font-size: 12px;
    color: #f70;
    background: #eaedfd;
    border-radius: 6px;
}
.friends-list-img img {
	border-radius: 50%;
}
.friends-list h6 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.swiper-wrapper-recommend h6 {
    color: #5e6699;
}
.friends-swiper-btn,
#swiper-button-next-recommend,#swiper-button-prev-recommend,
#swiper-button-next-friend,#swiper-button-prev-friend,
#swiper-button-next-expo,#swiper-button-prev-expo{
    position: absolute;
    top: 20px;
    width: 70px;
    height: 90px;
    z-index: 10;
    outline: none;
    background-image: linear-gradient(to right, rgba(234, 237, 253, .05) 7%, rgba(234, 237, 253, 1) 50%);
}
.friends-swiper-next {
    right: 0;
}
.friends-swiper-btn .arrow {
	top: 32px;
}
.friends-swiper-btn .arrow:after {
	width: 26px;
	height: 26px;
	border-color: #969bbb;
}
.friends-swiper-prev .left-arrow {
	right: 0;
	left: 12px;
}
/* */
.expo-catbar-box {
	height: 50px;
	background-image: linear-gradient(to bottom, #4e7dff, #40b1ff);
}
.expo-catbar {
	/* overflow: visible; */
}
.expo-cat-list {
	justify-content: flex-start;
	margin-bottom: 16px;
	padding: 0;
}
.expo-cat-list li {
	position: relative;
    text-align: center;
    line-height: 100px;
    list-style-type: none;
    cursor: pointer;
    font-size: 24px;
}
.expo-cat-list li:hover,.expo-cat-list li.active {
	background-color: rgba(255, 255, 255, .2);
}
.expo-cat-list li:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 10px solid transparent;
}
.expo-cat-list li:hover:after,.expo-cat-list li.active:after {
	border-top-color: #ff9233;
}
.expo-cat-list a {
	display: block;
    padding: 0 35px;
	color: #fff;
}
.expo-swiper-btn .arrow {
	top: 43px;
}
.expo-swiper-btn .arrow:after {
	width: 14px;
    height: 14px;
    border-color: #333;
    border-top: 4px solid #333;
    border-right: 4px solid #333;
    border-radius: 4px;
}
.expo-live-box {
	padding: 0 0 10px 0;
	background-color: #fff;
}
.expo-search-box {
	margin-bottom: 15px;
}

.expo-live-box .expo-item:hover {
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.12);
}
.expo-address-wrap,.expo-search-wrap {
	position: relative;
	flex: 0 0 50%;
	height: 58px;
	padding:0 18px;
	color: #9099cf;
	border:2px solid #5e6699;
	border-right-color: transparent;
    border-radius: 4px;
}
.expo-address-wrap label {
    margin-bottom: 0;
	font-weight: normal;
}
.expo-address-wrap .form-control {
	height: 58px;
	border:none;
	background-color: transparent;
	color: #9099cf;
}
.expo-address-wrap .arrow:after {
	width: 12px;
    height: 12px;
    /*border-top: 3px solid #9099cf;
    border-right: 3px solid #9099cf;*/
    border-radius: 3px;
	border-color: transparent;
}
.expo-search-wrap {
    left: -2px;
    border-radius:0 4px 4px 0;
}
.expo-search-wrap-focus {
	padding-left: 18px;
	color: #ff7700;
	border:2px solid #ff7700;
	border-right-color: transparent;

}

.expo-search-wrap-directories {
	width: 1200px;
	margin: 0 auto 16px;
	padding-left: 18px;
	color: #ff7700;
	border:2px solid #ff7700;
	border-right-color: transparent;
	border-radius: 5px;
}

.expo-search-blue-wrap {
	border:2px solid #606795;
}
.inp-search {
    width: 100%;
    background-color: transparent;
    border: none;
    height: 52px;
    padding-right: 15px;
    color: #152154;
}
.inp-search-directories {
    width: 100%;
    background-color: transparent;
    border: none;
    height: 52px;
    padding-right: 15px;
    color: #152154;
}
.btn-search-bg {
    position: absolute;
    right: -2px;
    top: -2px;
	width: 58px;
	height: 57px;
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: none;
}
.btn-search-bg i {
	width: 40px;
	height: 40px;
}
.expo-search-blue-wrap .btn-search-bg {
    right: 0px;
    top: 0px;
    width: 54px;
    height: 54px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.expo-search-blue-wrap ::-webkit-input-placeholder {
  color: #9299cb;
}

.expo-search-blue-wrap ::-moz-placeholder {
  color: #9299cb;
}

.expo-search-blue-wrap :-ms-input-placeholder {
  color: #9299cb;
}
.search-live-box .expo-address-wrap,.search-live-box .form-control {
	color: #606795;
}
input.inp-search:focus,button:focus{
	outline: 0;
}

input.inp-search-directories:focus,button:focus{
	outline: 0;
}
.expo-search-s-wrap {
	height: 40px;
    padding: 0 5px;
	background-color: #fff;
	border-radius: 26px;
}
.inp-search-s {
    width: 100%;
    background-color: transparent;
    border: none;
	height: 40px;
    padding: 0 10px;
}
.inp-search-s:focus {
    outline: none;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #807c7c;
    transition: background-color 5000s ease-out 0.5s;
}
.btn-search-bg-s {
	display: flex;
    height: 26px;
    border: none;
    background-color: transparent;
}
.expo-live {
    flex-flow: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 0 !important;
}
.expo-item-wrap {
	flex: 0 0 20%;
	padding: 0 20px 20px 0;

}
.expo-item-wrap:nth-of-type(5n+5){
	padding-right: 20px;
}
.expo-item {
	/* padding-bottom: 12px; */
	border-radius: 8px;
	background-color: #fff;
	/*overflow: hidden;*/
	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
	box-shadow: 0px 0 12px 0px rgba(0, 0, 0, 0.08);
}
.item-company-info {
	padding: 3px 10px;
	border-radius: 8px 8px 0 0;
	background-image: #fff;
}
.item-company-info:hover {
	/*background-color: #ca5848; */
}

.expo-live-box .btn-appointment {
	background-color: #ff7700;
	background-image: none;
}
.item-company-info-logo {
    display: flex;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
}
.item-company-info-logo img {
    border-radius: 50%;
    object-fit: contain;
}
.item-company-info-txt {
	width: calc(100% - 70px);
	line-height: 1.4;
	font-size: 15px;
	color: #333;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
}
.expo-item a {
	display: block;
	color: #333;
}
.expo-item a:hover {
	color: #ff7700;
}
.item-company-info a {
	display: flex;
    width: 100%;
}
.expo-item-img-wrap {
	position: relative;
	margin-bottom: 12px;
	border-radius: 50%;
}
.expo-item-img {
	width: 100%;
	height: 380px;
}
.expo-item-img-mini {
	position: absolute;
	bottom: 12px;
	left: 12px;
	border-radius: 4px;
	z-index: 10;
	width: 58px;
	height: 58px;
	background-color: #fff;
	display: flex;
}
.expo-item-img-mini img {
    border-radius: 4px;
    z-index: 10;
    width: 58px;
	height: 58px;
	margin: 0 10px 0 0;
}
.expo-item-fabulous {
    position: absolute;
    bottom: 6px;
    right: 10px;
    z-index: 10;
    width: 30px;
    cursor: pointer;
}
.expo-item-mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: 10;
	padding-top: 30%;
	text-align: center;
	font-size: 16px;
	color: rgba(255,255,255,.9);
	background-color: rgba(0,0,0,.65);
	transition: opacity 500ms ease;
	transform: translateZ(0);
	display: none;
}
.expo-live-more {
	position: relative;
	margin-top: 16px;
	color: #5e6699;
}
.expo-live-more a {
	display: inline-block;
	color: #5e6699;
	line-height: 1.8;
}
.expo-live-more a:hover {
	color: #ff7700;
}
.expo-live-more span {
    margin-right: 4px;
}
.expo-live-more .arrow {
	position: relative;
	right: 0;
	top: 0;
}
.expo-live-more .arrow:after {
	width: 8px;
	height: 8px;
	border-top: 2px solid #5e6699;
	border-right: 2px solid #5e6699;
}
.expo-live-more a:hover .arrow:after {
		    border-top: 2px solid #ff7700;
		    border-right: 2px solid #ff7700;
}
.expo-docking-box {
	padding: 20px 0;
	background-color: #5e6699;
	color: #fff;
}
.expo-docking-box h2 {
	color: #fff;
}
.docking-wrap-flex {
    align-items: flex-start;
}
.docking-wrap {
	flex: 0 0 48%;
	margin-top: 5px;
}
.docking-wrap h3 {
	font-size: 20px;
}
.docking-wrap a{
	color: #fff;
}
.explosive-wrap h3{
    margin-bottom: 15px;
}
.purchaser-wrap h3.purchaser-tit {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #8f94b6;
}
/*.explosive-ico-bg{
    position: relative;
	width: 20px;
	height: 20px;
	background-color: #21243d;
	border-radius: 50%;
}
.explosive-ico-bg a{
	display:block;
    width: 20px;
    height: 20px;
}
.explosive-ico-bg .arrow,.purchaser-ico-bg .arrow {
    right: 7px;
    top: 6px;
}
.explosive-ico-bg .arrow:after,.purchaser-ico-bg .arrow:after {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
*/
.purchaser-ico-bg {
    position: relative;
	height: 20px;
	background-color: #ff7700;
	border-radius: 20px;
}
.purchaser-ico-bg a {
	padding: 0 10px;
	line-height: 20px;
}
.purchaser-ico-bg span {
    margin-right: 10px;
    font-size: 12px;
}
.more-ico-bg{
    position: relative;
	width: 20px;
	height: 20px;
	background-color: #21243d;
	border-radius: 50%;
	transition: 0.5s all;
}
.more-ico-bg a{
    width: 20px;
    height: 20px;
	color: #fff;
    justify-content: flex-end;
}
.more-ico-bg span {
	opacity: 0;
    margin-right: 10px;
    font-size: 12px;
}
.more-ico-bg .arrow,.purchaser-ico-bg .arrow {
    right: 7px;
    top: 6px;
}
.more-ico-bg .arrow:after,.purchaser-ico-bg .arrow:after {
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.more-ico-bg:hover {
    width: 58px;
    height: 20px;
	background-color: #ff7700;
	border-radius: 20px;
}
.more-ico-bg:hover a {
    width: 58px;
	padding: 0 10px;
	line-height: 20px;
}
.more-ico-bg:hover span {
	opacity: 1;
}
.pro-hor-list li,.pro-hor-list li a{
	justify-content: flex-start;
	align-items: flex-start;
}
.pro-hor-list li{
	margin-bottom: 15px;
}
.pro-hor-list li:last-child{
	margin-bottom: 0;
}
.pro-hor-list h6{
	padding-top: 5px;
	margin-bottom: 10px;
}
.pro-hor-img {
	width: 126px;
	height: 126px;
	margin-right: 12px;
}
.pro-hor-img img {
	border-radius: 4px;
}
.pro-hor-txt {
	max-width: calc(100% - 236px);
}
.pro-hor-con {
	color: #b9bdd8;
}
.purchaser-list li {
    margin-bottom: 0;
}
.purchaser-list li a {
    align-items: center;
    width: 100%;
	height: 65px;
    margin-bottom: 0;
	padding: 10px 0;
	color: #b9bdd8;
	border-bottom: 1px solid #787fa9;
}
.purchaser-list h6 {
	width: 150px;
	margin-bottom: 0;
	padding: 0 40px 0 15px;
	color: #fff;
    line-height: 1.5;
}
.purchaser-list-con {
	width: calc(100% - 280px);
	font-size: 12px;
}
.purchaser-num {
	width: 130px;
	padding: 0 15px 0 40px;
	font-size: 12px;
    line-height: 1;
}
.purchaser-num strong {
	font-size: 16px;
	color: #ffa200;
    font-weight: normal;
}
.expo-meeting-box {
	padding-top: 20px;
    color: #21243d;
}
.meeting-list {
	justify-content: flex-start;
    margin-top: -40px;
}
.meeting-list li {
	flex: 0 0 21%;
    padding: 0px 0 20px;
    justify-content: center;
    flex-direction: column;
}
.meeting-list li:nth-of-type(1) {
	flex: 0;
    margin-right: 70px;
}
.meeting-list a:hover {
	color: #fff;
    border: none;
}
.meeting-tit-img {
	width: 146px;
	height: 146px;
	cursor: pointer;
}
.meeting-table-wrap {
	position: relative;
    flex-direction: column;
	margin-bottom: 5px;
}
.meeting-speak {
    position: relative;
    bottom: -12px;
	width: 86px;
	height: 86px;
    padding-top: 2px;
    text-align: center;
	background: url(../images/ico-meeting-userbg.png) no-repeat center / cover;
}
.meeting-speak img {
	width: 68px;
	height: 68px;
    border-radius: 50%;
}
.meeting-table {
	width: 96px;
	height: 96px;
}
.meeting-user {
    position: relative;
    bottom: 8px;
}
.meeting-user i {
    position: relative;
	width: 34px;
	height: 40px;
}
.meeting-user-two i:nth-of-type(1) {
    top: -22px;
    transform: rotate(50deg);
    left: -27px;
}
.meeting-user-two i:nth-of-type(2) {
    right: -29px;
    transform: rotate(-50deg);
    top: -22px;
}
.meeting-user-three i:nth-of-type(1) {
    top: -60px;
    transform: rotate(90deg);
    left: -22px;
}
.meeting-user-three i:nth-of-type(3) {
    top: -60px;
    transform: rotate(-90deg);
    right: -22px;
}
.meeting-user-four i:nth-of-type(1) {
    top: -73px;
    transform: rotate(97deg);
    left: -4px;
}
.meeting-user-four i:nth-of-type(2) {
    top: -13px;
    transform: rotate(45deg);
    left: -22px;
}
.meeting-user-four i:nth-of-type(3) {
    top: -13px;
    transform: rotate(-41deg);
    right: -20px;
}
.meeting-user-four i:nth-of-type(4) {
    top: -73px;
    transform: rotate(-97deg);
    right: -4px;
}
.expo-merchants-box {
	padding: 20px 0;
    color: #21243d;
	background-color: #eaedfd;
}
.suppliers-wrap {
	padding-top: 40px;
	padding-bottom: 40px;
}
.merchants-list {
	flex-wrap: wrap;
	margin-top: 15px;
}
.merchants-list li {
	position: relative;
	margin: 0 20px 0px 0;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 4px 3px 5px rgba(33, 36, 61, .05);
}
.suppliers-list li {
	flex: 0 0 24%;
}
.merchants-list li:nth-of-type(4n + 4) {
	margin-right: 0;
}
.merchants-item-img {
	position: relative;
	width: 100%;
	height: 240px;
}
.merchants-list a {
	color: #21243d;
}
.merchants-list a:hover {
	color: #ff7700;
}
.merchants-item-img img {
	border-radius: 12px 12px 0 0;
}
.img-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 240px;
	background-color: rgba(0, 0, 0, 0.02);
	border-radius: 12px 12px 0 0;
}
.merchants-item-text {
	padding: 15px;
	/*height: 85px;
	line-height: 1.8;
	font-weight: bold;*/
	display: flex;
	align-items: center;
}

.merchants-item-text img {
	width: 32px;
	height: 32px;
	border-radius: 2px;
	margin: 0 10px 0 0;
}
.exhibitors-list li {
	flex: 0 0 31%;
	margin-right: 35px;
}
.exhibitors-list li:nth-of-type(3n + 3) {
	margin-right: 0;
}
.exhibitors-list .merchants-item-img {
	width: 100%;
}
.merchants-rank {
	position: absolute;
	left: 0;
	top: 0px;
	width: 74px;
	height: 33px;
}
.merchants-rank img {
	border-radius: 12px 0 0 0;
}
.merchants-rank span {
	position: absolute;
	left: 7px;
	top: 4px;
	font-size: 18px;
	color: #fff;
	font-style: italic;
}
.expo-product-box {
	padding-bottom: 10px;
	background-color: #f7f7f7;
	position: relative;
}
.expo-product-box .expo-catbar-box {
    background-color: #F7F7F7;
    /* border-bottom: 2px solid #bec8e1; */
    background-image: none;
}
.gradient-cat-list li:hover,.gradient-cat-list li.active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}
.gradient-cat-list li:hover:after,.gradient-cat-list li.active:after {
	border-top-color: #ff7700;
}
.expo-product-list {
	padding: 32px 0 0;
	flex-wrap: wrap;
    justify-content: flex-start;
    min-height: 338px;
}
.expo-product-list li {
	position: relative;
	flex: 0 0 18.9%;
	margin:0 20px 20px 0;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 4px 3px 5px rgba(33, 36, 61, .05);
}
.expo-product-list li:nth-of-type(5n + 5) {
	margin-right: 0;
}
.expo-product-list a {
	color: #5e6699;
}
.expo-product-list a:hover {
	color: #ff7700;
}
.product-item-img {
	position: relative;
	width: 100%;
	height: 282px;
}
.product-item-img img {
	border-radius: 6px 6px 0 0;
}
.expo-product-list .img-mask {
	height: 282px;
}
.product-item-con {
	padding: 12px;
    line-height: 1.6;
}
.product-item-txt {
    height: 38px;
	font-size: 12px;
}
.product-item-price {
	font-size:18px;
}
.open-type {
	position: absolute;
	left: 15px;
    top: 15px;
	width: 22px;
	height: 16px;
	display: none;
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}
.open-type:after {
	content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-20%, -50%);
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: #fff;
}
.expo-feeds-box {
	padding: 30px 0;
	background-color: #5e6699;
	color: #fff;
}
.expo-feeds-list {
	margin-top: 40px;
    flex-wrap: wrap;
}
.expo-feeds-list li {
	flex: 0 0 48%;
    align-items: center;
	margin-bottom: 20px;
    color: #b9bdd8;
}
.feeds-user-img {
	width: 70px;
	height: 70px;
	margin-right: 15px;
	border: 4px solid #8289b2;
	border-radius: 50%;
}
.feeds-user-img img {
	border-radius: 50%;
}
.expo-feeds-list h3 {
    margin-bottom: 5px;
    padding-top: 0;
    font-size: 20px;
	color: #fff;
}
.expo-feeds-list .pro-hor-con{
	font-size: 12px;
}
.feeds-date {
	margin-top: 5px;
    justify-content: flex-start;
	font-size: 12px;
}
.feeds-date i {
	width: 14px;
	height: 14px;
	margin-right: 5px;
}
.desc-tag {
	font-weight: 500;
	font-size: 10px;
	text-align: center;
	border-radius: 4px;
	margin-top: 3px;
	padding: 2px 5px;
}
.expo-info-wrap {
	padding: 0 10px 10px 10px;
}
.live-remind-box {
	font-size: 12px;
}
.expo-info-wrap h5 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	height: 40px;
}
.live-tags-bg {
	height: 44px;
    padding: 15px 10px;
	background-color: #f7f7f7;
}
.live-tags {
	font-size: 12px;
    max-width: 160px;
    height: 20px;
    padding: 2px 10px;
    border-radius: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}
.live-tags-factory,.live-tags-1 {
	color: #ff7700;
    background-color: #FFF1E6;
}
.live-tags-launch,.live-tags-2 {
	color: #4E4FB0;
    background-color: #F1F2FE;
}
.live-tags-evaluation,.live-tags-3 {
	color: #00AC55;
    background-color: #E5F6ED;
}
.live-tags-speak,.live-tags-4 {
	color: #04A0F1;
    background-color: #EBF5FF;
}


/*直播间*/
.live-room {
	background-color: #f9f9f9;
}
.live-head-panel {
	width: 100%;
	height: 50px;
	background: #F2F2F2;
}
.companysign-wrap {
	justify-content: flex-start;
	width: 78%;
	color: #fff;
}
.company-logo {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.company-logo img {
	border-radius: 0;
}
.company-name {
	flex: 1;
	line-height: 1.4;
}
.company-follow-btn {
	border: 1px solid #fff;
	border-radius: 14px;
	height: 28px;
	font-size: 12px;
	color: #fff;
	line-height: 28px;
	padding: 0 20px;
	font-weight: 500;
	margin-left: 20px;
	cursor: pointer;
}
.live-head-panel .negotiation_btn {
	position: static;
}
.live-wrap,.meet-wrap {
	padding: 40px 0;
	align-items: flex-start;
}
.video-panel {
	position: relative;
	width: 1040px;
	height: 585px;
}
.video-content-panel {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.lib-video {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.live-play {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	text-align: center;
	margin: auto;
	z-index: 2;
	width: 100px;
	height: 100px;
	background: url(../images/live-play.png) no-repeat center / cover;
	background-color: transparent;
	cursor: pointer;
}
.live-ended {
	background: rgba(0,0,0,.6);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99;
	display: none;
}
.vcp-error-tips {
	display: none !important;
}
.vcp-loading {
	opacity: 0;
}
.tip-icon {
	width: 40px;
	height: auto;
}
.tip-desc {
    width: 70%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-shadow: 0 0 4px rgba(0,0,0,.5);
    margin-top: 12px;
}
.video-left-panel {
    position: absolute;
    top: 0;
    bottom: 70px;
    left: 0;
    width: 240px;
    z-index: 2;
    display: flex;
    flex-direction: column-reverse;
    padding: 16px;
}
.comment-wrap {
    width: 100%;
    height: 240px;
    overflow-y: scroll;
}
.comment-list li {
    padding: 5px 8px;
    background: rgba(34,34,34,.9);
    border-radius: 4px;
    margin-bottom: 4px;
    list-style-type: none;
    color: rgba(255,255,255,.5);
    font-size: 12px;
}
.comment-list span {
    font-size: 12px;
	color: #fff;
}
.comment-list span:first-child {
    margin-right: 6px;
}
/* 滚动条样式 */
.scroll-wrap {
	overflow: auto !important;
	scrollbar-face-color: transparent; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #ffffff;
	scrollbar-3dlight-color: #007bc6;
	scrollbar-darkshadow-color: #007bc6;
	scrollbar-arrow-color: #007bc6; 
	scrollbar-track-color: #009ed2;
}

/* 设置滚动条的样式 */
.scroll-wrap::-webkit-scrollbar {
	width:6px;
	background-color:transparent;
}

/* 滚动槽 */
.scroll-wrap::-webkit-scrollbar-track {
	border-radius:10px;
}

/* 滚动条滑块 */
.scroll-wrap::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color: transparent;
}
.scroll-wrap-orange::-webkit-scrollbar {
	background-color:#ddd;
}
.scroll-wrap-orange::-webkit-scrollbar-thumb {
	background-color: #f70;
}
.scroll-wrap-black::-webkit-scrollbar-thumb {
	background-color: #000;
}

.video-toolbar-panel {
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: 11;
}
.video-toolbar-panel h4 {
    height: 20px;
    color: #fb692f;
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px;
    animation: mylive-size 1s linear infinite;
    -webkit-animation: mylive-size 1s linear infinite;
}

.service-box {
	position: relative;
}
.service-list li {
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-bottom: 18px;
	color: #fff;
	cursor: pointer;
}
.service-list span {
	font-size: 12px;
	display: block;
	width: 50px;
	text-align: center;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.service-list li > i {
	width: 30px;
	height: 30px;
}
.ico-state {
    position: absolute;
    right: -2px;
    bottom: -3px;
    width: 15px;
    height: 15px;
}
.service-img {
	position: relative;
	width: 45px;
	height: 45px;
	margin-bottom: 4px;
}
.service-img img {
	border-radius: 50%;
}
.service-img i {
	position: absolute;
	right: -2px;
	bottom: -1px;
}
.fa-check-circle {
	color: #00ac55;
}
.fa-minus-circle {
	color: #666;
}
.fa-clock-o {
	color: #e70e00;
}
@keyframes mylive-size {
	0% {
		font-size:12px;
	}
	50% {
		font-size:16px;
	}
	100% {
		font-size:12px;
	}
}
.live-full-screen {
	position: absolute;
    right: 14px;
    cursor: pointer;
}

/*邀请弹窗*/
.contact-way-modal{
	position: absolute;
	top: 88px;
	right: 55px;
	display: none;
	width: 180px;
	padding: 4px 8px;
	background-color: rgba(0,0,0,.8);
	border-radius: 4px;
	color: #fff;
}
.contact-way-item {
	padding: 4px 0;
    cursor: pointer;
    transition: .3s;
}

.contact-way-item:hover {
	background-color: rgba(0,0,0, 1);
	border-radius: 5px;
}

.contact-way-item a {
	color: #fff;
}
.contact-way-item a:hover {
	color: #f70;
}
.contact-way-item i {
	margin-right: 10px;
}
.contact-way-item span {
	font-size: 12px;
}
.modal-close {
	position: absolute;
	top: -6px;
	right: -6px;
	cursor: pointer;
}
.modal-close i {
	width: 20px;
	height: 20px;
    background-size: 54%;
    background-position: center
}
.contact-way-modal-friend {
	width: 260px;
	z-index: 10;
    right: -8px;
    top: 108px;
    transform: translate(50%);
}
.contact-way-modal-friend:before {
	content: "";
    position: absolute;
    left: 25%;
    top: -20px;
	width:0;
	height:0;
	border:10px solid transparent;
	border-bottom-color:rgba(0,0,0,.8);
}
.contact-way-item-arrow {
    position: absolute;
    left: 0;
    top: -20px;
    width: 260px;
    height: 20px;
}
.contact-way-item-arrow:before {
    content: "";
    position: absolute;
    left: 25%;
    top: 0px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: rgba(0,0,0,.8);
}
.modal-close-b {
    top: auto;
    bottom: 6px;
    right: 6px;
    opacity: 0.5;
}
.contact-way-item-user {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 46px;
    height: 46px;
    display: flex;
    background: #fff;
    border-radius: 50%;
}
.contact-way-item-user img {
    border-radius: 50%;
}
.service-box .contact-way-modal{
	/*background-color: rgba(255,255,255,.2);*/
    right: -200px;
}
.modal-add-friend {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 50;
	display: none;
	width: 460px;
	padding: 50px 70px 30px;
	color: #fff;
	background-color: #111328;
	box-shadow: 0 0 25px rgba(14, 17, 47,.5);
	border-radius: 4px;
}
.modal-add-friend-item {
	margin-bottom: 30px;
}
.modal-add-friend-item .help-block {
	color: #9299cb;
}
.add-friend-ipt {
	width: 100%;
	height: 40px;
    padding: 0 10px;
	color: #fff;
	border: 2px solid #606795;
	background-color: transparent;
	border-radius: 4px;
}
.modal-add-friend input:focus,.modal-add-friend select:focus {
	outline: 0;
}
.add-friend-ipt-code {
    border-radius: 0 4px 4px 0;
    border-left: none;
}
.add-friend-close {
    position: absolute;
    right: 15px;
    top: 10px;
	cursor: pointer;
}
.add-friend-close i {
    width: 12px;
    height: 12px;
}
.modal-invite .contact-way-item-user {
    position: static;
    width: 60px;
    height: 60px;
    margin: 0 auto 10px;
}
.modal-invite-ico {
    justify-content: center;
    margin-bottom: 30px;
}
.modal-invite-ico li {
    padding: 0 25px;
    cursor: pointer;
}
.modal-invite-ico p {
    margin-top: 10px;
    font-size: 12px;
}
.modal-invite-ico i {
    width: 34px;
	height: 34px;
}
.modal-business-card {
    width: 380px;
	padding: 30px;
}
.business-card-img {
    position: relative;
    left: 50%;
    transform: translate(-50%);
    width: 80px;
    height: 80px;
    margin-top: -70px;
    border: 3px solid #101329;
    border-radius: 50%;
    box-shadow: 0 0 25px rgba(14, 17, 47,.5);
}
.business-card-img img {
	border-radius: 50%;
}
.business-card-list {
	margin-top: 20px;
}
.business-card-list dl {
    display: flex;
	margin-bottom: 15px;
}
.business-card-list dt {
	width: 100px;
	margin-right: 15px;
	text-align: right;
    font-weight: normal;
}

.modal-tips-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    background-color: rgba(0,0,0,.7);
	transition: display .15s linear;
}
.modal-tips {
	position: relative;
    width: 660px;
    height: 460px;
    margin: 7% auto 0;
    padding-top: 30px;
    background-color: #fff;
    border-radius: 6px;
}
.modal-tips img {
	width: 360px;
	height: 260px;
	margin-bottom: 50px;
}
.modal-tips .ico-close-white {
	position: absolute;
    right: -30px;
    top: -20px;
	cursor: pointer;
}




/*电话code*/
.phone-group {
	position: relative;
}
.phone-btn {
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
	border: 2px solid #606795;
	border-right: none;
	border-radius: 4px 0 0 4px;
	/* background: #606795;*/
	cursor: pointer;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/* background-image: url("../images/arrow.png") no-repeat scroll right center transparent; */
	background: url("../images/arrow.png") no-repeat scroll right center rgba(96, 103, 149, 1);
}
.phone-btn1 {
	padding: 0 23px 0 10px;
}
.phone-select {
	position: absolute;
	left: 0;
	padding: 20px;
	background-color: #606795;
}
.phone-btn::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0.2);
}

/*定义滚动条轨道 内阴影+圆角*/
.phone-btn::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 8px rgb(1, 64, 118);
  border-radius: 2px;
  background-color: rgba(245, 245, 245, 0.2);
}

/*定义滑块 内阴影+圆角*/
.phone-btn::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 8px #014076;
  background-color: #ff0;
}



.live-right-panel {
	position: relative;
	width: calc(100% - 1040px);
	height: 580px;
	overflow: hidden;
	background-color: #fff;
}
.live-info {
	padding: 10px;
}
.live-info h4 {
	max-height: 48px;
    font-weight: bold;
    line-height: 1.5;
}
.translate {
	position: relative;
	margin-top: 8px;
}

.live-room .translate {
	display: none;
}
.translate h3 {
	color: #fff;
	font-size: 20px;
}
.translate-subtitle {
    max-height: 388px;
	color: #666;
    font-size: 16px;
}
.meet-box li {
	list-style-type: none;
}
.translate-ico > li {
    display: flex;
    flex: 0 0 33%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    cursor: pointer;
}
.translate-ico > li.active {
    color: #fb692f;
}
#font-barrage {
	/*flex: initial;*/
}
#font-barrage.active {
	/*flex: 1;*/
}
.translate-lang-modal {
    position: absolute;
    left: 50%;
    bottom: 10px;
	transform: translate(-50%);
    display: none;
    padding: 6px 0;
    color: #fff;
    background-color: rgba(0,0,0,.9);
    border-radius: 4px;
    font-size: 12px;
}
.translate-lang-list > li {
	padding: 0 25px;
	line-height: 2.6;
}
.translate-lang-list > li > a {
	display: block;
	color: rgba(255,255,255,.5);
}
.translate-lang-list > li > a:hover,
.translate-lang-list > li.active a{
	text-decoration: none;
}
.translate-lang-list > li.active {
	background-color: #000;
}
.translate-white .translate-lang-list > li.active {
    background-color: #111;
}
.translate-white .translate-lang-list > li.active a {
    color: #fff;
}
.translate-subtitle > div {
	display: none;
}
.translate-subtitle > div.active {
	display: block;
}
.translate-lang-modal .modal-close {
    top: -10px;
    right: -14px;
    background-color: #333;
    border-radius: 50%;
}
.translate-white {
	height: 100%;
}
.translate-white .translate-subtitle {
	max-height: 448px;
	overflow: hidden;
	color: #fff;
	line-height: 1.8;
}
.live-product-box {
	padding-bottom: 20px;
}
.live-product-panel {
	padding: 20px;
	background-color: #fff;
	/*border-top: 1px solid #f5f5f5;*/
}
.live-product-panel h5 {
    margin: 0;
	padding: 12px 10px;
	font-weight: bold;
}
.live-product-wrap {
    width: 100%;
    flex-wrap: wrap;
    /*height: 190px;
    overflow-y: scroll;*/
}
.live-product-list {
	flex: 0 0 32%;
    margin-bottom: 20px;
    padding: 10px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.live-product-item {
    align-items: flex-start;
    width: 100%;
    padding: 6px 12px 0;
	cursor: pointer;
}
.live-product-img-wrap {
    position: relative;
	width: 80px;
    margin-right: 12px;
}
.live-product-img {
	width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 8px;
}
.product-pic-mark {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.04);
    border-radius: 8px;
}
.ico-living {
    width: 20px;
    height: auto;
    position: absolute;
    left: 4px;
    top: 4px;
    z-index: 10;
}
.live-product-price {
	font-weight: bold;
}
.live-product-chatbtn {
    display: inline-block;
    height: 24px;
    margin-right: 12px;
    padding: 0 10px;
    cursor: pointer;
    line-height: 24px;
    font-size: 12px;
    color: #fb692f;
    background-color: #fb692f1a;
    border-radius: 20px;
}
.post-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
	z-index: 20;
    width: 100%;
    padding: 8px 12px;
    background: #fff;
    box-shadow: 0 -2px 4px 0 rgba(0,0,0,.12);
}
.post-textinput {
    width: 78%;
    height: 35px;
    line-height: 32px;
    border-radius: 16px;
    background-color: #efefef;
    padding: 0 12px;
	border:1px solid #ddd;
}
.post-input {
    flex: 1;
    background: transparent;
    color: #666;
    border: 0;
    outline: none;
    line-height: 1px;
}
.post-count {
    font-size: 12px;
    color: #666;
}
.post-current {
    color: #04a0f1;
}
.post-btn {
    display: inline-block;
	height: 32px;
	color: #fff;
    text-decoration: none;
    background: #fb692f;
    line-height: 32px;
    padding: 0 20px;
    border-radius: 16px;
    margin-left: 8px;
}
.post-btn:hover,.post-btn:active {
	display: block;
	color: #fff;
	text-decoration: none;
}

.meet-box {
    padding-bottom: 30px;
    background-color: #eaedfd;
}
.meet-wrap {
	position: relative;
	padding-bottom: 0;
}
.meet-wrap .video-panel {
	background-color: #000;
}
.meet-wrap .live-right-panel {
	position: absolute;
	top: 40px;
	bottom: 0;
	right: 0;
	width: calc(100% - 1040px);
	height: auto;
	overflow: hidden;
	background-color: #262121;
}
.meet-info {
    height: 100%;
	padding: 20px 30px;
}
.meet-info .translate-ico {
	position: absolute;
	bottom: 0;
    width: 100%;
}
.meet-wrap .translate-ico > li {
	margin-top: 35px;
    flex: 0 0 17%;
}
.meet-wrap .translate-lang-modal {
    left: 20%;
    bottom: 30px;
    background-color: rgba(0,0,0,1);
}
.meet-video-wrap {
    margin-top: 20px;
}
.meet-video-list li {
    flex: 0 0 24%;
    margin-right: 16px;
    box-shadow: 4px 3px 5px rgba(33, 36, 61, .05);
    border-radius: 6px;
}
.meet-video-list li:last-child {
	margin-right: 0;
}
.meet-video-imgbox {
	position: relative;
	width: 100%;
}
.meet-video-img {
	width: 100%;
	height: 180px;
}
.meet-video-img img {
    border-radius: 6px 6px 0 0;
}
.meet-video-txt {
    padding: 10px;
    background: #f7f7f7;
    border-radius: 0 0 6px 6px;
}
.meet-video-txt h5 {
    height: 38px;
	line-height: 1.5;
}
.meet-remind {
    height: 55px;
    margin: 10px -10px -10px;
    padding: 0 15px 0px;
	border-top: 1px solid #e1e1e1;
}
.meet-remind span {
    color: #fb692f;
}
.meet-remind-txt {
	color: #04a0f1;
    cursor: pointer;
}
.meet-remind-active {
	background-color: #FFF1E6;
    border-radius: 0 0 6px 6px;
}

/* 搜索页 */
.search-cat-banner {
    position: relative;
    width: 100%;
    height: 200px;
    background: url(../images/banner-search.jpg) no-repeat center / cover;
}
.search-cat-banner-txt {
    padding-top: 75px;
    font-size: 36px;
	font-weight: bold;
    text-shadow: 4px 5px 5px rgba(0, 0, 0,.2);
    background: linear-gradient(to bottom, #fff 82%, #9aaefa 92%);
    -webkit-background-clip: text;
    color: transparent;
}
.search-live-box {
	padding-bottom: 30px;
	background-color: #eaedfd;
}
.search-live-box h2 {
	margin-bottom: 20px;
	color: #152154;
}
.expo-catbar-box-nobg {
	height: 52px;
	margin-bottom: 20px;
	background-color: transparent;
	border-bottom: 2px solid #c1c6e5;
}
.expo-catbar-box-nobg li {
	line-height: 50px;
	font-size: 20px;
}
.expo-catbar-box-nobg a {
	color: #606795;
}
.expo-catbar-box-nobg a:hover,.expo-catbar-box-nobg li.active a {
	color: #fff;
}
.expo-product-box h2 {
	padding-top: 30px;
	color: #fff;
}
.search-cat-box .expo-product-box h2 {
	color: #2c2c2c;
}
.search-cat-box .expo-product-list {
	padding-top: 10px;
}

/* 求购,爆品 */
.supply-wrap,.blast-wrap {
	padding: 30px 0;
	background-color: #eaedfd;
}
.supply-list {
    flex-wrap: wrap;
	margin-top: 15px;
}
.supply-list li {
	position: relative;
    flex: 0 0 49%;
    border-radius: 6px;
    padding: 15px;
	color: #999;
    background: #fff;
}
.supply-list h3 {
	color: #2c2c2c;
}
.supply-list .purchaser-num {
	width: auto;
	padding: 0;
}
.supply-list .pro-hor-con {
    margin-top: 5px;
    height: 40px;
    line-height: 1.4;
}
.supply-list .tag-default {
	position: absolute;
    right: 15px;
	top: 15px;
}
.blast-wrap .product-item-txt {
	font-weight: normal;
}
.blast-list {
    justify-content: flex-start;
	padding-top: 5px;
}
.blast-list li {
	box-shadow: 4px 3px 5px rgba(33, 36, 61, 0);
}
.blast-list h4 {
	height: 18px;
}
.contact-infor {

}

/* 找朋友 */
.find-box,.mymeeting-box {
    padding-bottom: 20px;
    background-color: #eaedfd;
}
.find-list li {
    align-items: center;
	margin-bottom: 0;
}
.find-list h3 {
	color: #5e6699;
}
.meeting-img {
	width: 92px;
	height: 92px;
	margin-right: 40px;
}
.mymeeting-box .find-wrap {
	padding: 20px 0;
}
.mymeeting-wrap {
	padding-top: 0;
}
.mymeeting-list {
    margin-top: 15px;
}
.mymeeting-list li {
    flex: 0 0 24%;
    margin-right: 15px;
    box-shadow: 4px 3px 5px rgba(33, 36, 61, .05);
    border-radius: 6px;
    padding: 35px;
    background: #fff;
}
.mymeeting-list li:last-child {
    margin-right: 0;
}
.creatmeeting {
    justify-content: flex-start;
}
.creatmeeting-img {
	width: 450px;
    margin-right: 35px;
	padding: 0 45px;
}
.creatmeeting-form {
	width: 560px;
}
.creatmeeting-form input {
	margin-bottom: 10px;
}
.creatmeeting-form textarea {
	height: 260px;
}
.textarea-box {
	position: relative;
	margin-bottom: 20px;
}
.textarea-number {
	position: absolute;
	right: 20px;
	bottom: 15px;
}
.textarea-number span {
	color: #f70;
}
.meeting-group {
	margin-top: 15px;
	background-color: #fff;
	border-radius: 6px;
    box-shadow: 4px 3px 5px rgba(33, 36, 61, .05);
}
.meeting-group-tabs {
	width: 100%;
	height: 50px;
	background: url(../images/mymeeting-tab-bg.png) no-repeat center / cover;
	border: none;
    border-radius: 6px 6px 0 0;
}
.meeting-group-tabs > li > a {
	position: relative;
    margin: 0 15px;
    padding: 10px 0;
	color: #666;
    line-height: 30px;
}
.meeting-group-tabs > li > a,
.meeting-group-tabs > li > a:hover,
.meeting-group-tabs > li > a:active,
.meeting-group-tabs > li > a:focus {
	border: none;
	background-color: transparent;
}
.meeting-group-tabs > li.active > a,
.meeting-group-tabs > li.active > a:hover,
.meeting-group-tabs > li.active > a:active,
.meeting-group-tabs > li.active > a:focus {
	color: #f70;
	border: none;
	background-color: transparent;
}
.meeting-group-tabs > li.active > a:after {
	content: "";
	position: absolute;
	bottom: 0;
    left: 0;
    width: 100%;
	border-bottom: 2px solid #f70;
	border-radius: 2px;
}
.meeting-group-content {
	padding: 0 20px 20px;
}
.meeting-group-pane {
	padding-top: 15px;
}
.meeting-group-pane li {
	width: 100%;
    margin-bottom: 15px;
    padding: 20px 0;
	border-bottom: 1px solid #eee;
	position: relative;
}
.meeting-group-pane h6 {
	font-weight: 500;
	font-size: 18px;
}
.meeting-group-date {
	font-size: 14px;
	color: #999;
	line-height: 24px;
}

.meeting-group-date span {
	display: inline-block;
	width: 90px;
	text-align: right;
}

.meeting-nomore-bg {
	position: relative;
	width: 120px;
	height: 2px;
	margin: 50px auto 30px;
	background-color: #999;
}
.meeting-nomore {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    color: #999;
    text-align: center;
    background-color: #fff;
}
.meeting-details {
	margin-top: 15px;
	padding: 20px;
	background-color: #fff;
	border-radius: 6px;
}
.meeting-details-item {
	margin-bottom: 20px;
}
.meeting-details-title {
	padding: 20px 0 0;
}
.meeting-details-title small {
	margin-left: 15px;
	color: #f70;
}
.meeting-group .negotiation_btn {
	top: 13px;
}
.countdown {
	color: #f70;
}
.countdown span {
	width: 24px;
	height: 24px;
    display: inline-block;
    margin: 0 6px;
	text-align: center;
	line-height: 24px;
	background-color: #f70;
	border-radius: 2px;
	color: #fff;
}
.meeting-details-con {
	margin: 30px 0 20px 0;
	padding: 30px 0;
	border-top: 6px solid #eaedfd;
	border-bottom: 6px solid #eaedfd;
}

.meeting-details-con span {
	display: inline-block;
	width: 90px;
	text-align: right;
}

.meeting-details-intro {
	color: #999;
}
.participants li {
	padding: 20px;
	border-bottom: 2px solid #eaedfd;
}
.participants li:last-child {
	border-bottom: none;
}
.participants-img {
	width: 64px;
	height: 64px;
	margin-right: 15px;
}
.participants-img img {
	border-radius: 50%;
}
.participants-company {
	color: #999;
}
.meeting-invite {
	margin-top: 25px;
    border-bottom: 1px solid #ddd;
}
.invitees-wrap {
    flex-wrap: wrap;
}
.invitees-item {
    flex: 0 0 32.1%;
    margin-right: 20px;
    margin-bottom: 20px;
	padding: 25px 15px;
	background-color: #fff;
	border-radius: 6px;
    box-shadow: 4px 3px 5px rgba(33, 36, 61, .05);
}
.invitees-item:nth-of-type(3n + 3) {
	margin-right: 0;
}
.invitees-item input[type="checkbox"] {
	width: 16px;
	height: 16px;
}
.meeting-invitees-num {
	margin-top: 15px;
}
.meeting-invited {
	color: #999;
}
.meeting-invited span {
	color: #f70;
}


/* 用户中心 */
.bigbox {
	padding: 20px 0 30px;
}
.user-img {width:180px;height:180px;margin-left:36px;}
.uimg-box {float:left;overflow:hidden;}
.uinfo-box {margin-left:270px;}
.uinfo-box ul {list-style:none;}
.uinfo-box li {border-bottom:1px dashed #ddd;line-height:3em;}
.uinfo-box li span.label {color:#999;width:120px;font-weight:normal;display:inline-block;text-align:right;font-size:14px;}
.uinfo-box li span.value {color:#333}
.upload-img {
	float: none;
	flex-direction: column;
	justify-content: center;
}
.upload-button .btn {
	height: auto;
    margin-bottom: 10px;
	cursor: pointer;
}
.upload-button .btn:hover {
	border-color: transparent;
	color: #fff;
}
.upload-button input {
	cursor: pointer;
}
a.list-group-item:hover {
	background-color: rgba(255, 119 ,0 ,.1);
}
.user-info .user-img {
	margin:0 0 15px;

}
.user-info .uimg-box {
	width: 200px;
}
.my-follow-item {
	padding: 15px 0;
	border-bottom: 1px solid #ddd;
}
.my-follow-item:last-child {
	border-bottom: none;
}
.my-follow-item a {
	display: block;
	border: none;
	width: 80px;
	height: 80px;
}

/* 意向订单 */
.filter {
	justify-content: flex-start;
	padding: 0 0 10px;
}
.filter label {
	margin-top: 0;
}
.my-favorate input[type="checkbox"] {
	width: 16px;
	height: 16px;
	margin-top: 2px;
}
.filter-delete {
	margin-left: 40px;
    color: #999;
    cursor: pointer;
}
.exhibits-wrap {
	flex-wrap: wrap;
    justify-content: flex-start;
}
.exhibits-item {
    position: relative;
    flex: 0 0 23.4%;
    padding: 30px 15px 15px 15px;
    border: 1px solid #e6e6e6;
    background: #fff;
    margin: 0 15px 20px 0;
}
.exhibits-item:nth-of-type(4n + 4) {
    margin-right: 0;
}
.exhibits-item:hover {
    border: 1px solid #ff7700;
}
.exhibits-operate {
	position: absolute;
	top: 5px;
    left: 8px;
    right: 8px;
	cursor: pointer;
}
.exhibits-operate input {
	cursor: pointer;
}
.exhibits-item a {
    display: block;
}
.exhibits-item-img{
    position: relative;
    width: 180px;
    height: 180px;
}

.exhibits-wrap .exhibits-item-img {
	width: 100%;
	height: 100%;
}
.exhibits-item-img .img-mask{
    height: 100%;
	border-radius: 0;
}
.exhibits-item-label{
    position: absolute;
    top: 0;
    width: auto;
    min-width: 48px;
    height: 24px;
    padding: 0 5px;
    line-height: 24px;
    font-size: 12px;
}
.r-label{
    text-align: center;
    background: #d71e26;
    color: #fff;
    right: 0;
}
.exhibits-item-info {
	margin: 15px 0;
    font-weight: 600;
    color: #2c2c2c;
    height: 40px;
}
.exhibits-item-company {
    height: 32px;
	padding-top: 14px;
    font-size: 12px;
    color: #999;
    border-top: 1px solid #e6e6e6;
}
.exhibits-item-num {
    padding-top: 8px;
    border: none;
}
.exhibits-item .glyphicon-trash{
	display: none;
    color: #ccc;
}
.line_glyphicon {
	display: block;
    width: 4px;
    height: 42px;
    background: #ff7700;
    position: absolute;
    left: 0;
    top: 0;
}
.exhibits-item:hover .glyphicon-trash{
	display: block;
}
.exhibits-item:hover .glyphicon-trash:hover{
    color: #2c2c2c;
}
.release-order {
	margin-left: 25px;
	color: #ff7700;
	cursor: pointer;
}
.release-order span {
	margin-right: 5px;
	font-size: 12px;
}
/* 商品详情 */
.product-detail {
}
.ex-inner {
	padding-top: 60px;
	background-color: #f9f9f9;
}
.product-info {
	margin-bottom: 40px;
}
.product-info-photos {
	flex: 0 0 580px;
	margin-right: 40px;
	align-items: flex-start;
}
.product-info-cover {
	width: 460px;
	height: 460px;
}

.product-info-content {
	width: 570px;
	 height: 460px;
}
.jqueryzoom {
	position: relative;
	padding: 0;
	border: solid 1px #eaeaea;
	width: 460px;
	height:460px;
	overflow: hidden;
	display: inline-block;
}
/*放大镜是基于图片大小自动生成的，每次都要把jqueryzoom中img的大小和jqueryzoom盒子大小设置为一样的，不然放大镜滑块有可能溢出*/
.jqueryzoom img {
	width: 460px;
}
.cloudzoom-gallery {
	border:1px solid transparent;
}
.cloudzoom-gallery-active {
	border-color: #ff7700;
	/*opacity: .5 */
}
.jqueryzoom-list {
	position: relative;
	height: 460px;
	overflow: hidden;
}
.jqueryzoom-btn {
	position: absolute;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 16px;
	cursor: pointer;
	background-color: rgba(0,0,0,.5);
}
.jqueryzoom-btn:after {
	display: block;
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid rgba(255, 255, 255,.7);
	border-right: 2px solid rgba(255, 255, 255,.7);
	transition:.3s;
}
.jqueryzoom-prev {
	top: 0;
}
.jqueryzoom-prev:after {
	transform:rotate(-45deg);
	margin-top: 5px;
}
.jqueryzoom-next {
	bottom: 0;
}
.jqueryzoom-next:after {
	transform:rotate(135deg);
	margin-bottom: 5px;
}
.product-info-list {
	position: relative;
	flex-direction: column;
	overflow: hidden;
	justify-content: flex-start;
}
.product-info-list li {
	width: 110px;
	height: 110px;
	margin-bottom: 7px;
	border: 1px solid #e6e6e6;
}
.zoomPad {
	width: 100%;
	height: 100%;
}
.product-info-content h2 {
	max-height: 68px;

	font-size: 18px;
	font-weight: 500;
	color: #333333;
	line-height: 25px;
}
.product-info-txt {
	margin-top: 32px;
	margin-bottom: 40px;
	padding: 32px 20px 20px 20px;
	background: #FFF6F0;
	border-top: 1px solid #FD6900;
	position: relative;
}

.product-info-txt .ico-collect-orange {
	width: 16px;
	height: 16px;
}

.product-info-txt .ico-collect-orange-o {
	width: 16px;
	height: 16px;
}

.product-info-txt dl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 20px;
	color: #666;
	font-size: 16px;
}
.product-info-txt dt {
	font-weight: normal;
	margin-right: 8px;
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
}
.product-info-collect {
	cursor: pointer;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	line-height: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.product-detail .line {
	width: 570px;
	height: 1px;
	background: #DDDDDD;
}

.product-info-collect i {
	margin-right: 5px;
}
.product-info-ctrl {
	width: 100%;
	margin-top: 100px;
	padding: 0 60px 0 0;
}
.product-info-btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 306px;
	height: 64px;
	line-height: 48px;
	border-color: #ff7700;
	color: #ff7700;
	background-color: transparent;
	border: 1px solid #ff7700;
	cursor: pointer;
}
.product-info-btn:hover {
	border: 1px solid #ee6600;
}
.product-info-btn i {
	margin-right: 8px;
}
.product-info-purpose {
	width: 306px;
	color: #fff;
	background-color: #ED2625;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	line-height: 25px;
}

.product-info-qiatan {
	width: 184px;
	height: 64px;
	background: #FD6900;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
}

.product-info-logo {
	width: 250px;
	height: 460px;
	background: #F9F9F9;
	border: 1px solid #DDDDDD;
	margin: 0 0 0 20px;
	padding: 20px 40px 14px 40px;
	position: relative;
}

.product-info-logo .logo {
	width: 100px;
	height: 100px;
	border-radius: 4px;
	border: 1px solid #F2F2F2;
	margin: 0 auto 20px;
	display: block;
}

.product-info-logo .title {
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #333333;
	line-height: 22px;
	text-align: center;
	margin: 0 0 20px 0;
}

.product-info-logo .collection_box {
	width: 170px;
	height: 44px;
	background: #F9F9F9;
	border-radius: 2px;
	border: 1px solid #999999;
	text-align: center;
	line-height: 44px;
	position: absolute;
	bottom: 69px;
	cursor: pointer;
}

.product-info-logo .communicate_box {
	width: 170px;
	height: 44px;
	background: #F9F9F9;
	border-radius: 2px;
	border: 1px solid #999999;
	text-align: center;
	line-height: 44px;
	position: absolute;
	bottom: 15px;
	cursor: pointer;
}

.product-info-qiatan:hover {
	color: #fff;
}

.product-info-purpose:hover,.product-info-purpose:focus {
	color: #fff;
	background-color: #ee6600;
}
.product-parameter-list {
	flex-wrap: wrap;
	padding: 40px;
}
.product-parameter-list li {
	flex: 0 0 33%;
	padding: 10px 0;
}
.store-info {
	padding-bottom: 50px;
	justify-content: flex-start;
}
.store-info a {
	justify-content: flex-start;
	color: #2c2c2c;
}
.store-info-logo {
    width: 78px;
    height: 78px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 24px;
    border: 1px solid #e5e5e5;
    position: relative;
}
.store-info-tit {
	margin-right: 10px;
    font-size: 20px;
}
.store-info-detail .product-info-collect {
	color: #2c2c2c;
}
.product-detail-info {
	padding: 50px 0;
}
.product-detail-info-con {
	margin-top: 25px;
}
.exhibits-related {
	padding: 50px 0;
	background-color: #eaedfd;
}
.modal-order .form-group {
    flex-direction: column;
}
.modal-order label {
    font-weight: normal;
}
.modal-order .modal-footer {
    border: none;
}

/*阿里巴巴*/
.do-entry-list:after, .do-entry dl:after, .do-performance:after {
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    content: " ";
    clear: both;
}
.product-detail-info-con .tt_block {
	display: none;
}
.product-detail-info-con .do-title {
    font-size: 20px;
    line-height: 22px;
    color: #2c2c2c;
    padding: 20px 0 10px !important;
    border-bottom: 1px dashed #ddd !important;
}
.do-content {
    overflow: hidden;
}
.do-overview {
    border-top: 1px dashed #e6e7eb;
}
.do-entry {
    border-bottom: 1px dashed #e6e7eb;
    padding: 10px 0 16px;
    font-size: 12px;
}
.do-entry-title {
    font-weight: 700;
    font-size: 14px;
    color: #333;
    line-height: 14px;
    padding: 8px 0;
}
.do-entry-list {
    box-sizing: border-box;
}
.do-entry-item li {
    float: left;
}
.do-entry dl {
    padding: 0 20px;
    box-sizing: border-box;
}
.do-entry-separate dl,.do-entry-item {
    width: 480px;
    zoom: 1;
    float: left;
}
.do-entry dt {
    padding: 4px 0;
    color: #666;
    width: 102px;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.do-entry-separate dt {
    width: 90px;
}
.do-entry dt {
    width: 110px;
}
.do-entry dd {
    padding: 4px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    margin: 0;
}
.ellipsis {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    width: 100%;
}
.do-entry-item li {
	line-height: 2;
}
.do-entry-item li:first-child {
	width: 110px;
}
.do-entry img {
    display: block;
    max-width: 750px;
    width: 640px;
    margin: 20px 0;
}
.product-certifications .do-entry-list>.do-entry-item,
.product-certifications .do-entry-item li:first-child {
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    position: relative;
    width: auto;
}
.product-certifications .do-entry-list>.do-entry-item>.do-entry-item {
    color: #000;
    width: auto;
    margin-right: 10px;
}
.icbu-certificate-icon {
    display: inline-block;
    width: 19px;
    height: 25px;
    vertical-align: top;
    margin-right: 9px;
}
.icbu-certificate-icon.icbu-certificate-icon-ce {
	background: url(../images/ico-ce.png) 0 0 no-repeat;
	background-size: 19px;
	background-position-y: center;
	vertical-align: middle;
}

/* 企业信息 */
.enterprise-box {
	background-color: #eaedfd;
}
.enterprise-box .expo-product-box h2 {
	color: #152154;
}
.enterprise-banner-box {
	width: 100%;
	height: 50px;
	background: #F2F2F2;

}
.enterprise-banner {
	height: 50px;

}

.enterprise-box .expo-live {
	padding-top: 30px;
}
.enterprise-shop-info {}
.shop-info-img {
	width: 30px;
	height: 30px;
	/*border: 5px solid rgba(255, 255, 255,.5);*/
	border-radius: 0;
}
.shop-info-img img {
	border-radius: 0;
}
.shop-info {
	margin-left: 10px;
	color: #fff;
}
.shop-info h2 {
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
	margin: 0;
}
.shop-contact {
	margin-top: 20px;
}
.shop-contact li {
	height: 30px;
	margin-right: 15px;
	border-radius: 30px;
	line-height: 30px;
	background-color: #f70;
}
.shop-contact li i {
	width: 20px;
	height: 20px;
	margin-right: 5px;
}
.shop-contact li a {
	display: flex;
	align-items: center;
	padding: 0 15px;
	color: #fff;
	font-size: 16px;
}
.enterprise-follow {
	color: #fff;
	font-size: 16px;
}
.enterprise-follow dl {
	margin: 0 30px;
	text-align: center;
}
.enterprise-follow dt {
    font-size: 28px;
    font-weight: normal;
}
.enterprise-box .expo-product-box {
	background-color: transparent;
}
.enterprise-contact-box div.enterprise-contact-wrap:last-child {
	margin-top: 20px;
}
.enterprise-box .expo-product-list {
    padding: 10px 0 0;
}
.collects-p {
	position: absolute;
	top: 10px;
	right: 15px;
}
.collects-p i {
	width: 16px;
	height: 18px;
}
.enterprise-nav-wrap {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #F9F9F9;
	margin-top: 20px;
	position: relative;
}

.enterprise-nav-wrap:after {
	position: absolute;
	left: 0;
	top: -20px;
	content: "";
	width: 100%;
	height: 20px;
	background-color: #F9F9F9;
}

.enterprise-nav li {
	/* margin: 0 30px; */
	font-size: 16px;
}
.enterprise-nav a {
	display: block;
	padding: 0 40px;
	color: #fff;
}
.enterprise-nav a:hover,.enterprise-nav li.on {
	background-color: rgba(255, 255, 255, .2);
}
.enterprise-video-wrap {
	padding: 50px 0 0;
}
.video-show-wrap {
    padding-bottom: 10px;
}
.video-show-wrap h2,.enterprise-replay-wrap h2 {
    padding-top: 30px;
}
.enterprise-live-list {
	margin-bottom: 20px;
}
.enterprise-live-list .video-panel {
    position: relative;
    width: 625px;
    height: 350px;
	margin-right: 20px;
    background-color: #afafaf;
}
.video-info-panel {
	width: calc(100% - 645px);
}
.video-info-panel h2 {
	margin-bottom: 20px;
}
.video-info-panel p {
	margin-bottom: 40px;
	color: #5e6699;
    font-size: 16px;
}
.video-info-panel .live-tags {
    height: auto;
    padding: 5px 10px;
}
.enterprise-replay-wrap {
	padding-bottom: 30px;
}
.enterprise-replay-wrap .expo-live {
	margin-top: 20px;
}
.enterprise-replay-wrap .expo-info-wrap,.enterprise-replay-wrap .expo-item {
    padding: 0;
}
.enterprise-replay-wrap h5 {
    padding: 0 10px;
}
.enterprise-replay-wrap .expo-item {
    border-radius: 12px;
}
.video-show-list li {
    flex: 0 0 32.5%;
    margin: 0 15px 15px 0;
    cursor: pointer;
}
.video-show-list li:nth-of-type(5n + 5) {
    margin-right: 15px;
}
.video-show-list li:nth-of-type(3n + 3) {
    margin-right: 0;
}
.video-show-list .product-item-img {
	position: relative;
    width: 390px;
    height: 234px;
}
.video-show-list .expo-product-list .img-mask {
    height: 234px;
}
.video-show-length {
    position: absolute;
    bottom: 10px;
    left: 15px;
	padding: 0 5px;
	color: #fff;
	font-size: 12px;
	background-color: rgba(0, 0, 0, .7);
	border-radius: 3px;
}
.enterprise-box .open-type {
	top: auto;
    bottom: 10px;
}
.enterprise-contact-box {
	padding-top: 20px;
	padding-bottom: 40px;
}
.enterprise-desc {
	margin-bottom: 20px;
}
.enterprise-desc-con{
    padding: 15px;
    background-color: #f7f8ff;
}
.enterprise-contact {
	align-items: center;
    margin-top: 15px;
	padding: 35px;
	background-color: #f7f8ff;
}
.enterprise-contact-user {
	width: 400px;
    flex-direction: column;
    color: #152154;
}
.enterprise-contact-user img {
	width: 148px;
	height: 148px;
	margin-bottom: 20px;
	border-radius: 50%;
}
.enterprise-contact-info {
    width: calc(100% - 400px);
	padding-left: 60px;
	border-left: 1px solid #c9cde5;
}
.enterprise-contact-info dl {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 15px;
}
.enterprise-contact-info dt {
	width: 110px;
	color: #5e6699;
	text-align: right;
	font-weight: normal;
}
.enterprise-contact-info dd {
    width: calc(100% - 110px);
    margin-left: 20px;
    color: #152154;
}
.enterprise-exhibit {
    max-height: 64px;
    overflow-y: auto;
    padding: 4px 0;
}
.enterprise-contact-shop {
	padding: 0;
}
.enterprise-contact-cominfo {
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    border-left: none;
}
.enterprise-contact-cominfo dl {
    height: 70px;
    /*padding: 0 20px;*/
	flex: 0 0 49.9%;
	align-items: center;
	margin-bottom: 0;
	border-right: 1px solid #c9cde5;
	border-bottom: 1px solid #c9cde5;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
}
.enterprise-contact-cominfo dl:nth-of-type(2n+2) {
	border-right: none;
}
.enterprise-contact-cominfo dl:nth-last-of-type(1),
.enterprise-contact-cominfo dl:nth-last-of-type(2) {
	border-bottom: none;
}
.expo-records-box {
    padding: 20px 0;
    background-color: #21243d;
}
.expo-records-box h2,.license-box h2 {
	color: #fff;
}
.expo-records-box h5 {
	position: absolute;
	bottom: 0;
	color: #5e6699;
}
.expo-axis-wrap {
    align-items: flex-end;
	position: relative;
    height: 420px;
}
.expo-axis-wrap:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    content: "";
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, #21243d, #585d7c 6%);
}
.expo-axis-wrap li {
	position: relative;
	flex: 0 0 20.1%;
    height: 100%;
    margin-left: -50px;
}
.expo-axis-wrap li:first-child {
	margin-left: 65px;
}
.expo-axis-item {
	position: relative;
    top: 50%;
    transform: translate(0, -100%);
	padding: 0 15px 10px;
}
.expo-axis-item:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	content: "";
	width: 1px;
	height: 100%;
	background-color: #3b3f5a;
}
.expo-axis-item:after {
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translate(-50%, 50%);
	content: "";
	width: 14px;
	height: 14px;
	background-color: #585d7c;
	border: 2px solid #3b3f5a;
	border-radius: 14px;
}
.expo-axis-wrap li:nth-child(even) .expo-axis-item {
    transform: translate(0, 0);
    padding: 15px 15px 0;
}
.expo-axis-wrap li:nth-child(even) .expo-axis-item:after {
	bottom: 0;
	top: 0;
    transform: translate(-50%, -50%);
}
.expo-records-img {
	width: 198px;
	flex-wrap: wrap;
	margin-bottom: 5px;
    padding-bottom: 50px;
}
.expo-records-img img {
	width: 62px;
	height: 62px;
	margin-right: 4px;
	margin-bottom: 4px;
	border-radius: 4px;
}
.expo-records-date {
	position: absolute;
    bottom: 0px;
    padding-bottom: 30px;
	font-size: 24px;
	color: #fff;
    line-height: 1;
}
.expo-axis-wrap li:nth-child(even) h5 {
    top: 0;
    margin-bottom: 0;
    bottom: auto;
    margin-top: 10px;
}
.expo-axis-wrap li:nth-child(even) .expo-records-date {
    top: 0;
    bottom: auto;
    padding: 30px 0 0;
}
.expo-axis-wrap li:nth-child(even) .expo-records-img {
    padding: 54px 0 0;
}
.no-img-box img {
	width: 200px;
	height: 150px;
	margin: 20px auto;
}
.enterprise-staff .friends-list {
    margin-top: 15px;
}
.enterprise-staff .friends-list-img {
    width: 50px;
    height: 50px;
}
.enterprise-staff .swiper-wrapper-recommend h6 {
    color: rgba(255,255,255, .5);
	font-size: 12px;
}
.product-info-ctrl .swiper-wrapper-recommend h6 {
    color: #2c2c2c;
}
.license-box {
    padding: 20px 0;
    background-color: #21243d;
}
.license-wrap {
    position: relative;
	margin-top: 15px;
}
.swiper-wrapper-license {
	justify-content: flex-start;
}
.license-wrap .swiper-slide {
	height: 280px;
}
.license-item {
	width:228px;
	height: 282px;
	padding: 12px;
	background: url(../images/license-item-bg.jpg) no-repeat center / cover;
}
.album-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
}
.album-list {
    flex-wrap: wrap;
    justify-content: flex-start;
}
.album-list li {
	width: 284px;
	height: 284px;
	margin: 0 15px 15px 0;
}
.album-list li:nth-of-type(5n + 5) {
	margin-right: 0;
}
.license-wrap .swiper-button-prev,.license-wrap .swiper-button-next {
	background-image: none;
}
.license-wrap .arrow {
    top: 50%;
    transform: translate(0,-50%);
}
.license-wrap .left-arrow {
    left: -50px;
}
.license-wrap .right-arrow {
    right: -50px;
}

/*企业模板*/
.shop-box {
	padding-top: 0;
}

.product-recommend {
	display: flex;
	align-items: center;
	width: 100%;
	height: 396px;
	background: #F9F9F9;
	border: 1px solid #DDDDDD;
	padding: 20px;
	margin: 0 0 40px 0;
}


.product-recommend .item {
	width: 284px;
	height: 360px;
	background: #FFFFFF;
	border-radius: 8px;
	margin: 0 10px 0 0;
}

.product-recommend .item img {
	width: 284px;
	height: 284px;
	margin: 0 0 12px 0;
}

.product-recommend .item .title {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	padding: 0 10px;
}

.product-detail .recommend-title {
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 22px;
}

.product-parameter {
	display: flex;
	justify-content: space-between;
	margin: 0 0 40px 0;
}

.product-parameter .product-parameter-left-box {
	width: 1230px;
	border: 1px solid #DDDDDD;
}

.product-parameter .product-parameter-left-box .tab_box {
	display: flex;
	border-bottom: 1px solid #DDDDDD;
	height: 58px;
	align-items: center;
}

.product-parameter .product-parameter-left-box .tab_box div {
	padding: 0 20px;
	height: 58px;
	line-height: 58px;
}

.product-parameter .product-parameter-left-box .tab_box div.active {
	color: #F06300;
	border-bottom: 2px solid #F06300;
}

.product-parameter .product-parameter-right-box {
	width: 250px;
}

.product-parameter .product-parameter-right-box .title_name {
	width: 250px;
	height: 57px;
	background: #F2F2F2;
	border-top: 1px solid #DDDDDD;
	line-height: 57px;
	text-align: center;
}

.product-parameter .product-parameter-right-box .item_box {
	padding: 25px 20px;
	border: 1px solid #DDDDDD;
}

.product-parameter .product-parameter-right-box .item_box .item  {
	margin: 0 0 20px 0;
}

.product-parameter .product-parameter-right-box .item_box .item img {
	width: 210px;
	height: 210px;
	margin: 0 0 10px 0;
}

.product-parameter .product-parameter-right-box .item_box .item .title {
	font-size: 16px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	height: 44px;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.product-detail-info {
	padding: 40px;
}

.product-detail-info h2 {
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	line-height: 33px;
	text-align: center;
	width: 200px;
	position: relative;
	display: inline-block;

}

.product-detail-info h2:after {
	content: "";
	position: absolute;
	left: 270px;
	top: 50%;
	transform: translateY(-50%);
	width: 400px;
	height: 1px;
	background: #999999;
}

.product-detail-info h2:before {
	content: "";
	position: absolute;
	right: 270px;
	top: 50%;
	transform: translateY(-50%);
	width: 400px;
	height: 1px;
	background: #999999;
}

.product-detail-info .left_span {
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	left: 430px;
	top: 7px;
}

.product-detail-info .right_span {
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	display: block;
	transform: rotate(45deg);
	position: absolute;
	right: 430px;
	top: 7px;
}

.product-detail-box .tab_box {
	width: 100%;
	height: 58px;
	border-bottom: 1px solid #DDDDDD;
	background: #F9F9F9;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
}

.product-detail-box .tab_box .container {
	display: flex;
	align-items: center;
	height: 58px;
}

.product-detail-box .tab_box .container div {
	padding: 0 20px;
	height: 58px;
	line-height: 58px;
	cursor: pointer;
}

.product-detail-box .tab_box .container div.active {
    color: #F06300;
    border-bottom: 2px solid #F06300;
}

.fixed_tab_box {
	position: fixed;
	z-index: 119;
	top: 0;
	width: 100%;
	display: none;
}


/* 关于我们 */
.about-box,.brand-box,.main-product-box {
    margin-top: 100px;
	background-color: #f4f4f4;
}
.about-banner-bg {
	position: relative;
	width: 100%;
	height: 320px;
	background: url(../images/about-banner.jpg) no-repeat center / cover;
}
.about-nav {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%);
}
.about-nav li {
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 60px;
	font-size: 20px;
}
.about-nav > li > a {
	display: flex;
    justify-content: center;
    align-items: center;
    min-width: 210px;
    height: 60px;
    color: #fff !important;
    background-color: rgba(33, 36, 61,.8);
    border-radius: 4px 4px 0 0;
    border: none;
}
.about-nav > li > a:hover,.about-nav > li.active a {
    position: relative;
	text-decoration: none;
	cursor: pointer;
	height: 80px;
	background-color: #ff7700 !important;
    border: none !important;
}
.about-nav i {
	width: 30px;
	height: 30px;
	margin-right: 10px;
}
.about-main {
	color: #5e6699;
	line-height: 1.8;
	font-size: 16px;
}
.about-main h2,.brand-box h2,.main-product-box h2 {
    margin-bottom: 20px;
	font-size: 36px;
	letter-spacing: 4px;
}
.about-main small {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	color: #5e6699;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.about-wrap {
	padding-bottom: 100px;
}
.about-item {
	margin-top: 100px;
}
.about-item-img {
    flex: 0 0 576px;
	height: 432px;
}
.about-item-intro {
    position: relative;
    flex: 1 1 auto;
	height: 360px;
	padding: 80px 60px;
	background-color: #fff;
}
.about-item-profile {
	margin-left:-80px;
	color: #fff;
	background-color: #ff7700;
}
.about-item-profile h2 {
	width: 170px;
	height: 52px;
	background:url(../images/about-tit.png) no-repeat center / cover;
}
.about-item-global small {
	color: #fff;
}
.about-item-text {
}
.about-item-layout {
	width: 100%;
	height: 522px;
	padding-top: 290px;
	color: #fff;
	background:url(../images/about-img02.jpg) no-repeat center / cover;
}
.about-item-global {
	width: 460px;
}
.about-item-person {
	margin-right:-80px;
}
.about-item-chance {
	margin-left:-80px;
}
.about-item-marks {
    position: absolute;
    right: 30px;
    top: 70px;
    font-size: 230px;
    line-height: 100px;
    color: rgba(255, 119, 0,.08);
}
.about-service-wrap {
	padding: 50px;
}
.about-service-wrap h2 {
}
.about-service-list {
	flex-wrap: wrap;
    justify-content: center;
	margin-top: 40px;
}
.about-service-list li {
	flex: 0 0 330px;
	height: 320px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 40px 60px 10px;
	text-align: center;
	background-color: #fff;
	border-radius: 12px;
}
.about-service-list li:nth-of-type(3n + 3) {
	margin-right: 0;
}
.about-service-list i {
	width: 142px;
	height: 142px;
	margin-bottom: 20px;
}
.about-service-list li:hover {
	color: #fff;
	background-color: #ff7700;
}
.about-culture-wrap,.main-product-item {
	padding: 100px 0;
}
.about-culture-img {
	flex: 0 0 600px;
	height: 336px;
}
.about-culture-intro {
    width: 600px;
	height: 336px;
	padding: 80px 60px 0;
}
.about-culture-intro h2 {
    position: relative;
	width: 474px;
	height: 74px;
}
.about-culture-intro span {
    position: absolute;
	left: 0;
	bottom: 0;
}
.tit-mission {
	background: url(../images/culture-mission.png) no-repeat;
}
.tit-vision {
	background: url(../images/culture-vision.png) no-repeat;
}
.tit-target {
	background: url(../images/culture-target.png) no-repeat;
}
.tit-idea {
	background: url(../images/culture-idea.png) no-repeat;
}
.tit-value {
	background: url(../images/culture-value.png) no-repeat;
}
.about-contact-wrap {
	padding: 100px 0;
}
.about-contact-item {
	flex: 0 0 50%;
    flex-direction: column;
}
.about-contact-img {
	position: relative;
	width: 274px;
	height: 274px;
}
.about-contact-img img {
    border: 6px solid #c7c9d9;
    border-radius: 50%;
    object-fit: contain;
    background-image: linear-gradient(to right, #ebe5f1,#f2ecfa);
}
.about-contact-info {
	margin-top: 50px;
	margin-bottom: 0;
}
.about-contact-info dt {
	margin-bottom: 20px;
	font-size: 24px;
	color: #21243d;
}
.about-contact-info dd {
	margin-bottom: 8px;
}
.contact-service-wrap {
	width: 100%;
	height: 574px;
    padding-top: 100px;
	background: url(../images/contact-img01.jpg) no-repeat center / cover;
}
.contact-service-list {
	position: relative;
	width: 820px;
	margin: 0 auto;
	padding: 40px 110px;
	color: #21243d;
	background: rgba(255, 255, 255,.8);
    border-radius: 6px;
}
.contact-service-list:after {
    position: absolute;
    right: 70px;
    content: "";
    width: 0;
    bottom: -50px;
    height: 0;
    border: 50px solid transparent;
    border-left-color: rgba(255, 255, 255,.8);
    transform: rotate3d(0, 0, 1, 225deg);
}
.contact-service-info {
	margin-top: 30px;
}
.contact-service-info li {
	margin-bottom: 15px;
}
.about-advantage-wrap {
	position: relative;
	padding: 50px 0;
}
.about-advantage-img{
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 220px;
	background: url(../images/advantage-img01.jpg) no-repeat center / cover;
}
.about-advantage-list-box {
	padding: 80px 0 30px;
}
.about-advantage-list {
    position: relative;
    z-index: 10;
	justify-content: center;
}
.about-advantage-list li {
    position: relative;
    flex: 0 0 290px;
    height: 290px;
    display: flex;
    padding: 40px;
    margin-left: 2px;
    margin-right: 2px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(34, 36, 59,.05);
    transform: rotate(45deg);
}
/*.about-advantage-list li:before {
	position: absolute;
	content: "";
	width: 280px;
    height: 280px;
    padding: 50px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(34, 36, 59,.05);
    transform: rotate(45deg);
}*/
.about-advantage-item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    transform: rotate(-45deg);
}
.about-advantage-tit {
	flex-direction: column;
}
.about-advantage-list i {
    position: relative;
    top: -20px;
	width: 46px;
	height: 46px;
}
.about-advantage-list h3 {
	width: 100%;
    margin-bottom: 18px;
	text-align: center;
}
.about-advantage-list-three {
	top: -78px;
}
.about-advantage-list-two li:nth-of-type(1) {
    left: -58px;
}
.about-advantage-list-two li:nth-of-type(2) {
    right: -58px;
}
.about-advantage-list-two li:nth-of-type(1) h3 {
    color: #ff7700;
}
.about-advantage-list-two li:nth-of-type(2) h3 {
    color: #84b87b;
}
.about-advantage-list-three li:nth-of-type(1) {
    left: -118px;
}
.about-advantage-list-three li:nth-of-type(2) {
    right: 0;
    padding: 40px 10px;
}
.about-advantage-list-three li:nth-of-type(3) {
    right: -118px;
}
.about-advantage-list-three li:nth-of-type(1) h3 {
    color: #7595e7;
}
.about-advantage-list-three li:nth-of-type(2) h3 {
    color: #4eaeb1;
}
.about-advantage-list-three li:nth-of-type(3) h3 {
    color: #a75cc1;
}
.about-advantage-list p {
    position: relative;
	z-index: 5;
    height: 168px;
	text-align: center;
}
.brand-banner-bg,.main-product-banner-bg {
	position: relative;
	width: 100%;
	height: 320px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background: url(../images/brand-banner.jpg) no-repeat center / cover;
}
.brand-box h2,.main-product-box h2 {
    margin-bottom: 0;
	line-height: 1.4;
}
.brand-main {
    justify-content: center;
    flex-direction: column;
	padding-top: 90px;
    padding-bottom: 100px;
}
.brand-title-bg {
    justify-content: center;
    width: 86px;
    height: 86px;
    background-color: rgba(255, 119, 0,.2);
    transform: rotate(45deg);
}
.brand-title {
    width: 60px;
    height: 60px;
    background-color: #f70;
}
.brand-title-logo {
	width: 62px;
	height:18px;
	background: url(../images/logo-white-all.svg) no-repeat center / cover;
    transform: rotate(-45deg);
}
.axis-wrap {
    position: relative;
	margin-top: 15px;
    padding-top: 20px;
}
.axis-wrap:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    content: "";
    width: 4px;
    height: 100%;
    background-image: linear-gradient(to bottom, #f2dccd 80%, #f4f4f4 100%);
}
.axis-wrap li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 75px;
}
.axis-wrap li > div {
    flex: 0 0 50%;
}
.axis-date {
    position: relative;
	font-size: 50px;
	color: #f70;
}
.axis-date:after {
    position: absolute;
    top: 50%;
    bottom: 0;
    content: "";
    width: 120px;
    height: 2px;
    background-color: #f2dccd;
}
.axis-date-left {
    text-align: right;
    padding-right: 135px;
}
.axis-date-left:after {
    right: 0;
}
.axis-date-right {
    padding-left: 135px;
}
.axis-date-right:after {
    left: 0;
}
.axis-text {
    position: relative;
	width: 500px;
	padding: 20px;
	color: #5e6699;
	font-size: 16px;
	background-color: #fff;
	border-radius: 6px;
}
.axis-text:before {
    position: absolute;
	top: 50%;
    display: block;
    content: "";
    width: 0;
    height: 0;
	transform: translate(0, -50%);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.axis-text-left {
	right: 25px;
    text-align: right;
}
.axis-text-left:before {
    border-left: 16px solid #fff;
    right: -14px;
}
.axis-text-right {
	left: 25px;
}
.axis-text-right:before {
    border-right: 16px solid #fff;
    left: -14px;
}
.main-product-banner-bg {
	background: url(../images/core-banner.jpg) no-repeat center / cover;
}
.bg-white{
	width: 100%;
	background-color: #fff;
}
.main-product-item {
	width: 1000px;
}
.main-product-img {
    flex: 0 0 452px;
    height: 286px;
}
.main-product-intro {
	width: 548px;
    padding: 80px 0 0 60px;
}

/* 个人信息页 */
.personal-box {
	padding-bottom: 50px;
	background-color: #eaedfd;
}
.personal-info {
	padding: 40px 0 50px;
    justify-content: flex-start;
}
.user-image-bg {
	width: 166px;
	height: 166px;
    margin-right: 90px;
	padding: 3px;
	border-radius: 50%;
	background-image: linear-gradient(to right,  #ff7700, #ff3554);
}
.user-image {
    width: 100%;
    height: 100%;
    padding: 5px;
    background: #eaedfd;
    border-radius: 50%;
}
.user-image img {
	border-radius: 50%;
}
.personal-name {
	margin-bottom: 25px;
    justify-content: flex-start;
}
.personal-name span {
	margin-right: 20px;
	font-size: 20px;
}
.personal-number {
	margin-bottom: 15px;
	font-size: 16px;
}
.personal-number li {
	margin-right: 35px;
}
.friends-list-wrap-row {
	width: 1200px;
}
.friends-list-wrap-row .friends-list-img {
	width: 86px;
	height: 86px;
	padding: 3px;
	border: 1px solid #ddd;
}
.friends-list-wrap-row a:hover .friends-list-img {
	border: 1px solid #ff7700;
}

.personal-feed-wrap {
	margin-top: 50px;
}
.personal-feed-wrap h2 {
    color: #5e6699;
}
.personal-feed-list {
	flex-wrap: wrap;
    margin-top: 30px;
}
.personal-feed-list li {
    position: relative;
    flex: 0 0 280px;
    height: 280px;
    margin-right: 25px;
    margin-bottom: 25px;
}
.personal-feed-list li:nth-of-type(4n + 4) {
	margin-right: 0;
}
.personal-fabulous {
	position: absolute;
	left: 10px;
	bottom: 10px;
	z-index: 10;
	color: #fff;
}



/* jcarousel */
.jcarousel ul {
	margin-bottom: 16px;
}




/* carousel */
.carousel {
	background-color: #fff;
}
.carousel-inner {
    justify-content: flex-start;
}
.carousel-inner > .item {
	display: flex;
	width: 300px;
	height: 50px;
}
.carousel-caption {
	bottom: 0;
	padding: 0;
	color: #333;
	text-shadow: none;
}

/* menu-one */

#swiper-container-expo {
    width: 1080px;
    height: 60px;
    line-height: 50px;
}

#swiper-container-expo a {
	color: #fff;
	text-align: center;
	font-size: 16px;
}

#swiper-container-expo .swiper-slide{
	width: auto;
	height: 50px;
	padding: 0 30px;
	position: relative;
}

#swiper-container-expo .swiper-slide:after {
	content: "";
        position: absolute;
        left: 50%;
        bottom: -20px;
        transform: translate(-50%);
        width: 0;
        height: 0;
        border: 10px solid transparent;
}

#swiper-container-expo .swiper-slide:hover {
	background-color: rgba(255, 255, 255, .2);
}

#swiper-container-expo .active {
	background-color: rgba(255, 255, 255, .2);
}

#swiper-container-expo .active:after {
	border-top-color: #67beff;
}

#swiper-container-expo .swiper-slide:hover:after {
	border-top-color: #67beff;
}

.swiper-slide-live:hover:after {
	border-top-color: transparent;
}

.swiper-slide-live {
    width: 140px;
    height: 50px;
    padding: 0 18px;
	color: #fff;
	line-height: 50px;
	background-color: #fb5f49;
	text-align: center;
}


/* menu-two */

#swiper-container-expo-two {
	height: 60px;
	line-height: 50px;
	background: #F7F7F7;
	width: 90%;
}

.commodity-expo {
	background: #fff;
	height: 50px;
}

.commodity-expo:after {
	content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50px;
	background: #FFF;
}

#swiper-container-expo-two:after {
	content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50px;
	background: #FFF;
}

#swiper-container-expo-two a {
	color: #0f0e20;
	text-align: center;
	font-size: 16px;
}

#swiper-container-expo-two .swiper-slide{
	width: auto;
	height: 50px;
	padding: 0 30px;
	position: relative;
	cursor: pointer;
}

#swiper-container-expo-two .swiper-slide:after {
	content: "";
        position: absolute;
        left: 50%;
        bottom: -20px;
        transform: translate(-50%);
        width: 0;
        height: 0;
        border: 10px solid transparent;
}

#swiper-container-expo-two .swiper-slide:hover {
	background-color: #ff7700;
}

#swiper-container-expo-two .active {
	background-color: #ff7700;
}
#swiper-container-expo-two .active a,#swiper-container-expo-two .swiper-slide:hover a {
	color: #fff;
}

#swiper-container-expo-two .active:after {
	border-top-color: #ff7700;
}

#swiper-container-expo-two .swiper-slide:hover:after {
	border-top-color: #ff7700;
}









/* 会议分享 */

.share_box {
	position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 50;
        width: auto;
        padding: 50px 70px 30px;
        color: #fff;
        background-color: #111328;
        box-shadow: 0 0 25px rgba(14, 17, 47,.5);
        border-radius: 4px;
	display: none;
}

.close_share_box {
	position: absolute;
        right: 15px;
        top: 10px;
        cursor: pointer;
	width: 12px;
	height: 12px;
}

.share_box_content {

}

.icon_box {
	display: flex;
	justify-content: space-between;
        align-items: center;
}

.icon_box div {
	width: 50px;
        height: 50px;
        border-radius: 50%;
        border: 1px solid #f4ea29;
	line-height: 44px;
	text-align: center;
	margin: 0 10px 0 0;
}

.icon_box div:nth-of-type(2) {
        border: 1px solid red;
}

.icon_box div:nth-of-type(3) {
        border: 1px solid #228A31;
}

.icon_box div:nth-of-type(4) {
        border: 1px solid red;
}

/* 直播间分享 */
.share_box_big{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	background: transparent;
	display: none
}

.share_box_big .share_box{
	display: block;
}

/* 首页轮播图 */
#swiper-container-recommend {
		width: 100%;
	}

#swiper-button-prev-recommend,#swiper-button-prev-friend,
#swiper-button-prev-expo{
	left: 0;
    top: 0;
    background-size: 100%;
    margin-top: 0;
    background-image: linear-gradient(to right, rgba(234, 237, 253, 1) 50%, rgba(234, 237, 253, .05) 77%);
}
.personal-box #swiper-button-next-recommend,
.personal-box #swiper-button-prev-recommend {
    top: 0px;
}

#swiper-button-next-recommend,#swiper-button-next-friend,
#swiper-button-next-expo{
	right: 0;
    top: 0;
    background-size: 100%;
    margin-top: 0;
}

#swiper-container-friend {
	width: 100%;
}

#swiper-button-prev-fzriend {
	left: -6px;
}

#swiper-button-next-friend {
	right: -5px;
}

.goods_tips {
	display: none;
}

.not_et {
	display: none;
	width: 60px !important;
	height: 60px !important;
}

.loading_goods {
	display: none;
	width: 60px !important;
	height: 60px !important;
}

.loading_goods1 {
	display: block;
	width: 60px !important;
	height: 60px !important;
	margin: 0 auto;
}

#swiper-button-prev-expo-two {
	left: 38px;
	top: 30px;
}

#swiper-button-next-expo-two {
	right: 38px;
	top: 30px;
}
#swiper-button-next-expo,#swiper-button-prev-expo{
    top: 0;
    height: 100px;
    background-image: linear-gradient(to right, rgba(255, 119, 0, .05) 7%, rgba(78, 125, 255, 1) 50%);
}

#swiper-button-prev-expo {
    background-image: linear-gradient(to right, rgba(78, 125, 255, 1) 50%, rgba(255, 119, 0, .05) 77%);
}



.swiper-button-disabled {
	display: none !important;
}
.friends-list-wrap-row #swiper-container-recommend {
	width: 100%;
}
.friends-list .swiper-slide {
	width: 9.5%;
}

#swiper-container-expo .swiper-slide{
	cursor: pointer;
}

/* 搜索页面轮播样式 */
#swiper-container-search {
	height: 70px;
	line-height: 50px;
}

#swiper-container-search a {
	color: #5e6699;
	text-align: center;
	font-size: 16px;
	transition: 0s;
}
.search-cat-box #swiper-container-search a {
    color: #fff;
}

#swiper-container-search .swiper-slide{
	width: auto;
	height: 50px;
	padding: 0 30px;
	position: relative;
	cursor: pointer;
}

#swiper-container-search .swiper-slide:after {
	content: "";
		position: absolute;
		left: 50%;
		bottom: -20px;
		transform: translate(-50%);
		width: 0;
		height: 0;
		border: 10px solid transparent;
}

#swiper-container-search .swiper-slide:hover {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

#swiper-container-search .active {
	background-image: linear-gradient(to bottom, #ff3554, #ff7700);
}

#swiper-container-search .swiper-slide:hover a {
	color: #fff;

}

#swiper-container-search .active a {
	color: #fff;
}

#swiper-container-search .active:after {
	border-top-color: #ff9233;
}

#swiper-container-search .swiper-slide:hover:after {
	border-top-color: #ff9233;
}

.search-live-box .swiper-button-next{
		background-image: none;
		outline: none;
		right: -50px;
		transform: translateY(-50%);
}

.search-live-box .swiper-button-prev{
		background-image: none;
		outline: none;
		left: -50px;
		transform: translateY(-50%);
}

.search-live-box .expo-swiper-btn .arrow {
		top: 26px;
}

.search-live-box .expo-swiper-btn .arrow:after {
		width: 14px;
		height: 14px;
		border-color: #5e6699;
		border-top: 4px solid #5e6699;
		border-right: 4px solid #5e6699;
		border-radius: 4px;
}

.jcarousel{
	position: relative;
}

/* 找回密码页面样式 */
.password_box_big{
		width: 300px;
		margin: 0 auto;
}
.password_box{
		width: 300px;
		height: 100px;
		margin: 0 auto;
		position: relative;
	}

.mailbox{
	display: block;
	margin: 10px 0;
	width: 300px;
	height: 40px;
	outline: none;
	color: #737373;
	font-size: 14px;
	border: 1px solid #2c2c2c;
	border-radius: 4px 0 0 4px;
	padding: 0 0 0 10px;
}

.mailbox:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}

.btn-next{
	height: 40px;
	background-color: #ff7700;
	width: 300px;
	cursor: pointer;
	text-align: center;
    line-height: 40px;
	color: #fff;
	transition: .2s;
	margin: 0 auto 10px;
}

.btn-next:hover{
	background-color: #EE6600;
}

.btn-next-two{
	height: 40px;
	background-color: #ff7700;
	width: 300px;
	cursor: pointer;
	text-align: center;
    line-height: 40px;
	color: #fff;
	transition: .2s;
	margin: 0 auto 10px;
}

.btn-next-two:hover{
	background-color: #EE6600;
}

.btn-next-three{
	height: 40px;
	background-color: #ff7700;
	width: 300px;
	cursor: pointer;
	text-align: center;
    line-height: 40px;
	color: #fff;
	transition: .2s;
	margin: 0 auto 10px;
}

.btn-next-three:hover{
	background-color: #EE6600;
}

.switch_state{
	color: #ff7700;
	cursor: pointer;
}

.password_box_phone{
	display: none;
}

.password_box_mailbox{
	display: block;
}

.retrievetele_phone_list {
	padding: 0px 78px 15px 0;
	margin: 0;

}

.retrievetele_phone_list .phone-btn {
	height: 40px;
	line-height: 40px;
	outline: none;
	border: 1px solid #2c2c2c;
	border-radius: 4px 0 0 4px;
	background-color: transparent;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("../images/arrow.png") no-repeat scroll right center transparent;
}

.retrieve_tips{
	margin: 0 0 10px 0;
}

.phone_input {
	width: 163px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #2c2c2c;
	border-left: none;
	outline: none;
	border-radius: 0 4px 4px 0;
	padding: 0 0 0 10px;
}

.verification_code_box {
	display: none;
}

.again_send{
	position: absolute;
	top: 31px;
	right: 0;
	width: 120px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	color: #ff7700;
	outline: none;
}

.yzm_input{
	border-radius: 4px;
}

.mailbox1{
	border-radius: 4px;
}

.newPassword_box_big {
	display: none;
}

.newPassword_box {
	height: 180px;
}

.newPad_input{
	border-radius: 4px;
}

.newPad_input2{
	border-radius: 4px;
}


/* 首页登录样式 */
.telephone_list {
	padding: 0px 145px 23px 0;
	margin: 0;
}

.telephone_list_select {
	min-width: 125px;
	height: 48px;
	line-height: 48px;
	padding: 0px;
}
.telephone_list .phone-btn {
	height: 46px;
	line-height: 46px;
	outline: none;
	border: none;
	border-right: none;
	border-radius: 4px 0 0 4px;
	background-color: transparent;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("../images/arrow.png") no-repeat scroll right center transparent;
}

.login_user {
	background-color: #fff !important;
}

.login_password {
	background-color: #fff !important;
}

/* MORE LIST */
.live_more{
	width: 200px;
}

/* 录播样式 */
.replay_video_box{
	width: 1040px;
	height: 580px;
	background: #000;
	position: relative;
}

.replay_video {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

.replay_video_box .replay-icon{
	width: 100px;
	height: 100px;
	position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
	z-index: 999;
}

.replay_video_play {
	width: 764px;
	height: 474px;
	background: transparent;
	position: absolute;
	left: 0;
        top: 0;
	z-index: 888;
}

.phone-box-register {
	background: url(../images/arrow.png) no-repeat scroll right center transparent !important;
	border: 1px solid #ccc !important;
	border-right: none !important;
}
.form-item-control .telephone_list_select {
	width: 38px;
	height: 38px;
	padding: 0px;
	border: 1px solid #ccc;
	border-right: none;
}
.form-item-control .telephone_list_select,
.form-item-control .animation,
.form-item-control .phone-box-register{
	line-height: 38px;
}
.form-item-control .phone-box-register {
	height: 38px;
	border: none !important;
}

/* 浏览器兼容性样式 */
.expo-address-wrap .form-control {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("../images/arrow.png") no-repeat scroll right center transparent;
}

.expo-address-wrap .form-control::-ms-expand{
   display:none;
}

.phone-btn {
	appearance:none;
       -moz-appearance:none;
       -webkit-appearance:none;
       -ms-appearance:none;
	/*background: url("../images/arrow.png") no-repeat scroll right center transparent;*/
}

/* 建议开始 */

.modal-content-proposal {
	padding: 15px;
	width: 70%;
	margin: 0 auto 0;
}

.modal-footer-proposal {
	border-top: none;
	background: #fff;
	border-radius: 6px;
}

.title-proposal{
	text-align: center;'
	margin: 0 0 10px 0;
}

.title-proposal-input{
	margin: 0 0 10px 0;
}

.phone-input{
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 10px;
	margin: 0 0 10px 0;
}

.textarea-proposal{
    width: 394px;
    height: 140px;
    line-height: 26px;
    border: 1px solid #DDD;
    outline: none;
}

/* 反馈和返回顶部 */
.icon-box-top-advise{
	position: fixed;
        right: 2%;
	bottom: 6%;
	z-index: 9999
}

.main .ico-advise{
	width: 20px;
	height: 20px;
	position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}

.main .ico-top{
	width: 22px;
	height: 22px;
	position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}

.icon-box{
	width: 42px;
	height: 42px;
	margin: 0 0 10px 0;
	position: relative;
	cursor: pointer;
	border-radius: 50%;
        background: #fff;
}

.icon-box p{
	color: #7b819a;
	font-size: 12px;
	position: absolute;
        left: 50%;
        top: 76%;
        transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	font-weight: 600;
	display: none;
}

/* 展商名录 */
.expo-box-big {
	background-color: #F9F9F9;
}

.container-directories{
	width: 1500px;
	margin: 0 auto;
}

.expo-content-directories{
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
}

.expo-directories-item{
	width: 592px;
	height: 270px;
	background: #fff;
	border-radius: 6px;
	margin: 0 14px 10px 0;
	position: relative;
    border: 1px solid transparent;
}
.expo-directories-item:hover,.supply-list li:hover,.blast-list li:hover {
	box-shadow: 0px 3px 19px 0px rgba(33, 36, 61, 0.2);
}

.live-sign-apple{
    right: 10px;
    top: 10px;
    left: auto;
}

.expo-directories-item:nth-child(2n) {
	margin-right: 0;
}

.container-directories .follow-btn{
	/*position: absolute;
        right: 25px;
        top: 40px;*/
    font-size: 12px;
	cursor: pointer;
}

.container-directories .follow-btn.follow-btn-active{
	background: #45b549;
}

.container-directories .top-box{
	margin: 15px 0 0 15px;
    align-items: center;
}

.container-directories .header-img{
	width: 66px;
	height: 66px;
	background: linear-gradient(6deg, #FF7700, #FF3554);
	box-shadow: 0px 0px 30px 0px #DEE1F0;
	border-radius: 50%;
	margin: 0 15px 0 0;
	position: relative;
}

.container-directories .header-img img {
	border-radius: 50%;
	width: 62px;
	height: 62px;
	position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}

.container-directories h4{
    align-items: center;
}
.company_information a {
    max-width: 260px;
    margin-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color: #2c2c2c;
}
.company_information a:hover {
	color: #f70;
}

.container-directories .fans_box{
	display: flex;
    justify-content: flex-start;
}

.container-directories dl{
	display: flex;
    margin-right: 20px;
    margin-bottom: 0;
	color: #666666;
	font-size: 12px;
}
.container-directories dt,.container-directories dd{
    line-height: 24px;
}
.container-directories dt{
    margin-right: 10px;
	font-weight: normal;
}

.container-directories dd{
    color: #323232;
}
.fans_box .live-sign-apple {
    position: static;
    height: 21px;
}
.container-directories .swiper-box{
	width: 486px;
	height: 180px;
	margin: 15px auto 0;
}

.container-directories .swiper-slide-img{
	width: 140px;
	height: 140px;
	border: 1px solid #EEEEEE;
	border-radius: 7px;
}

.container-directories .text{
    width: 138px;
    margin-top: 5px;
    font-size: 12px;
    color: #5E6699;
    height: 20px;
}

.container-directories .swiper-container-directories{
	height: 100%;
}

.container-directories .swiper-button-next-directories{
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-right.png');
}
.container-directories .swiper-button-next,
.container-directories  .swiper-button-prev {
    -webkit-background-size: auto;
    background-size: auto;
}

.container-directories .swiper-button-prev-directories{
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-left.png');
}

.container-directories .emal-box{
	display: flex;
	position: absolute;
        right: 145px;
        bottom: 15px;
	cursor: pointer;
}

.container-directories .emal-box span{
    color: #FF755A;
    margin: 0 0 0 6px;
}

.container-directories .emal-box div{
    height: 24px;
    background: #FCF1EE;
    border-radius: 20px;
    margin: 0 6px 0 0;
    padding: 0px 20px;
    align-items: center;
    justify-content: center;
}

.container-directories .emal-box .last-div{
	background: #E5F6EE;
}

.container-directories .emal-box .last{
	color: #40BF7C;
}

.expo-box-big .tips{
	text-align: center;
	display: none;
	color: #8a8a8a;
	font-size: 20px;
	margin: 66px 0 0 0;
	height: 100px;
}

.not_et_directories{
	position: relative;
        left: 50%;
	top: 60px;
        transform: translateX(-50%);
}

.print-data {
	display: none;
}

.container-directories-wrap .swiper-button-next {
	right: 20px !important;
	top: 50% !important;
}

.container-directories-wrap .swiper-button-prev {
	left: 20px !important;
	top: 50% !important;
}
.negotiation_btn {
    position: absolute;
    right: 10px;
    top: 18px;
    font-size: 12px;
    cursor: pointer;
}
.negotiation_btn i {
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

/*宣传册*/
.exhibition-xc-box {
	position: relative;
	width: 100%;
	min-height: 100vh;
}
.exhibition-xc-box img {

}
.exhibition-xc-box h1 {
    position: absolute;
	top: 0.15rem;
	width: 0.32rem;
	height: 0.44rem;
	/*background: url(../images/logo-cepme.png) no-repeat center / cover;*/
}
.exhibition-xc-wrap {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-left: 0.3rem;
}
.exhibition-xc-main {
	position: absolute;
	bottom: 3vh;
	width: calc(100vw - 0.5rem);
}
.exhibition-xc-con {
	color: #fffdf9;
}
.exhibition-xc-text {
	margin-bottom: 0.1rem;
	font-size: 0.16rem;
}
.exhibition-xc-date {
	width: 77%;
	margin-top: 0.1rem;
	padding: 0.05rem 0.15rem;
	font-size: 0.12rem;
	border: 1px solid rgba(255, 253, 249,.4);
}
.exhibition-xc-time span {
	font-size: 0.2rem;
	width: 12vw;
	display: inline-block;
	line-height: 1.2;
}
.exhibition-xc-time strong {
	font-size: 0.6rem;
	font-weight: normal;
	background-image: linear-gradient(to right, #c4b78a, #fdf0c0);
	-webkit-background-clip: text;
	color: transparent;
}
.eovobo-xc-code {
	position: absolute;
	right: 0;
	bottom: 0.2rem;
	width: 0.8rem;
	height: 1rem;
}
#service_timer {
	position: absolute;
	top: 0.16rem;
	right: 0.16rem;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #fff;
}
#service_timer em {
	height: 0.24rem;
	width: 0.34rem;
	text-align: center;
	margin: 0 0.05rem;
	font-size: 0.16rem;
	font-weight: bold;
    letter-spacing: 0.02rem;
	line-height: 0.24rem;
	background-image: linear-gradient(to bottom, #ff3554 20%, #ff7700 80%);
	border-radius: 0.04rem;
    font-style: normal;
}
.exhibition-xc-box2 img {
	width: 100%;
	height: 100%;
    object-fit: cover;
}

.pinyin_box{
	width: 1200px;
	margin: 0 auto 0;
	z-index: 99;
	background-color: #eaedfd;

}

.pinyin {
	display: flex;
}

.pinyin div {
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
	background: #ff7700;
	color: #fff;
	margin: 0 10px 0 0;
	border-radius: 4px;

}

.pinyin div:hover {
	background: #ff3554;
}

.pinyin .active {
	background: #ff3554;
}


/* 首页轮播图样式更改 */

.swiper-button-next {
	outline: none;
}

.swiper-button-prev {
	outline: none;
}

.live_tips{
	display: none;
}

#friends_list_box li {
	position:relative;
}

#friends_list_box li:hover div.contact-way-modal {
	display:block;
}

#swiper-container-friend .swiper-slide {
	position:relative;
}

#swiper-container-friend .swiper-slide:hover .contact-way-modal {
	display:block;
}

#swiper-button-next-expo, #swiper-button-prev-expo {
	height: 50px;
	opacity: 0;
}

.jcarousel {
	position: relative;
}

.expo-swiper-btn .arrow {
	top: 50%;
	transform: translateY(-50%);
}

#swiper-button-prev-expo{
	left: 0;
}

#swiper-button-next-expo{
	right: -10px;
}

.expo-catbar-box{
	position: relative;
}

.expo-product-box .swiper-button-next{
	transform: translateY(-50%);
	background-image: none;
	margin: -6px 0 0 0;
}

.expo-product-box .swiper-button-prev{
	transform: translateY(-50%);
	background-image: none;
	margin: -6px 0 0 0;
}

/*--头部改版--*/
.header-revision {
	height: 50px;
	margin-bottom: 24px;
}
.header-revision-box .header-pc {
	background-color: #fff;
	padding: 19px 0 0 0;
}
.header-revision .expo-search-wrap {
    width: 822px;
    font-size: 14px;
    flex: 0 0 auto;
    height: 44px;
    padding: 0 20px;
    color: #9099cf;
    border: 2px solid #ff7700;
    border-radius: 0 !important;
    background-color: #fff;
}
.header-revision .inp-search {
    height: 40px;
}
.header-revision .btn-search-bg {
    width: auto;
    height: 44px;
    padding: 0 25px;
    justify-content: center;
    color: #fff;
    background-image: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #ff7700;
}
.header-revision .btn-search-bg i {
    width: 22px;
    height: 22px;
	margin-right: 10px;
}
.header-revision .header-right ul {
    flex-direction: column;
    font-size: 12px;
}
.header-revision .header-right li a:after {
    border-right: none;
}
.header-revision-user {
	/*width: 180px;*/
}

.header-revision .header-right .nav_cool {
	display: flex;
	flex-direction: row;
}

.header-right .nav_cool .regist_nav_btn {
	margin: 0 32px 0 0;
}

.header-right .nav_cool li {
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #ff7700;
	color: #FD6900;
}

.header-right .nav_cool .regist_nav_btn a {
	color: #ff7700;
}

.header-right .nav_cool li a {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	color: #ff7700;
	padding: 8px 20px;
}

.header-right .nav_cool li:hover {
	background: #ff7700;
	border-radius: 2px;
}

.header-right .nav_cool li:hover a {
	color: #FFF;
}

.header-revision .header-right li a:after {
	display: none;
}

.header-revision-nav {
	width: 100%;
	height: 36px;
	box-shadow: 0px 6px 6px 0px rgb(26 44 110 / 10%);
   /*background-color: #0f0e20;*/
}
.revision-submenu-list {
	/*height: 60px;*/
	display: flex;
}
.revision-submenu-list li {
	margin: 0 48px 0 0;
}
.revision-submenu-list li.on,.revision-submenu-list li:hover {
	/*background-color: #FB5F49;*/
	/*background-image: linear-gradient(to right, #fa3515, #ff8a00);*/
}
.revision-submenu-list li:hover i {
    animation: rotate-round 0.4s linear 1;
    -webkit-animation: rotate-round 0.4s linear 1;
}
.revision-submenu-list a {
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 22px;
}
.revision-submenu-list span {
    /*width: calc(100% - 45px);*/
    margin-left: 8px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.revision-submenu-list li.on a,.revision-submenu-list li:hover a {
	color: #ff7700;
}
.header-ico-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 40px;
	height: 40px;
	background-color: #eee;
	border-radius: 50%;
	display: none;
}
.revision-submenu-list i {
	width: 26px;
	height: 26px;
}

/* 搜索详情 */
.history_box {
	display: none;
	background: #fff;
	border: 2px solid #ff7700;
	border-top: 2px solid #ddd;
	position: relative;
	left: -22px;
	width: 714px;
	border-radius: 0 0 0 0;
	z-index: 99;
}
.history_box li {
	color: #152154;
	cursor: pointer;
	line-height: 40px;
	padding: 0 0 0 20px;
}

.history_box li:hover{
	color: #1677ff;
}

.friends-list-wrap-box{
	width: 100%
}

.friends-list-wrap-box #swiper-button-next-recommend {
	top: 53px;
        height: 100px;
}

.friends-list-wrap-box #swiper-button-prev-recommend {
	top: 53px;
        height: 100px;
}

.loading_goods_product{
	position: relative;
	left: 50%;
        top: 50%;
        transform: translateX(-50%);

}

.loading_goods_product1{
	position: relative;
	left: 50%;
        top: 50%;
        transform: translateX(-50%);

}

.loading_goods_directories{
	position: relative;
	left: 50%;
        top: 50%;
        transform: translateX(-50%);

}

.not_yet {
	text-align: center;
	width: 100%;
}

.not_yet_last{
	color: #fff;
}

/* 供求发布 */
.supply-wrap {
	padding-top: 12px;
}

.supply-wrap .title-wrap {
	width: 100%;
	height: 48px;
	background: #f70;
	display: flex;
	margin: 0 0 17px 0;
}

.supply-wrap .title-wrap h2 {
	width: 106px;
	height: 58px;

	font-size: 16px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 58px;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.supply-wrap .title-wrap h2:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -20px;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border: 10px solid transparent;

}

.supply-wrap .title-wrap h2:hover {
	background: rgba(225, 225, 225, .2);
}


.supply-wrap .title-wrap h2:hover:after {
	border-top-color: #ff9233;
}

.supply-wrap .title-wrap .active {
	background: rgba(225, 225, 225, .2);
}

.supply-wrap .title-wrap .active:after {
	border-top-color: #ff9233;
}
.supply-wrap .btn-orange-light {
	margin-right: 15px;
    box-shadow: 0px 2px 12px 0px rgba(243, 80, 15, 0.9);
}
.supply-wrap .btn-orange-light:hover {
	color: #f70;
	background-color: #fff;
}
.supply-wrap .ico-base {
	width: 14px;
	height: 14px;
	margin-right: 5px;
    vertical-align: -6px;
}

/*logo wall*/

 #swiper-container-logo.swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }

#swiper-container-logo .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  height: calc((100% - 50px) / 4);

  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;
  margin-top: 0 !important;
}
.logo-wall-wrap {
	padding: 20px 0;
    background-color: #dee1f7;
}
.logo-wall {
	flex-wrap: wrap;
    height: 330px;
}
.logo-wall-wrap li,.logo-wall-item {
    flex: 0 0 15.5%;
    height: 60px;
    margin-right: 15px;
	margin-bottom: 15px;
    padding: 4px;
    background-color: #fff;
    border-radius: 4px;
}
.logo-wall-wrap li:nth-of-type(6n + 6) {
    margin-right: 0;
}
.logo-wall-wrap img {
	object-fit: contain;
    height: 56px;
}

.logo-wall-item {
    flex: 0 0 auto;
}
.swiper-slide.logo-wall-item {
    height: 70px;
}
.logo-wall .arrow:after {
    width: 16px;
    height: 16px;
    border-color: #4B87FF;
    border-top: 4px solid #4B87FF;
    border-right: 4px solid #4B87FF;
}
.logo-wall .swiper-button-next {
	right: -40px;
	background-image: none;
}
.logo-wall .swiper-button-prev{
	left: -40px;
	background-image: none;
}



/*调查问卷*/

.problem-item {
    margin-left: 50px;
}
.input_t {
    border: none;
    border-bottom: 1px solid #333333;
    background: no-repeat bottom,50% calc(100% - 1px);
    background-size: 0 100%,100% 100%;
    transition: background 0s ease-out;
}
.input_t:focus {
    background-image: linear-gradient(0deg,#f70 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,rgba(0,0,0,.26) 1px,transparent 0);
    background-size: 100% 100%,100% 100%;
    transition-duration: 0.3s;
    border: 0;
}
.input_300 {
    width: 300px;
}
.input_200 {
    width: 200px;
    font-size: 12px;
}
.input_50 {
    width: 50px;
}
.input_center {
    text-align: center;
}
.questionnaire-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}
.questionnaire-info-item {
    width: 50%;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.questionnaire-info-item-label {
    width: 90px;
}

.questionnaire-box {
    padding-bottom: 30px;
    background-color: #eaedfd;
}
.questionnaire {
    width: 900px;
    margin: 30px auto 0;
    padding: 50px;
    font-size: 16px;
    background: #fff;
    box-shadow: 0px 3px 19px 0px rgba(33, 36, 61, 0.1);
    border-radius: 6px;
}
.questionnaire h2 {
    text-align: center;
    color: #f70;
}
.questionnaire h4 {
    margin-bottom: 20px;
    color: #666;
    font-weight: bold;
}
.questionnaire-tip {
    margin: 20px 0 40px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ccc;
}
.p-ind {
    text-indent:2em;
}
.questionnaire dl {
    margin-bottom: 40px;
    font-size: 15px;
}
.questionnaire dt {
    margin-bottom: 15px;
}
.questionnaire dd {
    display: flex;
    justify-content: flex-start;
}
.radiocheck {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 20%;
    margin-right: 10px;
    padding: 5px;
}
.radiocheck:hover {
    background-color: #efefef;
}
.radiocheck-other {
	width: auto;
}
.radiocheck-wrap {
	flex-wrap: wrap;
}
.radiocheck input,.questionnaire label {
    margin: 0;
    cursor: pointer;
}
.radiocheck input[disabled] {
    cursor: not-allowed;
}
.questionnaire label{
    width: calc(100% - 20px);
    padding-left: 5px;
    font-weight: normal;
}
.radiocheck-other label {
    width: auto;
}
.radiocheck-explain {
    width: 75%;
}
.radiocheck-explain label{
    width: auto;
    margin-right: 10px;
}
.questionnaire-textarea {
    margin-bottom: 40px;
}

.btn-appointment {
	cursor: pointer;
}

/*精彩视频*/
.album-container-box {
	background: #f2f2f2;
	/*margin: 130px 0 0 0;*/
}

.album-container {
	padding: 40px 0 0 0;
}

.album-container h3 {
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	line-height: 33px;
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
	position: relative;
}

.album-container h3:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 30px;
	background: #FD6900;
}

.album_item_box {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 40px;
}

.album_item {
	width: 360px;
	height: 470px;
	background: #FFFFFF;
	border-radius: 10px;
	margin: 0 20px 20px 0;
	cursor: pointer;
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.08);
}

.album_item:nth-child(4n) {
	margin: 0 0 20px 0
}

.album_item video {
	width: 100%;
	height: 400px;
}

.album_item .video_box {
	width: 100%;
	height: 400px;
	overflow: hidden;
	position: relative;
	background: #000;
	border-radius: 10px 10px 0 0;
}

.album_item .title {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin: 16px 10px 9px 10px;
}

.album_item .pause_img,.play-img {
	width: 38px;
	height: 38px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.model_video {
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, .8);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}

.model_video video {
	width: auto;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.model_video .video_box {
	width: 840px;
	height: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.model_video .ico-close-white {
	display: inline-block;
	width: 46px;
    height: 46px;
	background-image: url(../images/ico-close-white.png);
	background-size: 100% 100%;
	position: absolute;
	top: 20px;
    right: 40px;
	cursor: pointer;
}

.more_one {
	text-align: center;
	color: #1677FF;
	cursor: pointer;
	display: none;
}

.more_two{
	text-align: center;
	color: #1677FF;
	cursor: pointer;
	display: none;
}

.model_count_down {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	position: absolute;
	left: 0;
	top: 0;
}

.a_ {
	position: relative;
}

.model_count_down h6 {
	text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 100px 0 0 0;
}

.model_count_down p {
	text-align: center;
	color: #fff;
	margin: 10px 0 0 0;
	font-size: 18px;
}

.meeting_btn {
	width: 142px;
	height: 116px;
	margin-right: 15px;
	padding: 0 6px 0 2px;
	background-image: url(../images/meeting_bg.png);
	background-size: 100%;
	cursor: pointer;
	position: fixed;
	right: 0;
	top: 180px;
	z-index: 10;
}

.meeting_btn p {
	width: 80px;
	height: 70px;
	text-align: center;
	font-size: 28px;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #FFFFFF;
	text-shadow: 0px 4px 0px rgba(238, 44, 13, 0.75);
	line-height: 32px;
	position: absolute;
        left: 46%;
        top: 50%;
        transform: translate(-50%, -50%);
}

/*inlet-wrap*/
.inlet-wrap {
	padding: 15px 0;
}
.inlet-list li {
	flex: 0 0 24%;
	height: 160px;
	margin-right: 15px;
    transition: 0.2s all linear;
	text-align: center;
    border-radius: 2px;
	/*background: url(../images/inlet-img01.jpg) no-repeat center / cover;*/
}
.inlet-list li:nth-of-type(1) {
	/*transform: scale(1.05);
    box-shadow: 0px 3px 9px 0px rgba(33, 36, 61, 0.3);*/
}
.inlet-list li:nth-of-type(1) h4,.inlet-list li:nth-of-type(1) p {
    /*text-shadow: 2px 3px 5px rgba(0,0,0,.5);*/
}
.inlet-list li:nth-of-type(2) {
	/*background: url(../images/inlet-img02.jpg) no-repeat center / cover;*/
}
.inlet-list li:nth-of-type(3) {
	/*background: url(../images/inlet-img03.jpg) no-repeat center / cover;*/
}
.inlet-list li:nth-of-type(4) {
	/*background: url(../images/inlet-img04.jpg) no-repeat center / cover;*/
}
.inlet-list li:nth-of-type(4) {
	margin-right: 0;
}
.inlet-list li:hover {
	transform: scale(1.05);
    box-shadow: 0px 3px 9px 0px rgba(33, 36, 61, 0.3);
}
.inlet-list a {
    display: block;
	height: 100%;
	/*padding-top: 110px;*/
    padding-top: 15px;
    cursor: pointer;
	color: #0f0e20;
	box-shadow: 0px 0px 10px 0px rgba(214, 214, 214, 0.8);
	border-radius: 2px;
}
.inlet-img {
    width: 226px;
    height: 84px;
	margin: 0 auto 10px;
    justify-content: center;
}
.inlet-list li:nth-of-type(1) .inlet-img {
	margin-bottom: 0px;
}
.inlet-img img {
    width: auto;
    height: 84px;
}
.inlet-list h4 {
	margin-bottom: 5px;
}
.inlet-list p {
    font-size: 12px;
	color: #999;
    /*color: rgba(255, 255, 255, .6);*/
}

.expo-nostart {
    display: none;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 2;
    background: rgba(0, 0, 0, .9);
	z-index: 10000;
}

/*新闻*/
.journalism-wrap {
		height: 40px;
		border: 1px solid #e5e5e5;
		border-radius: 4px;
		margin: 0 auto 10px;
}

.swiper-container-journalism {
	width: 100%;
	height: 100%;
}

.swiper-container-journalism .swiper-slide {
	height: 38px !important;
	line-height: 40px !important;
	padding: 0 20px 0 10px;
}

.swiper-container-journalism .swiper-slide h3 {
	margin: 0;
	font-size: 14px;
}

.swiper-container-journalism .swiper-slide-journalism {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.a-artical {
	color: #152154;
}

.video_index_box {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 700px;
	z-index: 99;
	box-shadow: 2px -1px 10px 0px rgba(0, 0, 0, 0.8);
	border-radius: 0 16px 0 0;
}

.video_index{
	width: 700px;
	border-radius: 0 16px 0 0;
	display: block;
}

.video_index_box .pause_box {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 42px;
	height: 42px;
	border-radius: 50%;
}

.video_index_box .pause_img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	cursor: pointer;
	width: 42px;
	height: 42px;
	border-radius: 50%;

}

.video_index_box .ico-close-white {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	width: 30px;
        height: 30px;
}

.panel-body .video_index_box {
	position: relative;
	margin: 0 auto;
}

/* 首页直播间 start */

.expo_live_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px 0 20px 0;
}

.expo_live_box h3 {
	font-size: 24px;
	font-weight: 500;
	color: #333333;
	line-height: 33px;
	padding: 0 0 0 16px;
	position: relative;
	margin: 0;
}

.expo_live_box h3:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 28px;
	background: #ff7700;

}

.expo_live_box .menu_box {
	display: flex;
}

.expo_live_box .menu_box a {
	font-size: 14px;
	font-weight: 500;
	color: #999;
	line-height: 20px;
}

.expo_live_box .menu_box a.active {
	color: #333;
}

.expo-live-box .expo-info-wrap .text {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	height: 40px;
}


.expo-live-box .header_box {
	padding: 16px 10px;
	border-top: 1px solid #ddd;
}

.expo-live-box .header_box .item-company-info-logo {
	width: 32px;
	height: 32px;

}

.expo-live-box .header_box .item-company-info-txt {
	width: 182px;
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	line-height: 16px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-align: left;
}

.expo-live-box .header_box .a {
	display: flex;
	align-items: center;
}

.expo-live-box .header_box .btn-gradual-lr-blue {
	background: #FD6900;
	padding: 0 12px;
	height: 24px;
	line-height: 24px;
}

/* 首页直播间 end */

/* 展商洽谈 start */

.negotiation-wrap-apple {
	background: url('../images/191610947636.jpg') no-repeat left top #1074de;
}

.negotiation-wrap {
	padding: 0 0 38px 0;
	margin-bottom: 0;
}

.negotiation-title {
	position: relative;
	padding: 30px 0;
}

.negotiation-title h2 a {
	color: #fff;
	font-size: 20px;
}

.negotiation-title h2 a,.negotiation-title h2 a:hover {
	color: #fff;
}

.negotiation-title .title_h2 {
	position: relative;
	height: 42px;
	padding: 0;
}

.negotiation-title .title_h2:after {
	content: '';
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 15px;
	background: url('../images/181610947630.jpg') no-repeat;

}

.negotiation-title .title_h2:before {
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 15px;
	background: url('../images/171610947626.jpg') no-repeat;

}

.negotiation-wrap-apple {
	background: url('../images/191610947636.jpg') no-repeat left top #1074de;
}

.negotiation-wrap {
	padding: 0 0 38px 0;
	margin-bottom: 0;
}
.negotiation-title {
	position: relative;
	padding: 30px 0;
}
.negotiation-title h2 {
	color: #fff;
	font-size: 32px;
}
.negotiation-title h2 a,.negotiation-title h2 a:hover {
	color: #fff;
}
.negotiation-title-more {
	position: absolute;
	right: 15px;
}
.negotiation-title a:hover.negotiation-title-more {
        color: #FD6900;
}
.negotiation-category {
	margin-bottom: -6px;
	/*margin-top: 30px;*/
	color: rgba(255,255,255,.6);
}
.negotiation-category li {
	margin-left: 15px;
	margin-right: 15px;
	cursor: pointer;
}
.negotiation-category li:hover,.negotiation-category .selected {
	color: rgba(255,255,255,1);
}

.negotiation-category .selected:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #FFFFFF;
}
.negotiation-catbar .swiper-container {
	width: 1440px;
}

.negotiation-catbar .swiper-container:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 1440px;
	height: 2px;
	background: #FFFFFF;
	opacity: 0.4;
}

.negotiation-catbar .negotiation-category {
	margin-bottom: 0;
	height: 34px;
}


.negotiation-catbar .swiper-slide {
	width: auto;
	cursor: pointer;
}

.negotiation-catbar .swiper-slide.active {
	color: #fff;
}

.negotiation-catbar .swiper-slide.active:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: #FFFFFF;
}

.negotiation-catbar .swiper-slide:hover {
	color: #fff;
}
.negotiation-catbar .swiper-button-prev,
.negotiation-catbar .swiper-button-next,
#swiper-button-next-negotiation,
#swiper-button-prev-negotiation{
	width: 12px;
	height: 12px;
	right: 15px;
	margin-top: 0;
	transform: translate(0, -50%);
	background-image: none;
}
.negotiation-catbar .arrow {
	position: relative;
	right: 0px;
	top: -10px;
}
.negotiation-catbar .left-arrow {
        left: 0;
}
.negotiation-catbar .arrow:after {
	width: 12px;
	height: 12px;
	border-color: rgba(255,255,255,.6);
}
.negotiation-catbar .swiper-button-prev:hover .arrow:after,
.negotiation-catbar .swiper-button-next:hover .arrow:after {
        border-color: rgba(255,255,255,1);
}

#swiper-container-negotiation .swiper-wrapper {
	width: 1470px;
	margin: 30px auto 0;
	overflow: hidden;
	max-height: 548px;
}

#swiper-container-negotiation .swiper-wrapper-apple {
	margin: 40px 0 0 0;
}
.negotiation-list {
	padding-left: 15px;
	padding-right: 15px;
    flex-wrap: wrap;
}
.negotiation-item {
	flex: 0 0 49.49%;
	margin-right: 15px;
	margin-bottom: 15px;
	padding: 15px 15px 24px 15px;
	background-color: #fff;
	position: relative;
	border-radius: 4px;
}

.negotiation-item:hover {
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.3);
}
.negotiation-item:nth-of-type(2n + 2) {
	margin-right: 0;
}
.negotiation-info-img {
	width: 46px;
	height: 46px;
	margin-right: 10px;
}
.negotiation-info-img img {
	border-radius: 46px;
}
.negotiation-info,.negotiation-contact .btn-base {
	margin-right: 10px;
}

.negotiation-contact .btn-blue {
	position: absolute;
	right: 0;
	top: 0;
}

.negotiation-contact .btn-light-blue {
	position: static;
	left: 292px;
	top: 20px;
}

.negotiation-contact .live-sign-apple {
	left: 292px;
	top: 48px;
}

.negotiation-follow {
	position: absolute;
	left: 74px;
        top: 42px;
}
.negotiation-contact {
	position: absolute;
        left: 300px;
        top: 16px;
	width: 414px;
}
.negotiation-contact a,.negotiation-contact a:hover {
	color: #fff;
}
.negotiation-contact .live-sign-apple {
	position: static;
	height: 20px;
	margin-right: 10px;
}
.negotiation-contact .ico-base {
	width: 12px;
	height: 12px;
	margin-right: 4px;
}
.negotiation-follow dl {
    padding: 0 15px;
	text-align: center;
	font-size: 12px;
	border-right: 1px solid #F2F2F2;
}
.negotiation-follow dl:last-child {
	border-right: none;
}
.negotiation-follow dd {
	color: #999;
}
.negotiation-product-wrap,.purchasing-wrap,.purchasing-form-list {
	margin-top: 20px;
}
.negotiation-product-wrap {
	width: 696px;
	margin-top: 0;
}
.swiper-box {
	position: relative;
	font-size: 12px;
}
.swiper-slide-img {
	width: 100px;
	height: 100px;
	padding: 2px;
	margin: 0 0 18px 0;
}

.purchasing-list-bg {
	width: 650px;
	height:auto;
	margin-right: 15px;
	padding: 0 24px 0 30px;
	position: relative;
	/*background: url(../images/purchasing-bg.jpg) no-repeat center / cover;*/
}
.purchasing-list {
    flex-wrap: wrap;
	height:466px;
	margin: 66px 0 0 0;

}

.purchasing-list-bg:after {
	content: '';
	position: absolute;
	right: 30px;
        bottom: 0;
        width: 590px;
	height: 45px;
	/*background: #F7F9FC; */
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .6), #F7F9FC);
}

.purchasing-list-bg:before {
	content: '';
	position: absolute;
	right: 30px;
        top: 86px;
        width: 590px;
	height: 45px;
	/* background: rgba(255, 255, 255, .5); */
	background-image: linear-gradient(to top, rgba(255, 255, 255, .6), #F7F9FC);
	z-index: 99;
}

.purchasing-list li {
	 flex: 1 1 100%;
	margin-bottom: 14px;
	/*padding: 10px 15px;*/
	height: 64px;
	background: #FFFFFF;
	border-radius: 2px;
	transition: all .2s ease;
	overflow: hidden;
}

.purchasing-list li:hover .purchasing-list-txt div {
	color: #FD6900;
}

.purchasing-list li:hover {
	box-shadow: 0px 0px 12px 0px rgba(26, 44, 110, 0.12);
}

.purchasing-list li .num {
	color: #333333;
}
.purchasing-list-txt div {
	color: #333333;
}
.purchasing-list li:hover {
    transform: translate3d(0,-2px,0);
}
.purchasing-list li a {
    color: #fff;
}
.purchasing-list li a:hover {

	box-shadow: 0px 0px 12px 0px rgba(26, 44, 110, 0.12);
}
.purchasing-list-img {
	width: 40px;
	height: 40px;
	margin-right: 15px;
	border: 2px solid #fff;
	border-radius: 40px;
}
.purchasing-list-img img {
	border-radius: 40px;
}
.purchasing-list-txt small {
	color: #999999;
}
.purchasing-form {
	/*width: calc(100% - 605px);*/
    height: 406px;
	padding: 0 30px;
	width: 730px;
}
.purchasing-form-list .form-group {
	margin-bottom: 20px;
        align-items: center;
}

.purchasing-form-list .form-group:nth-child(4) {
	align-items: flex-start;
	position: relative;
}
.purchasing-form-list label {
	width: 200px;
	margin-right: 20px;
	margin-bottom: 0;
	font-size: 14px;
	text-align: right;
	font-weight: normal;
}
.purchasing-form-list .form-control {
	height: 48px;
	border-radius: 0px;
	box-shadow: none;
	border: 1px solid #E2E2E2;
	font-size: 12px;
}
.purchasing-form-list #info_fax {
	height: 160px;
}

.purchasing-form-list .form-group:nth-child(4):after {
	content: '';
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 12px;
	height: 15px;
	background: #fff;
}

.purchasing-form-btn {
	margin-top: 44px;
	padding: 0 0 0 130px;
}

.purchasing-form-btn .confirmbtn {
	border-radius: 2px;
	background: #ff7700;
	color: #FFFFFF;
}

.btn-light-blue {
	background-color: #fff;
	color: #ff7700;
	border-radius: 2px;
	border: 1px solid #ff7700;
}

.btn-blue {
	background-color: #ff7700;
	color: #fff;
}

.btn-base-small {
	height: 20px;
	line-height: 20px;
}


/* 展商洽谈 end  */

/* 供求发布 start  */

.release-warp-apple {
	background: url('../images/231610953466.jpg') no-repeat left top;
}

.release-warp {
	background-size: 100% 100%;
	padding: 64px 0 68px 0;
}

.release-warp .purchasing-wrap {
	margin-top: 0;
	justify-content: space-between;
}

.release-warp .purchasing-form-list {
	margin-top: 66px;
}

.purchasing-form-btn {
	margin-top: 44px;
	padding: 0 0 0 130px;
}

.purchasing-form-btn .confirmbtn {
	border-radius: 2px;
	background: #ff7700;
	color: #FFFFFF;
}

.btn-base-large {
	height: 40px;
	padding: 0 30px;
	border-radius: 40px;
	font-size: 14px;
}

.floor h2 {
	position: relative;
	padding: 0 0 0 10px;
}

.floor h2:after {
	content: " ";
	display: block;
	position: absolute;
	left: 0;
	top: -1px;
	width: 4px;
	height: 25px;
	background: #ff7700;
}

.purchasing-list-bg .negotiation-title-more {
    padding: 4px 10px;
    border-radius: 2px;
    border: 1px solid #ff7700;
    color: #ff7700;
    font-size: 14px;
    background: transparent;
}

@keyframes myfirst {
	from {height: 0;}
	to {height: 64px;}
}

.purchasing-list li {
	/*animation: myfirst 5s;*/
}

.myfirst{
	animation: myfirst 0.6s;
}

@keyframes myfirstopacity {
	from {opacity: 0;}
	to {opacity: 1;}
}

.myfirstopacity {
	opacity: 0;
}


/* 供求发布 end  */

/* 龙头企业 start  */

.suppliers-wrap-box {
	width: 100%;
	background: #f7f7f7;
}

.suppliers-wrap {
	padding-left: 0;
	padding-right: 0;
}

.suppliers-wrap h2 {
	position: relative;
	font-size: 26px;
	font-weight: 500;
	color: #333333;
	line-height: 37px;
	text-align: center;
}

.suppliers-wrap h2:after {
	content: "";
        position: absolute;
        left: 532px;
        top: 50%;
        transform: translateY(-50%);
        width: 90px;
	height: 2px;
	background: #333333;
}

.suppliers-wrap h2:before {
	content: "";
        position: absolute;
        right: 532px;
        top: 50%;
        transform: translateY(-50%);
        width: 90px;
	height: 2px;
	background: #333333;
}

.merchants-list {
	flex-wrap: wrap;
	margin-top: 20px;
}
.merchants-list li {
	position: relative;
	margin: 0 20px 0px 0;
	background-color: #fff;
	border-radius: 12px;
	box-shadow: 4px 3px 5px rgba(33, 36, 61, .05);
}

.copyright img {
    width: 20px;
    height: 20px;
}

/* 龙头企业 end  */

/* 预约洽谈 start*/
.digtial_box {
	/*background: #fff;*/
	min-height: 500px;
	overflow: hidden;
}

.digtial_box .nav_box {
	display: flex;
	flex-wrap: wrap;
	padding: 18px 0 0 24px;
	background: #fff;
}

.digtial_box .nav_box1 {
	margin: 16px 0 0 0;
	padding: 18px 0 18px 24px;
}

.digtial_box .nav_box .content_text {
	display: flex;
	flex-wrap: wrap;
	width: 1360px;
	position: relative;
	margin: 0 0 20px 0;
}

.digtial_box .nav_box .content_text div {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	line-height: 22px;
	margin: 0 40px 12px 0;
	cursor: pointer;
}

.digtial_box .nav_box .content_text div.active {
	color: #FD6900;
}

.digtial_box .nav_box .content_text div:hover {
	color: #FD6900;
}

.digtial_box .nav_box .content_text_letter {
	display: flex;
	flex-wrap: wrap;
	width: 1360px;
	margin: 0 0 16px 0;
}

.digtial_box .nav_box .content_text_letter div {
	padding: 0 6px;
	height: 22px;
	background: #EEEEEE;
	border-radius: 2px;
	border: 1px solid #CCCCCC;
	font-size: 16px;
	font-weight: 400;
	color: #999999;
	line-height: 22px;
	margin: 0 16px 16px 0;
	cursor: pointer;
}

.digtial_box .nav_box .content_text_letter div:hover {
	color: #FFFFFF;
	background: #FD6900;
	border: 1px solid #FD6900;
}

.digtial_box .nav_box .content_text_letter div.active {
	color: #FFFFFF;
	background: #FD6900;
	border: 1px solid #FD6900;
}

.digtial_box .sort_box {
	display: flex;
	flex-wrap: wrap;
}

.digtial_box .sort_box div {
	cursor: pointer;
}

.digtial_box .sort_box div.active {
	color: #FD6900;
}

.digtial_box .sort_box div:hover {
	color: #FD6900;
}

.digtial-floor-card {
	padding: 0 0 30px 0;
}

.digtial-floor-card li {
	box-shadow: 0px 4px 6px 0px rgba(26, 44, 110, 0.06);
}

.digtial_box .goods_tips_text {
	display: none;
}

.digtial_box .loading_goods_img {
	display: none;
}

.digtial_box .floor-card li {
	width: 354px;
}

.digtial_box .sorry {
	width: 1500px;
	height: 48px;
	line-height: 48px;
	background: #EEEEEE;
	margin: 16px 0 0 0;
	padding: 0 0 0 24px;
	display: none;
}

.digtial_box .sorry  .sorry_text {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}

.digtial_box .sorry  .sorry_text {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}

.digtial_box .sorry  .sorry_text span {
	color: #FD6900;
}

.container-directories{
	width: 1500px;
	margin: 0 auto;
}

.expo-content-directories{
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0 0;
}

.expo-directories-item{
	width: 742px;
	/*height: 270px;*/
	background: #fff;
	border-radius: 6px;
	margin: 0 14px 10px 0;
	position: relative;
    border: 1px solid transparent;
}
.expo-directories-item:hover,.supply-list li:hover,.blast-list li:hover {
	box-shadow: 0px 3px 19px 0px rgba(33, 36, 61, 0.2);
}

.live-sign-apple{
	right: 10px;
	top: 10px;
	left: auto;
}

.expo-directories-item:nth-child(2n) {
	margin-right: 0;
}

.container-directories .follow-btn{
	/*position: absolute;
	right: 25px;
	top: 40px;*/
	font-size: 12px;
	cursor: pointer;
}

.container-directories .follow-btn.follow-btn-active{
	background: #45b549;
}

.container-directories .top-box{
	margin: 15px 0 0 15px;
	align-items: center;
}

.container-directories .header-img{
	width: 66px;
	height: 66px;
	/*background: linear-gradient(6deg, #FF7700, #FF3554);*/
	/*box-shadow: 0px 0px 30px 0px #DEE1F0;*/
	border-radius: 50%;
	margin: 0 15px 0 0;
	position: relative;
}

.container-directories .header-img img {
	border-radius: 50%;
	width: 62px;
	height: 62px;
	position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
}

.container-directories h4{
	align-items: center;
}
.company_information a {
	max-width: 260px;
	margin-right: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #2c2c2c;
}
.company_information a:hover {
	color: #fd6900;
}

.container-directories .fans_box{
	display: flex;
	justify-content: flex-start;
}

.container-directories dl{
	display: flex;
	margin-right: 20px;
	margin-bottom: 0;
	color: #666666;
	font-size: 12px;
}
.container-directories dt,.container-directories dd{
	line-height: 24px;
}
.container-directories dt{
	margin-right: 10px;
	font-weight: normal;
}

.container-directories dd{
	color: #323232;
}
.fans_box .live-sign-apple {
	position: static;
	height: 21px;
}
.container-directories .swiper-box{
	width: 666px;
	height: 180px;
	margin: 15px auto 15px;
}

.container-directories .swiper-slide-img{
	width: 100px;
	height: 100px;
	border: 1px solid #EEEEEE;
	border-radius: 7px;
}

.container-directories .text{
	width: 100px;
	margin-top: 5px;
	font-size: 12px;
	color: #5E6699;
}

.container-directories .swiper-container-directories{
	height: 100%;
}

.container-directories .swiper-button-next-directories{
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-right.png');
}
.container-directories .swiper-button-next,
.container-directories  .swiper-button-prev {
	-webkit-background-size: auto;
	background-size: auto;
}

.container-directories .swiper-button-prev-directories{
	outline: none;
	margin: 0;
	background-image: url('../images/ico-arrow-left.png');
}

.container-directories .emal-box{
	display: flex;
	position: absolute;
        right: 145px;
        bottom: 15px;
	cursor: pointer;
}

.container-directories .emal-box span{
	color: #FF755A;
	margin: 0 0 0 6px;
}

.container-directories .emal-box div{
	height: 24px;
	background: #FCF1EE;
	border-radius: 20px;
	margin: 0 6px 0 0;
	padding: 0px 20px;
	align-items: center;
	justify-content: center;
}

.container-directories .emal-box .last-div{
	background: #E5F6EE;
}

.container-directories .emal-box .last{
	color: #40BF7C;
}

.expo-box-big .tips{
	text-align: center;
	display: none;
	color: #8a8a8a;
	font-size: 20px;
	margin: 66px 0 0 0;
	height: 100px;
}

.not_et_directories{
	position: relative;
        left: 50%;
	top: 60px;
        transform: translateX(-50%);
}

.print-data {
	display: none;
}

.container-directories-wrap .swiper-button-next {
	right: -22px !important;
	top: 50% !important;
}

.container-directories-wrap .swiper-button-prev {
	left: -22px !important;
	top: 50% !important;
}
.negotiation_btn {
	position: absolute;
	right: 10px;
	top: 18px;
	font-size: 12px;
	cursor: pointer;
}
.negotiation_btn i {
	width: 14px;
	height: 14px;
	margin-right: 4px;
}

.modal-content-proposal {
	padding: 24px 64px;
	width: 100%;
	margin: 0 auto 0;
}

.title-proposal {
	text-align: center;
	margin: 0 0 10px 0;
	font-size: 22px;
	font-weight: 500;
	color: #333333;
	line-height: 30px;
}

.title-proposal-input {
	margin: 0 0 10px 0;
	font-size: 16px;
	color: #333333;
}

.phone-input {
	width: 386px;
	height: 52px;
	line-height: 52px;
	padding: 16px;
	margin: 0 0 10px 0;
	border: 1px solid #DDDDDD;
	outline: none;
}

.bs-example-modal-lg-proposal .modal-footer-proposal {
	text-align: center;
}

.modal-footer-proposal {
	border-top: none;
	background: #fff;
	border-radius: 6px;
}

.bs-example-modal-lg-proposal .modal-footer-proposal .btn-default {
	background: #999999;
	color: #FFFFFF;
	border: none;
}

.bs-example-modal-lg-proposal .modal-footer-proposal .btn-primary {
	background: #2469F6;
	color: #FFFFFF;
	border: none;
}

.textarea-proposal {
	line-height: 26px;
	outline: none;
	width: 600px;
	height: 180px;
	background: #FFFFFF;
	border-radius: 2px;
	border: 1px solid #DDDDDD;
	padding: 16px;
}

/* 预约洽谈 end */

/* 展商直播 start */

.all_live .expo-live-box {
	background: #F9F9F9;
}

.all_live .expo-catbar-box {
	margin-bottom: 34px;
}

.all_live .expo-catbar-box {
	background-color: #F9F9F9;
	background-image: none;
}

.all_live .swiper_box {
	background-color: #F9F9F9;
	position: relative;

}

.all_live .swiper_box:before {
	content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50px;
	background: #FFF;
}

.all_live .expo-catbar:after {
	content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50px;
	background: #FFF;
}

.all_live #swiper-container-expo a {
	font-size: 16px;
	font-weight: 400;
	color: #333333;
}

.all_live #swiper-container-expo {
	width: 90%;
	margin: 0 auto;
}

.all_live #swiper-container-expo .active {
	background: #F06300;

}

.all_live #swiper-container-expo .active a {
	color: #fff;
}

.all_live #swiper-container-expo .swiper-slide:hover:after {
	border-top-color: #F06300;
}

.all_live #swiper-container-expo .swiper-slide:hover:after {
	border-top-color: #F06300;
}

.all_live #swiper-container-expo .swiper-slide:hover {
	background: #F06300;
}

.all_live #swiper-container-expo .swiper-slide:hover a {
	color: #fff;
}

.all_live #swiper-container-expo .active:after {
	border-top-color: #F06300;
}

.all_live #swiper-button-next-expo, #swiper-button-prev-expo {
	opacity: 1;
	background-image: none;
}

.all_live #swiper-button-next-expo {
	right: 20px;
}

.all_live #swiper-button-prev-expo {
	left: 20px;
}

/* 展商直播 end */

/* 我的预约 start */
.mymeeting-box .meeting-group {
	background: none;
}

.mymeeting-box .meeting-group-content {
	background: #fff;
}

.mymeeting-box .btn-gradual {
	background-image: none;
	color: #FD6900;
	border-radius: 0;
	border: 1px solid #FD6900;
}

.mymeeting-box .btn-gradual:hover {
	color: #FFFF;
}

.mymeeting-box .nav-tabs > li:nth-of-type(1) {
	position: relative;
}

.mymeeting-box .nav-tabs > li:nth-of-type(1):after {
	content: "";
        position: absolute;
        right: 0;
        top: 50%;
	transform: translateY(-50%);
        width: 1px;
	height: 18px;
	background: #DDDDDD;
}

.mymeeting-box .meeting-group-tabs {
	background: none;
}


/* 我的预约 end */

/* 预约洽谈 start */

.negotiation-box .in_progress {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.negotiation-box .be_overdue {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.negotiation-box .left_box div p:nth-of-type(1) {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
}

.negotiation-box .left_box div p:nth-of-type(2) {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
}

.negotiation-box .btn-warning {
	color: #333;
}

.negotiation-box .btn-warning:focus {
	background-color: #fff;
}

.negotiation-box .btn-warning:hover {
	background-color: #FD6900;
	border-color: #FD6900;
	color: #fff;
}

.negotiation-box .btn-warning:active:hover {
	color: #333;
	background-color: #fff;
	border-color: #333;
}

.negotiation-box .in_progress:after {
	content: "";
	height: 0;
	width: 486px;
}

.negotiation-box .be_overdue:after {
	content: "";
	height: 0;
	width: 486px;
}

.negotiation-banner-box .right_box .chat {
	cursor: pointer;
}

.negotiation-banner-box .right_box .collection {
	cursor: pointer;
}

.negotiation-banner-box .right_box .chat h2 {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	border-radius: 14px;
	border: 1px solid #666666;
	padding: 4px 12px;
	margin: 0;
}

.negotiation-banner-box .right_box .collection h2 {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	background: #FD6900;
	border-radius: 14px;
	color: #fff;
	margin: 0 0 0 20px;
	padding: 4px 12px;
}


/* 预约洽谈 end */

/* 直播间 start */

.live-room .chat {
	cursor: pointer;
}

.live-room .collection {
	cursor: pointer;
}

.live-room .chat h2 {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	border-radius: 14px;
	border: 1px solid #666666;
	padding: 4px 12px;
	margin: 0;
}

.live-room .collection h2 {
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 20px;
	background: #FD6900;
	border-radius: 14px;
	color: #fff;
	margin: 0;
	padding: 4px 12px;
}

#main_app_box .tab_box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #DDDDDD;
}

#main_app_box .tab_box div {
	width: 230px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	color: #333333;
	cursor: pointer;
}

#main_app_box .tab_box div.active span {
	border-bottom: 2px solid #FD6900;
	height: 100%;
	display: inline-block;
}
.live-room .commodity_box::-webkit-scrollbar {
	width: 4px;
}

.live-room .commodity_box::-webkit-scrollbar {
	background-color:#ddd;
}
.live-room .commodity_box::-webkit-scrollbar-thumb {
	border-radius:10px;
	background-color: #FD6900;
}

.live-room .commodity_box {
	padding: 10px 16px;
	height: 483px;
	overflow: auto;
}



.live-room .commodity_box .item_commodity {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 10px 0;
}

.live-room .commodity_box .item_commodity .left_box {
	width: 126px;
	height: 126px;
	position: relative;
	margin: 0 10px 0 0;
	border-radius: 4px;
	overflow: hidden;
}

.live-room .commodity_box .item_commodity .left_box img {
	object-fit: none;
}

.live-room .commodity_box .item_commodity .left_box span {
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 4px;
	background: #999999;
	font-size: 12px;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.live-room .commodity_box .item_commodity .right_box .title {
	width: 100%;
	word-break: break-all;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

	font-size: 14px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #666666;
	line-height: 20px;
	margin: 0 0 10px 0;
}

.live-room .commodity_box .item_commodity .right_box .price {
	font-size: 14px;
	font-weight: 500;
	color: #FD6900;
	line-height: 20px;
}

.live-room .commodity_box .service {
	font-size: 12px;
	font-weight: 400;
	color: #F06300;
	line-height: 24px;
	padding: 0 14px;
	border-radius: 2px;
	border: 1px solid #F06300;
	display: inline-block;
	cursor: pointer;
}

.live-room .commodity_box .service:hover {
	background: #F06300;
	color: #fff;
}

.live-room .item_commodity_box {
	margin: 0 0 10px 0;
}

.live-room .btn-gradual {
	padding: 4px 12px;
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
	height: auto;
	background: #F06300;
}

/* 直播间 end  */

/* 供求发布 start */
.supply-banner {
	height: 300px;
	background: url('../images/supply_banner.jpg') no-repeat center / cover;
}

.supply-box .search-cat-banner-txt {
	padding-top: 75px;
	font-size: 36px;
	font-weight: bold;
	text-shadow: 4px 5px 5px rgb(0 0 0 / 20%);
	color: #fff;
}

.supply-box .search-cat-banner-txt1 {
	padding-top: 0;
}

.btn-base-big-apple {
	position: absolute;
	left: 50%;
	top: 212px;
	transform: translateX(-50%);
	height: 38px;
	line-height: 38px;
	background: #2469F6;
	box-shadow: 0px 0px 12px 0px rgb(26 44 110 / 12%);
	border-radius: 2px;
	color: #fff;
}

.supply-box .goods-nav-warp {
	position: relative;
	width: 1500px;
	margin: 0 auto;
	background: #fff;
	display: flex;
}

.supply-box .goods-nav-warp .all.active {
    background: #ECF2FF;
    border-radius: 2px;
    color: #2469F6;
}

.supply-box .swiper-container-goods-nav .swiper-slide {
    width: auto;
    padding: 20px 20px;
    color: #333333;
    cursor: pointer;
}

.supply-box .goods-nav-warp .swiper-button-next {
    right: -30px;
    top: 41px;
    width: 30px;
    height: 22px;
}

.supply-box .goods-nav-warp .swiper-button-prev {
    left: -30px;
    top: 41px;
    width: 30px;
    height: 22px;
}

.supply-box .swiper-container-goods-nav .active {
    background: #ECF2FF;
    border-radius: 2px;
    color: #2469F6;
}

/* 供求发布 end */


/* 公司详情 start */

.enterprise-box .enterprise-banner-box {
	width: 100%;
	height: 210px;
	background: url('../images/enterprise-banner.jpg') no-repeat center / cover;
}

.enterprise-nav-wrap {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #ff7700;
}

.enterprise-box .shop-info-img {
	width: 130px;
	height: 130px;
}

.enterprise-box .shop-info {
	margin-left: 20px;
	color: #fff;
}

.enterprise-box .enterprise-banner {
	height: 210px;
}

.enterprise-box .enterprise-nav-wrap:after {
	display: none;
}

.enterprise-box .enterprise-nav-wrap {
	margin: 0;
}

/* 公司详情 end */

/* 用户头像 start */

.header-revision-user .user_header_img {
	width: 30px;
	height: 30px;
	position: absolute;
	left: -36px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
}

.header-revision-user {
	position: relative;
}

.frends-ico-box1 {
    position: absolute;
    right: 160px;
    top: -4px;
}

.frends-ico-box2 {
    position: absolute;
    right: 25px;
    top: -4px;
}

.frends-ico-box2:hover .news_warp_box1 {
	display: block !important;
}

.frends-ico-box a {
    justify-content: center;
    height: 30px;
    color: #fff;
}

.header-revision-nav .frends-ico-box i {
    width: 18px;
    height: 18px;
    align-self: auto;
    margin-right: 0;
}

.ico-invite-black {
    background-image: url('../images/ico-invite-black.png');
}

.ico-message-black {
    background-image: url('../images/ico-message-black.png');
}

.header-revision-nav .frends-ico-box {
    width: 30px;
    height: 30px;
    margin-left: 12px;
    color: #fff;
    font-size: 12px;
    background-image: none;
    background-color: #f2f2f2;
    border-radius: 20px;
}

.news_warp_box {
    width: 347px;
    height: 447px;
    background: #FFFFFF;
    box-shadow: 0px 8px 16px 0px rgb(26 44 110 / 16%);
    position: absolute;
    right: -40px;
    top: 30px;
    z-index: 99;
    display: none;
}

.news_warp_box .title_box {
    display: flex;
    justify-content: space-between;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #DDDDDD;
    padding: 0 15px;
}

.news_warp_box .title_box p {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
}

.news_warp_box .title_box a {
    font-size: 14px;
    font-weight: 400;
    color: #2469F6;
}

.news_warp_box .news_content {
    padding: 0 15px;
    cursor: pointer;
}

.news_warp_box .news_content .item {
    padding: 12px 0;
    border-bottom: 1px solid #DDDDDD;
}

.news_warp_box:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 284px;
    width: 0;
    height: 0;
    border-width: 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff;
    display: none;
}

.modal-add-friend1 {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    display: none;
    width: 706px;
    height: 406px;
    padding: 24px 70px 30px;
    color: #fff;
    background: #FFFFFF;
    box-shadow: 0 0 25px rgb(14 17 47 / 50%);
    border-radius: 4px;
}

.add-friend-ipt {
    width: 386px;
    height: 52px;
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    padding: 0 10px;
    color: #999999;
    margin: 6px auto;
    display: block;
}

.phone-btn {
    height: 52px;
    padding: 0 10px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-right: none;
    border-radius: 4px 0 0 4px;
    /* background: #606795; */
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow.png) no-repeat scroll right center rgba(255,255,255,1);
    color: #999999;
    margin: 0 0 0 90px;
}

.add-friend-ipt-code {
    border-radius: 0 4px 4px 0;
    border-left: none;
    width: 300px;
}

.btn-modal {
    min-width: 100px;
    background-color: #2469F6;
    border-radius: 2px;
    color: #fff;
    border-color: #2469F6;
}

.btn-modal1 {
    min-width: 100px;
    background-color: #999999;
    border-radius: 2px;
    color: #fff;
    border-color: #999999;
    margin: 0 32px 0 0;
}

.modal-add-friend1 .add-friend-close {
	position: static;
}

.frends-ico-box2 .tips_red {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: block;
	background: red;
	position: absolute;
	right: 0;
	top: 0;
	display: none;
}


/* 用户头像 end */

/* 消息中心 start */


.news_warp_box .news_content .item p {
	width: 100%;
	margin: 0 0 8px 0;
	color: #333;
}

.message_box .title_box {
	height: 46px;
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	display: flex;
	line-height: 46px;
	margin: 0 0 23px 0;
}

.message_box .title_box div {
	margin: 0 50px 0 0;
	position: relative;
	cursor: pointer;
}

.message_box .title_box div.active {
	color: #2469F6;
	border-bottom: 1px solid #2469F6;
}

.message_box .cool_box {
	height: 28px;
	background: #FFFFFF;
	display: flex;
	margin: 0 0 23px 0;
	border-radius: 2px;
}

.message_box .cool_box div {
	margin: 0 16px 0 0;
	position: relative;
	background: #EEEEEE;
	border-radius: 2px;
	border: 1px solid #DDDDDD;
	padding: 4px 24px;
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	color: #999999;
	cursor: pointer;
}

.message_box .news_table .table_title_box {
	display: flex;
	align-items: center;
	background: #F7F9FC;
	line-height: 44px;
	height: 44px;
	padding: 0 0 0 24px;
}

.message_box .news_table .table_content_box .menu {
	display: flex;
	align-items: center;
	line-height: 44px;
	height: 44px;
	padding: 0 0 0 24px;
	border-bottom: 1px solid #DDDDDD;
}

.table_content_box img {
	width: 14px;
	height: 13px;
	margin: 0 8px 0 0;
}

.message_box .news_table .table_content_box .news_detail {
	padding: 0 0 0 32px;
	height: 0;
	overflow: hidden;
	background: #F7F9FC;
}

.message_box .news_table .table_content_box div {
	cursor: pointer;
}

.message_box .cool_box div.active {
	border: 1px solid #666666;
	padding: 4px 24px;
	background: #fff;
	color: #333333;
}

.dd {
	width: 340px;
}

/* 消息中心 end */


/* 媒体查询 start */
@media only screen and (max-width: 1600px) {
	.container {
		width: 100%;
	}

	.frends-ico-box1 {
		right: 210px;
	}

	.frends-ico-box2 {
		right: 80px;
	}

	.news_warp_box:after {
		left: 230px;
	}

	.negotiation-catbar .swiper-container {
		width: 95%;
	}

	.negotiation-product-wrap {
		width: 100%;
	}

	#swiper-container-negotiation .swiper-wrapper {
		width: 95%;
	}

	.negotiation-item {
		width: 49.2%;
		flex: none;
	}

	.negotiation-contact .btn-blue {
		position: static;
	}

	.suppliers-list li {
		width: 23%;
		flex: none;
	}

	.expo-product-list li {
		width: 18.4%;
		flex: none;
	}

	.suppliers-wrap h2:before {
		display: none;
	}

	.suppliers-wrap h2:after {
		display: none;
	}

	.container-directories {
		width: 100%;
	}

	.expo-directories-item {
		width: 49.2%;
	}

	.container-directories .swiper-box {
		width: 95%;
		height: 124px;
	}

	.container-directories .swiper-slide-img {
		width: 80px;
		height: 80px;
	}

	.expo-directories-item {
		height: auto;
	}

	.all_live .banner_box {
		width: 100%;
	}

	.meet-video-list li {
		flex: none;
		width: 23.8%;
	}

	.album_item {
		width: 23.6%;
	}

	.supply-box .goods-nav-warp {
		width: 95%;
	}

	.video-show-list .product-item-img {
		width: 100%;
	}

	.product-recommend a {
		width: 23%;
		margin: 0 10px 0 0;
	}

	.product-recommend .item {
		width: 100%;
	}

	.product-recommend .item img {
		width: 100%;
	}

	.revision-submenu-list li {
		margin: 0 44px 0 0;
	}
}

@media only screen and (max-width: 1366px) {
	.container {
		width: 100%;
	}

	.frends-ico-box1 {
		right: 210px;
	}

	.frends-ico-box2 {
		right: 80px;
	}

	.news_warp_box:after {
		left: 230px;
	}

	.negotiation-catbar .swiper-container {
		width: 95%;
	}

	.negotiation-product-wrap {
		width: 100%;
	}

	#swiper-container-negotiation .swiper-wrapper {
		width: 95%;
	}

	.negotiation-item {
		width: 49.2%;
		flex: none;
	}

	.negotiation-contact .btn-blue {
		position: static;
	}

	.suppliers-list li {
		width: 23%;
		flex: none;
	}

	.expo-product-list li {
		width: 18.4%;
		flex: none;
	}

	.header-revision .expo-search-wrap {
		width: 622px;
	}

	.expo-item-wrap .btn-appointment {
		display: inline-block;
		width: auto;
	}

	.expo-item-wrap .live-remind-box1 {
		display: block;
		text-align: right;
	}

	.expo-item-img {
		height: 300px;
	}

	.expo-live-box .expo-info-wrap .text {
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		height: 20px;
	}

	.swiper-slide-img {
		width: 80px;
		height: 80px;
	}

	#swiper-container-negotiation .swiper-wrapper {
		max-height: 500px;
	}

	.purchasing-list-bg:before {
		width: 89%;
	}

	.purchasing-list-bg:after {
		width: 89%;
	}

	.expo-product-list li {
		width: 24%;
	}

	.expo-product-list li {
		width: 23.4%;
	}

	.expo-product-list li:nth-of-type(5n + 5) {
		margin-right: 20px;
	}

	.expo-product-list li:nth-of-type(4n + 4) {
		margin-right: 0;
	}

	.meet-box .meet-wrap {
		display: block;
	}

	.meet-wrap .live-right-panel {
		width: calc(100% - 850px);
		height: auto;
	}

	.meet-wrap .video-panel {
		width: 850px;
		height: auto;
	}

	.video-content-panel {
		position: static;
	}

	.companysign-wrap {
		width: 72%;
	}

	.video-panel {
		width: 850px;
	}

	.replay_video_box {
		width: 850px;
	}

	.live-right-panel {
		width: calc(100% - 850px);
	}

	.frends-ico-box1 span {
		display: none;
	}

	.frends-ico-box1 {
		right: 80px;
	}

	.frends-ico-box2 {
		right: 10px;
	}

	.frends-ico-box2 span {
		display: none;
	}

	.view {
		bottom: 50px;
	}

	.translate-white .translate-subtitle {
		max-height: 358px;
	}

	.negotiation-box .item_box {
		width: 49% !important;
	}

	.video-show-list .product-item-img {
		width: 100%;
	}

	.video-show-list li {
		flex: none;
		width: 23.6%;
	}

	.video-show-list li:nth-of-type(3n + 3) {
		margin-right: 15px;
	}

	.video-show-list li:nth-of-type(4n + 4) {
		margin-right: 0;
	}

	.album-list li {
		width: 23.8%;
	}

	.album-list li:nth-of-type(4n + 4) {
		margin-right: 0;
	}

	.album-list li:nth-of-type(5n + 5) {
		margin-right: 15px;
	}

	.product-detail-info h2:before {
		display: none;
	}

	.product-detail-info h2:after {
		display: none;
	}

	.product-detail-info .left_span {
		display: none;
	}

	.product-detail-info .right_span {
		display: none;
	}

	.product-info-photos {
		margin-right: 10px;
	}

	.product-info-content {
		width: calc(100% - 830px);
	}

	.product-info-ctrl {
		padding: 0;
	}

	.product-info-purpose {
		width: 50%;
	}

	.product-info-qiatan {
		width: 50%;
	}

	.history_box {
		width: 514px;
	}

	#swiper-container-search {
		width: 92%;
	}

	.search-live-box .swiper-button-next {
		right: 0
	}

	.search-live-box .swiper-button-prev {
		left: 0
	}

	.modal-add-friend1 {
		top: 58%;
	}

	.product-info-txt {
		padding-top: 40px;
	}

	.dd {
		width: 240px;
	}

	.vcp-player {
		width: 850px !important;
	}

	.vcp-player video {
		width: 850px !important;
	}

	.jcarousel {
		width: 100%;
	}

	.expo-live-box .live-tags {
		display: none;
	}

	.expo-item-wrap {
		width: 250px;
	}
}

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

	.header-revision .expo-search-wrap {
		width: 500px;
	}

	.expo-item-wrap {
		flex: 0 0 33.2%;
	}

	.expo-item-wrap:nth-of-type(4n+4) {
		padding-right: 20px;
	}

	.expo-item-wrap:nth-of-type(3n+3) {
		padding-right: 0;
	}

	.company_information a {
		max-width: 180px;
	}

	.meet-wrap .video-panel {
		width: 690px;
		height: auto;
	}

	.video-panel {
		width: 690px;
	}

	.replay_video_box {
		width: 690px;
	}

	.meet-wrap .live-right-panel {
		width: calc(100% - 690px);
		height: auto;
	}

	.live-right-panel {
		width: calc(100% - 690px);
	}

	.translate-white .translate-subtitle {
		max-height: 258px;
	}

	.view {

		top: 270px !important;
	}

	.album_item {
		width: 23.5%;
	}

	.companysign-wrap {
		width: 66%;
	}

	.negotiation-contact {
		left: 286px;
	}

	.revision-submenu-list {
	    width: 800px;
	    height: 40px;
	    overflow-x: auto;
	    white-space: nowrap;
	}


	.revision-submenu-list::-webkit-scrollbar {
		height:1px;
		background-color:transparent;
	}
	.revision-submenu-list::-webkit-scrollbar-thumb {
		border-radius:10px;
		background-color: transparent;
	}
	.revision-submenu-list::-webkit-scrollbar {
		background-color:#ddd;
	}
	.revision-submenu-list::-webkit-scrollbar-thumb {
		background-color: #f70;
	}
	.revision-submenu-list::-webkit-scrollbar-thumb {
		background-color: #000;
	}

	.history_box {
		width: 392px;
	}

	.post-textinput {
		width: 72%;
	}

	#boxApple {
		display: block !important;
	}

	.product-info-ctrl {
		margin-top: 40px;
	}

	.product-info-purpose {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.product-info-qiatan {
		width: 100%;
	}

	.product-detail .line {
		width: 100%;
	}

	.product-recommend a {
		width: 19%;
	}

	.fadeInLeft {
		width: 20%;
	}

	.fadeInRight {
		width: 80%;
	}

	.news_warp_box {
		right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.header-revision .expo-search-wrap {
		width: 300px;
	}

	.revision-submenu-list {
		width: 600px;
	}

	.expo_live_box {
		display: block;
	}

	.expo_live_box h3 {
		margin: 0 0 20px 0;
	}

	.expo_live_box .menu_box {
		overflow-x: auto;
		white-space: nowrap;
	}

	.expo-item-wrap {
		flex: 0 0 50%;
	}

	.expo-item-wrap:nth-of-type(3n+3) {
		padding-right: 20px;
	}

	.expo-item-wrap:nth-of-type(2n+2) {
		padding-right: 0px;
	}

	.expo-item-wrap:nth-of-type(4n+4) {
		padding-right: 0px;
	}

	.negotiation-item {
		width: 100%;
	}

	#swiper-container-negotiation .swiper-wrapper {
		max-height: 1022px;
	}

	.negotiation-wrap-apple {
		background-repeat: repeat;
	}

	.release-warp-apple {
		background-repeat: repeat;
	}

	.release-warp .purchasing-wrap {
		display: block;
	}

	.purchasing-form {
		height: 576px;
		padding: 0 30px;
		width: 100%;
	}

	.purchasing-list-bg {
		width: 100%;
	}

	.purchasing-list-bg:before {
		width: 100%;
	}

	.purchasing-list-bg:after {
		width: 100%;
	}

	.suppliers-list li {
		width: 48%;
	}

	.suppliers-list li:nth-child(2n) {
		margin-right: 0
	}

	#swiper-button-prev-expo-two {
		left: 8px;
	}

	#swiper-button-next-expo-two {
		right: 8px;
	}

	.expo-product-list li {
		width: 48%;
	}

	.expo-product-list li:nth-child(2n) {
		margin-right: 0
	}

	.textarea-proposal {
		width: 100%;
	}

	.expo-directories-item {
		width: 100%;
	}

	.all_live #swiper-button-prev-expo {
		left: 4px;
	}

	.all_live #swiper-button-next-expo {
		right: 4px;
	}

	.album_item {
		width: 48%;
	}

	.album_item:nth-child(2n) {
		margin-right: 0;
	}

	.meet-wrap .live-right-panel {
		position: static;
	}

	.meet-wrap .video-panel {
		width: 100%;
		height: 100%;
	}

	.meet-wrap .live-right-panel {
		width: 100%;
		height: 400px;
	}

	.meet-video-list li {
		width: 48%;
	}

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

	.fadeInLeft {
		width: 100%;
	}

	.fadeInRight {
		width: 100%;
	}

	.companysign-wrap {
		width: 56%;
	}

	#main_app_box {
		display: block;
	}

	.video-panel {
		width: 100%;
	}

	.replay_video_box {
		width: 100%;
	}

	.live-right-panel {
		width: 100%;
	}

	.post-textinput {
		width: 86%;
	}

	.post-count {
		position: absolute;
		right: 140px;
	}

	.product-info {
		display: block;
	}

	.product-info-content {
		width: 100%;
	}

	.product-info-logo {
		width: 100%;
		padding: 24px;
		margin: 0;
	}

	.history_box {
		width: 192px !important;
	}

	.history .introduce {
		width: 140px !important;
	}

	.history .last_title {
		width: 370px !important;
	}

	.enterprise-staff .friends-list {
		margin-top: 15px;
		width: 348px;
		overflow: hidden;
	}

	.enterprise-banner-box .enterprise-banner{
		display: block;
		padding: 10px;
	}

	.enterprise-shop-info {
		justify-content: start;
	}

	.enterprise-follow {
		width: 300px;
	}

	.enterprise-follow dt {
		font-size: 16px;
	}

	.enterprise-box {
		overflow: hidden;
	}

	.enterprise-follow dl {
		margin: 0 10px;
	}

	.news_warp_box {
		right: 0;
	}




}






/* 媒体查询 end */