@charset "utf-8";

/* ———————————————————————全局样式——————————————————————— */
body{ font-family:"PingFang SC", Helvetica, "Microsoft YaHei", "微软雅黑", Arial, sans-serif;overflow-x: hidden; }

li{ list-style: none; }
.clearfix:after{ content:""; display: block; height: 0;line-height: 0; clear: both; visibility:hidden;}/* 清除浮动 */ 
.clearfix{ zoom:1;/*ie6*/}
.clearfix img{ max-width: 100%!important;height: auto!important;margin: 0 auto;} 

@media (max-width: 1365px){
	.about_banner{ display:none; }
}

.normal{ font-weight: normal !important;letter-spacing:1px;  }
.lighter{ font-weight: normal !important;letter-spacing:1px; }
.underline{ text-decoration: underline !important; }
.inlineBlock{ display: inline-block; }
.color-white{ color: #fff !important; }
.color-blue{ color: #0078f0 !important; }
h5{ color: #5b6670; }

.vertical-middle1{ position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}


/* .css3-spinner > div:first-child {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -54px;
	margin-left: -100px;
	width: 200px;
	height: 109px; 
	background: url('../images/loading-ani.png'); 
	background-repeat: no-repeat;
	background-size: 100%; 
	display: inline-block;
	-webkit-animation: loading-ani 1s infinite ease;
	animation: loading-ani 1s infinite ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	-webkit-animation-direction: alternate;
	animation-direction: alternate;
	opacity: 0.5;
}
@keyframes loading-ani{
	0%{ transform: scale(0.98); opacity: 0.5; }
	100%{ transform: scale(1); opacity: 1; }
} */


/* 表单 */
form label{ margin-bottom:5px;}
.sm-form-control{ border-width:1px; font-size: 13px;}
.form-control{ border-radius: 0; box-shadow: none; border:1px solid #ddd;}
textarea{ resize: vertical; }

.breadcrumb > li:nth-child(2):before{ display: none; }
.breadcrumb > li + li:before{ content: "\e7a5";font-family: 'font-icons'; }

/* 一行显示省略号 */
.text-overflow{ max-width: 100%; white-space:normal;}

/* 多行显示省略 */
.line-clamp-2{
	overflow: hidden;
	text-overflow: ellipsis;   /* 省略号代替 */
	display: -webkit-box;  
	-webkit-line-clamp: 2; /* 显示行数 */
	-webkit-box-orient: vertical; /* 竖向 */
	max-height: 40px;  /* 兼容性，2行文字大概高度 */
}
 
/* 内容中心宽度 */
@media (min-width:1365px) {
	.container { width: 1200px; }
}
@media (max-width: 991px){
	.line.line-sm{ margin: 20px 0; }
	.center .heading-block:after, 
	.heading-block.center:after, 
	.heading-block.title-center:after{ margin:10px auto 0 }
}



/* alibaba字体图标 */
@font-face {font-family: "iconfont";
  src: url('./fonts/alifonts.eot'); /* IE9*/
  src: url('./fonts/alifonts.eot?t=1493987013550#iefix') format('embedded-opentype'), /* IE6-IE8 */
  	   url('./fonts/alifonts.woff') format('woff'), /* chrome, firefox */
  	   url('./fonts/alifonts.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  	   url('./fonts/alifonts.svg#iconfont') format('svg'); /* iOS 4.1- */
}

/* webfont */
@font-face {
    font-family: "SYHT-Normal";   /* 思源黑体 Normal (部分标题子集化，包含字母数字压缩) */
    src: url("./fonts/SYHT-Normal.eot");  /* IE9 */
    src: url("./fonts/SYHT-Normal.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
		 url("./fonts/SYHT-Normal.woff") format("woff"), /* chrome、firefox */
		 url("./fonts/SYHT-Normal.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    	 url("./fonts/SYHT-Normal.svg#SYHT-Normal") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


@font-face {
    font-family: "SYHT-Light";   /* 思源黑体 Light （字母数字压缩，不包括中文）*/
    src: url("./fonts/SYHT-Light.eot"); /* IE9 */
    src: url("./fonts/SYHT-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    	 url("./fonts/SYHT-Light.woff") format("woff"), /* chrome、firefox */
    	 url("./fonts/SYHT-Light.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    	 url("./fonts/SYHT-Light.svg#SYHT-Light") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}




.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
} 
.icon-icon-zuo:before { content: "\e780"; }
.icon-icon-you:before { content: "\e6db";position: relative;right: 32px; } 



/* ———————————————————————页面共用样式——————————————————————— */
/*顶部header滚动事件样式*/
/* .headroom{ position: fixed;top: 0;left: 0;right: 0;-webkit-transition:.4s ease;transition:.4s ease;}
.headroom--unpinned, 
.headroom--not-top{top: -80px;-webkit-transition:.4s ease;transition:.4s ease;}
.headroom--pinned, 
.headroom--top{top: 0;-webkit-transition:.4s ease;transition:.4s ease;} 
div#header-wrap.animated{ -webkit-transition:.4s ease;transition:.4s ease; -webkit-animation-duration:.4s;animation-duration:.4s;} */


/* header */
#header,
#header #header-wrap{ transition: .5s ease; }
#header:hover,
#header:hover #header-wrap{ background-color: #fff; }
/* #header.dark:hover,
#header.dark:hover #header-wrap{ background-color: rgba(0, 0, 0, 0.5); } */
#header.sticky-header #header-wrap{ background-color: rgba(255, 255, 255, 1); }
#header-wrap{ border-bottom: 1px solid rgba(180, 180, 180, 0.18); }
.sticky-header #header-wrap{ border:none; }


#primary-menu li.sub-menu.active > a{ position: relative; }
#primary-menu li.sub-menu.active > a > div:after{ content: '';display: block;width: 100%;height: 2px; background-color: #0078f0;position: absolute;bottom: 0;left: 0; }

/* 下划线 */ 
#primary-menu > ul > li.sub-menu:hover > ul:before{ content: "";display: block;position: absolute;top:-2px;left:0;z-index:199;width: 100%;height: 2px;background-color: #0078f0;  }
#primary-menu > ul > li.mega-menu.sub-menu:hover > a{ position: relative; }
#primary-menu > ul > li.mega-menu.sub-menu:hover > a:after{  content: "";display: block;position: absolute;bottom:0;left:0;z-index:200;width: 100%;height: 2px;background-color: #0078f0;}

#primary-menu ul ul ul li a > div{ position: relative; }
/* #primary-menu ul ul ul li a > div:after{ content: "";display: block;width: 0%;height: 2px;background-color: #0078f0;position: absolute;bottom: 1px; transition: .45s ease; } */
#primary-menu ul ul ul li:hover a > div:after{ width: 100%; }

#primary-menu ul li > a{ /* font-family:"Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1",sans-serif; */font-size: 20px; }
/* #primary-menu ul li .mega-menu-content.style-2 ul li.mega-menu-title a{ font-weight: bold !important;  } */
#primary-menu ul li .mega-menu-content.style-2 ul li > a{ padding-top: 0px;padding-bottom: 0px; padding-left: 0; }
#primary-menu ul li .mega-menu-content.style-2 ul li:not(.mega-menu-title) > a > div{ transition:.45s ease; /* background-color: rgba(210, 210, 210, 0.2); */padding:2px 0; }
#primary-menu ul li .mega-menu-content.style-2 ul li:not(.mega-menu-title):hover > a > div{ /* transform: translateX(8px); */ /*  padding-left: 15px; */  }
#primary-menu ul li > a,
#top-search-trigger i{ color: #fff; }

#primary-menu li.sub-menu:not(.mega-menu) ul{ text-align: center;}
#primary-menu li.sub-menu:not(.mega-menu) ul li a{ padding-top:12px;padding-bottom:12px; }
#primary-menu ul li.mega-menu ul{ text-align: left !important; }

.mega-menu-title .icon{ display:block; width: 100%; height: auto; color: #ccc; margin-right: 5px;}



/* 导航黑底 */
#header.dark:hover,
#header.dark:hover #header-wrap,
#header.dark{ background-color: #24272a;  }
#primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content{}

/* 产品 二级导航 */
#primary-menu ul li .mega-menu-content{ /* left: 190px; */ }

/* hover 变化 */
#primary-menu .navProduct ul.newmargin.ul-hover li a{ color: #bbb !important; transition: .45s ease; }
#primary-menu .navProduct ul.newmargin.ul-hover li.li-hover a{ color: #0078f0 !important; }
#primary-menu .navFangan.ul-hover li a h4{ color: #bbb !important; transition: .45s ease; }
#primary-menu .navFangan.ul-hover li.li-hover a h4{ color: #0078f0 !important; }

#primary-menu .navProduct ul.newmargin li a,
#primary-menu .navFangan li a h4{ transition: .45s ease; }


/* 导航图片 */
/*#primary-menu .navProduct .two-nav-a .icon{ max-width: 105px; }*/
#primary-menu .navProduct .two-nav-a img{ -ms-transition: .5s ease;-webkit-transition: .5s ease;transition: .5s ease; }
#primary-menu .navProduct .two-nav-a:hover img{ -ms-transform:translateZ(0) scale(1.1);-webkit-transform:translateZ(0) scale(1.1);transform:translateZ(0) scale(1.1); }


/* 导航白底 */
#header.not-dark, 
#header.not-dark #header-wrap{ background-color: #fff; width:100%;position:fixed;z-index:999;}
#header.not-dark #primary-menu ul li > a,
#header.not-dark #top-search-trigger i{ color: #7d7d7d; /* font-weight: bold !important; */}

#primary-menu .navProduct, 
#primary-menu .navFangan{ padding-top: 60px; }

#primary-menu .navProduct ul > li:hover > a h4,
#primary-menu .navProduct ul ul li:hover > a,
#primary-menu .navFangan ul li:hover a h4,
#primary-menu > ul > li.sub-menu:not(.mega-menu) ul li:hover a{ color: #0078f0 !important; }

#primary-menu ul li .navProduct ul ul > li > a div.icon{ transition: .5s ease; margin-bottom: 40px; }
#primary-menu ul li .navProduct ul ul > li:hover > a div.icon{ transform: scale(1.05); }

.pc-language{ float: right;margin: 26px 0 0 15px; }
.pc-language a{ font-size: 16px; color: #7d7d7d;}

/* 搜索 */
#top-search form{ left: auto;right: 120px; width:0 !important; opacity: 1;}
body.top-search-open #top-search form{ width: 100% !important;border: none; }
#top-search form input{ font-size: 16px;border: none;  }
body.top-search-open #top-search form input{ /* border-bottom: 1px solid rgba(0,0,0,0.1); */ }

@media (min-width:768px) {
	#top-search form{ max-width: 180px; transition: .75s linear;}
}

@media (min-width:992px) { 
	/* 产品&解决方案 */
	#primary-menu .mega-menu-column{ padding-top: 25px;padding-bottom: 25px; }
	#primary-menu .mega-menu-column .mega-menu-title > a{ margin-bottom: 30px; font-size: 18px;font-weight: bold; }
	#primary-menu .mega-menu-column.col-md-3 ul ul li a{ padding-left: 15px;padding-right: 15px; }
	#primary-menu .mega-menu-column.col-md-3:last-child{ padding-right: 0;border-left: 1px solid #eee; }
  	#primary-menu .mega-menu-column.col-md-3:last-child ul ul li{ float: left; }
  	#primary-menu .mega-menu-column.col-md-3:last-child ul ul li a{ padding-right: 0; }
  	#primary-menu .mega-menu-column.col-md-3:last-child .mega-menu-title > a{ padding-left: 15px; } 

	#primary-menu ul li:hover ul,
	#primary-menu ul li:hover ul li,
	#primary-menu ul li:hover > div { 
		-webkit-animation: toSlide 0.45s ease; 
		-moz-animation: toSlide 0.45s ease; 
		-ms-animation: toSlide 0.45s ease; 
		animation: toSlide 0.45s ease;  
	}
	@keyframes toSlide {
		0% { transform: translateY(-10px); opacity: 0; }
		100% { transform: translateY(0); opacity: 1; }
	}


	/* 二级导航 宽屏 */
    #primary-menu .mega-menu-content:before{
        content: '';
        display: inline-block;
        background-color: #fff;
        width: 6000px;
        height: 100%;
        position: absolute;
        left: -2500px;
        z-index: -1;
    }


    #primary-menu > ul > li.sub-menu:not(.mega-menu) > ul{ left: 50%; margin-left: -60px; }

    /* #primary-menu ul li .mega-menu-content.style-2 li{ padding-left: 0; } */

}

@media (min-width: 992px) and (max-width: 1199px){
	#primary-menu ul li > a{ font-size: 15px; padding: 29px 8px; }
	#top-search form{ width: 130px; }
	body.top-search-open #top-search form{ width: 130px !important; }
	.pc-language a{ font-size: 15px; }

	#primary-menu ul li.mega-menu .mega-menu-content{ width: 940px; }
}

@media (min-width: 1200px){
	#primary-menu ul li.mega-menu .mega-menu-content{ width: 1170px; }
}

@media screen and (max-width: 991px){ 
	#primary-menu ul li > a{ font-size: 14px; }
	#primary-menu .mega-menu-column,
	#primary-menu .mega-menu-column > ul,
	#primary-menu .mega-menu-column > ul li{ padding: 0 !important; }
	#primary-menu .mega-menu-column > ul ul{ padding-left: 0; }
	#primary-menu ul li .mega-menu-content.style-2 li,
	#primary-menu ul ul li{ border:none; }
	#primary-menu .mega-menu-column > ul ul li a{ padding-left: 0;padding-right: 0; }
	#primary-menu .mega-menu-column > ul ul li .icon{ opacity: 0.8; }
	#primary-menu ul li .mega-menu-content.style-2 ul li:not(.mega-menu-title) > a > div{ background-color: transparent;padding: 5px 10px;}
	

	#header, 
	#header-wrap,
	#logo,
	#logo img,
	#top-search form{ height: 40px !important; }
	#top-search form{ right: 30px; }
	#header .container{ width: 100%; padding: 0; }
	#header .container nav > ul{ padding: 0 15px !important;background-color: #fff; }
	#header.sticky-header{ height: 60px !important; position: fixed;top: 0;left: 0;z-index: 999;width: 100%; }
	#primary-menu{ overflow-x: hidden;overflow-y: auto; max-height:100vh; }
	#primary-menu-trigger{ top: -5px; }
	#top-search a{ margin: 10px 0; }
	#top-search-trigger i{ color: #555; }

	#primary-menu-trigger i{ animation: rota .5s ease; }
	#primary-menu-trigger i.transition{ animation:rot .45s ease; }
	@keyframes rota{
		0%{ transform: scale(0); }
		100%{ transform: scale(1); }
	}
	@keyframes rot{
		0%{ transform: rotate(0); }
		100%{ transform: rotate(90deg); }
	}

}

@media screen and (max-width: 767px){
	body.top-search-open #primary-menu-trigger,
	body.top-search-open #header-wrap #logo{
		opacity: 0;
	}
	#top-search form{ right: 0; }

	#primary-menu .navFangan li a{ padding-bottom: 0 !important; }
}



/* 滚动固定顶部 */
#page-menu:not(.one-page-nav){ box-shadow:0px 1px 1px #ddd; margin:100px 0px 50px 0px; }

@media (max-width:991px) {
    #page-menu:not(.one-page-nav){ margin:50px 0px 50px 0px; }
}

.one-page-nav{ display: none; }
.one-page-nav.sticky-page-menu{ display: block; }
.tabs.tabs-bb ul.tab-nav li.active a,
.one-page-nav ul > li.active a { position: relative; border-bottom: 3px solid #0078f0; height: 60px; line-height: 60px;}
.tabs.tabs-bb ul.tab-nav li:not(.active) a:after,
.one-page-nav ul > li:not(.active) a:after{
	content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    transition: all 0.3s ease;
}

.tabs.tabs-bb ul.tab-nav:not(.tab-game) li:hover:not(.active) a:after,
.one-page-nav ul:not(.tab-game) > li:hover:not(.active) a:after{
	width: 100%;
    left: 0%;
    background-color: #0078f0;
}

/* tab */ 
.tabs-bb .tab-bg{ background-color: #2065d8; }
.tabs-bb .tab-nav .icon{ display: none; padding-right: 10px; } 
.tabs-bb .tab-nav li a{ font-size: 18px;color: #fff; } 

/* one-page-nav 解决方案 & 产品 */ 
#page-menu-wrap nav{ width: 100%; /* width: 1170px; */ }
.one-page-nav nav li{ text-align: center; }
.one-page-nav ul > li { float: left;height: 60px; }
.one-page-nav ul > li a { display: block; padding: 0 35px; color: #333; height: 60px; line-height: 60px; font-size: 16px;  font-weight: normal; }
.one-page-nav .icon { display: none; padding-right: 10px;}



.sticky-page-menu .sticky-container{ margin:0 auto; }
.sticky-page-menu.one-page-nav ul > li,
.sticky-page-menu ul.tab-nav:not(.tab-nav-lg) li{ height: 60px; } 
.sticky-page-menu #page-menu, 
.sticky-page-menu #page-menu-wrap,
.sticky-page-menu.one-page-nav ul > li a,
.sticky-page-menu ul.tab-nav:not(.tab-nav-lg) li a{ height: 60px !important; line-height: 60px !important; }

@media (min-width: 992px){
	.sticky-page-menu .sticky-container{ width: 1000px;}
	#page-menu nav li{ float: none; display: table-cell;width: 1% !important; }
}
@media (min-width:1200px){  
	.sticky-page-menu .sticky-container{ width: 1170px;}
}
@media (max-width: 991px){
	#page-menu .container{ width: 100%;padding: 0; }
	#page-menu nav{ display: block;width: 100%;left: 0;top: 0;right: auto; }
	#page-menu nav li{ float: left;}
	#page-menu nav li a{ height: 100%; font-size: 14px;padding: 0 8px; }
}
@media (max-width: 767px){
	#page-menu nav li a{ font-size: 16px; }
}

@media (max-width: 767px){
	#primary-menu ul li > a i {
	position: relative;
	top: -1px;
	font-size: 14px;
	width: 16px;
	text-align: center;
	margin-right: 6px;
	vertical-align: top;
	font-style:normal;
	font-weight: lighter;
}
}


/* top-banner */
.top-banner .vertical-middle h1,
.top-banner .vertical-middle h2{ margin-bottom: 0 !important;letter-spacing:6px;font-weight: normal;font-size: 30px;color: #fff;line-height: 54px; }
.top-banner .vertical-middle h5{ color: #fff !important;line-height: 2;margin-top: 12px;letter-spacing: 2; }
.top-banner > div:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
} 
@media (max-width: 991px){
	.top-banner .vertical-middle h1,
	.top-banner .vertical-middle h2{ font-size: 25px;padding-top:7%; }
}
@media (max-width:767px){
	.top-banner .vertical-middle h1,
	.top-banner .vertical-middle h2{ font-size: 14px; }
	
}



/* owl-carousel */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel:hover .owl-nav .owl-prev{ left: -60px; }
.owl-carousel .owl-nav .owl-next,
.owl-carousel:hover .owl-nav .owl-next{ right: -60px; }



/* slide */
.fslider .slide .vertical-middle .margintop{ margin-top: -240px !important; }
.fslider .slide .color-white h1,
.fslider .slide .color-white h4{ color: #fff !important;  }
.fslider .slide .color-blue h1{ color: #0078f0 !important;  }
.fslider .slide h1{ font-size: 45px;font-weight: lighter; }
.fslider .slide h4{ font-size: 18px; font-weight: lighter; }
.flex-direction-nav{ opacity: 0; }
.fslider:hover .flex-direction-nav{ opacity: 1; }
.flex-control-paging li.not-animated{ opacity: 1; }

.flex-control-nav { width: 100%; top: auto; bottom:10px; }
.flex-control-nav li { float: none !important; display: inline-block; }
.flex-control-nav li a { width: 10px !important; height: 10px !important; margin: 0 10px; border: 2px solid #f5f5f5; background: #f5f5f5; }
.flex-control-nav li:hover a, 
.flex-control-nav li a.flex-active { background-color: #0078f0; border: 2px solid #0078f0; }
.slide.flex-active-slide .container h2,
.slide.flex-active-slide .container h4,
.slide.flex-active-slide .container .btn-video{ animation: fadeToTop .75s ease; }
.slide.flex-active-slide .container h4,
.slide.flex-active-slide .container .btn-video{ animation-duration: 1s; }
@keyframes fadeToTop {
	0% { transform: translateY(100px); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}



/* content */
.content-wrap p{ margin-bottom: 0px; }

@media (max-width: 767px){
            .advantage-3d .container .row p{ font-size: 14px; }
            
        }

.heading-block span{ font-size: 18px;/* font-family: "SYHT-Normal",sans-serif; */ color:#999 !important;display: block;letter-spacing: 5px;text-transform: capitalize;}
.heading h1 span{ font-family: "SYHT-Light",sans-serif !important; }

/* btn 了解更多 */
.more-btn{ padding: 30px 0; }
.more-btn a{   
	    background-color: transparent;
    padding: 12px 30px;
    font-size: 16px;
    border-radius: 24px;
    color: #209fe2;
}

@media (max-width: 991px){
	.more-btn a{ font-size: 14px; }
}

.more-btn:hover a{ /* background: #0078f0; */}

@media (max-width: 991px){
	.owl-carousel .oc-item > h5{ font-size: 12px !important;padding: 0 5px; }
	.heading h2,
	.heading-block h1,
	.heading-block h2{ font-size: 20px;}
	.heading span,
	.heading-block span{ font-size:20px !important;letter-spacing: 2px !important; }
}



/* footer */
.title-hidden{ visibility: hidden;}
#footer{ /* background-color: #202a3a; */ background-color: #282828;}
.primary-footer{ padding: 100px 0 0; }
.primary-footer p,
.primary-footer a{font-size: 16px; /* color: #8a94a5; */ color:#eee;} 
.primary-footer a:hover,
.primary-footer a:hover i{ color: #0097dd !important; }
.primary-footer address{ padding-top:130px;margin-bottom: 0; }
.primary-footer .msg p{ margin-bottom: 5px !important; }
.primary-footer .nav > div{width: 20%; /* border-left: 1px solid #333d4e; */ } 
.primary-footer .nav h4{/*  color: #627da7; */ color:#eee;font-weight: 400;letter-spacing: 2x; }
.primary-footer .nav > div li{ margin-bottom:6px; }

.primary-footer .nav .icon-angle-right{color: #627da7; font-size: 16px;}
.primary-footer .nav li img{ width: 100%; }


@media (min-width: 992px) and (max-width: 1199px){
	.primary-footer .nav > div{ padding-left: 0; }
	.primary-footer .nav h4{ font-size: 16px; }
	.primary-footer p, .primary-footer a{ font-size: 12px; }
}
@media (min-width: 992px){
	.primary-footer .msg{ padding-right: 0; }
	.primary-footer .nav{ padding-right: 0;padding-left: 10px; }

	.primary-footer .nav > div{ width: 16%; }
	.primary-footer .nav > div:nth-child(1){ }
	.primary-footer .nav > div:nth-child(2){ width:21%; }
	.primary-footer .nav > div:nth-child(3){ width:25%; }
	.primary-footer .nav > div:nth-child(4){ width:18%; }
	.primary-footer .nav > div:nth-child(5){ }
} 
@media screen and (max-width: 991px){
	.primary-footer address{ padding-top: 30px;margin-bottom: 30px; }
	.primary-footer{ padding: 60px 0; }
	.primary-footer .nav > div{ float: left;width: auto; }
	
}
@media screen and (max-width: 767px){
	.primary-footer .nav > div{ width: 100%; }
	/* .primary-footer .nav > div:last-of-type li{ width: 25%;float: left; } */
	.primary-footer .nav > div h4{ font-size: 14px; visibility: visible !important;border-bottom: 1px solid #2e3b4e;margin-bottom: 15px;line-height: 30px;}
	.primary-footer .nav > div .f-list{ display: none; }
	.primary-footer p, 
	.primary-footer a{ font-size: 14px; }

	.primary-footer{ padding: 60px 0 10px; }
}


/* #copyrights .row > div{ padding: 0; } */
#copyrights [class*='col-']:first-child{ text-align: left; }
#copyrights [class*='col-']:last-child > div{ text-align: right; }
#copyrights, 
#copyrights a{/* color: #435675 !important; */ color: #aaa; background-color: #282828 !important; letter-spacing: 0.5px; }
#copyrights a:hover{ color:#0097dd !important; ; }

.footer-link .social-icons{  }
.footer-link .social-icons a:last-child{ margin-right: 0; }
.social-icon.si-small:hover i:first-child{ margin-top: -20px; }
.social-icon{ margin: 0 10px 10px 0; }
.social-icon.si-small{font-size: 12px; width: 20px;height: 20px;line-height: 20px !important; }

.socials a{ position: relative;display: inline-block;margin: 0 5px; }
.socials a .qrcode{ width:100px;height:100px;overflow:hidden;display: none;position: absolute;top: -110px;left: 1px;z-index: 999;animation: qr .45s ease;animation-fill-mode: forwards; }
.socials a:hover .qrcode{ display: block; }
@keyframes qr{
	0%{ transform: translateY(50px) scale(0); transform-origin: bottom left;opacity: 0; }
	100%{ transform: translateY(0) scale(1); transform-origin: bottom left;opacity: 1;}
}

@media (max-width: 992px){
	#copyrights [class*='col-']:first-child,
	#copyrights [class*='col-']:last-child > div{ text-align: center; }
}

/* ———————————————————————单页面样式——————————————————————— */

/* 首页 */
/* slider */
.slider-index.fslider .slide h4{ font-size: 14px; }

/* 解决方案 */
.solution .overlay{ background-color: rgba(255, 255, 255, 0.65); }
.solution .overlay .desc{ position: absolute;top: 70%;left: 43%;-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 84%;color: #444; }
.solution .overlay .desc img{ max-width: 60px;opacity: 0.8; }
.solution-list > div .overlay{  background-color: transparent;  }
.solution-list > div i,
.solution-list > div h3{color: rgba(255, 255, 255, 0.75); }
.solution-list .normalbg{color: rgba(255, 255, 255, 1); background-color:rgba(000,000,000,0.3); margin:auto; width:78%;}

/* .solution-list{ box-shadow: 0 15px 30px rgba(0,0,0,.15);} */
.solution-list.row{ margin-left: -5px;margin-right: -5px; }
.solution-list [class*='col-']{ padding-left: 15px;padding-right: 15px;margin-bottom:30px;}
.solution-list .divcenter{ overflow: hidden; }
.solution-list .divcenter .image img{ transition: .9s ease; }
.solution-list .divcenter:hover .image img{ transform: scale(1.2); }
.solution-list .divcenter .overlay{ transition: 0.5s ease; }
.solution-list .divcenter .overlay h5{ transition-delay: 1s; }
.solution-list .divcenter .overlay span{ transition-delay: 2s; }
.solution-list .divcenter .overlay-text{ transform: translateY(30%);opacity: 0; }
.solution-list .divcenter:hover .overlay-title{ background-color: rgba(255, 255, 255, 0.95);  }
.solution-list .divcenter .overlay-title h3{ transition: 0.5s ease; }
.solution-list .divcenter:hover .overlay-title h3{ opacity: 0; }
.solution-list .divcenter:hover .overlay-text{ transform: translateY(0%);opacity: 1; }
.solution-list .divcenter .overlay-text div{ max-width: 100%; }
.solution-list .divcenter .overlay-text h3{ color:#00377c;}
.solution-list .divcenter .overlay-text h5{ font-size: 14px;width: 64%;height:62px;overflow:hidden;margin:20px auto 30px auto !important;color: #000;font-weight: normal; }
.solution-list .divcenter .overlay-text p{ font-size: 14px;line-height: 1.4;color: #000; }
.solution-list .divcenter .overlay-text .btn-fangan{
  background-color: #0bc2ef;
  padding: 10px 20px;
  border-radius: 0;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
} 
.solution-list .divcenter .overlay-text .btn-fangan i{ display: none;background: url('../images/icons/solution-more.png') no-repeat;width: 27px;height: 24px;position: relative;top: 9px;left: -8px; }

@media (min-width: 992px) and (max-width: 1199px){
	.solution-list .divcenter .overlay-text h5{ width: 90%;font-size: 13px;margin: 20px auto 20px auto !important; }
}


/*新闻动态*/
.newsbox{ width:100%;} 
.newsbox li > a{ display:block;position: relative;}
.newsbox ul li .news-bgtitle{ position:relative; z-index:3;transition:.45s ease;overflow: hidden;}
.newsbox ul li .news-bgtitle:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: 0.65s ease;
	-moz-transition: 0.65s ease;
	-ms-transition: 0.65s ease;
	transition: 0.65s ease;
}
.newsbox li:hover .news-bgtitle:before{ 
	background-color:rgba(255,255,255,0.9); 
	box-shadow: 0px 0px 1px #aaa;
} 
.newsbox ul li .news-bgtitle .news-time{ display:block; position:absolute; left:20px; top:20px; z-index:1; color:#fff;}
.newsbox ul li:hover .news-bgtitle .news-time{ color: #333 !important; }
.newsbox ul li .news-bgtitle h1 {
	margin-bottom: 0;
	font-size: 16px;
	bottom: 60px;
	padding-top: 10px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 1.6;
	text-align: left;
	max-height: 75px;
	overflow: hidden;
	text-overflow: ellipsis;   /* 省略号代替 */
	display: -webkit-box;  
	-webkit-line-clamp: 3; /* 显示行数 */
	-webkit-box-orient: vertical;
	padding:5px 10px;
}
.newsbox ul li .news-bgtitle img{ width: 100%; } 
.newsbox ul li:hover .news-bgtitle h1{ color:#333; }
.newsbox ul li .news-bgtitle p{ padding:0 20px;position: absolute;bottom:10px;color:#209fe2;font-size: 12px; }
@media screen and (max-width: 991px){
	.newsbox ul li .news-bgtitle h1{ font-size: 14px;height: auto; }
}



/* 发展历程  首页&关于 */
#related-portfolio.owl-carousel .owl-nav [class*=owl-]{
	top: 27%;
	margin-top: -40px;
	font-size: 45px;
}
#related-portfolio.owl-carousel .owl-nav .owl-prev{ left: -30px !important; margin-top: -18px; }
#related-portfolio.owl-carousel .owl-nav .owl-next{ right: -30px !important; margin-top: -18px;}
#related-portfolio .oc-item h2{ 
	color: #999;
	margin: 20px auto 45px; 
	text-align: center;
	font-weight: 100;
	position: relative;
}  
#related-portfolio .oc-item h2:before {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background-color: #0078f0;
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
}
#related-portfolio .oc-item h2:after{
	content: "";
	display: block;
	background:#0078f0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	bottom: -29px; 
	left: 50%;
	transform: translate(-50%,-50%); 
	margin-top: 17px;
	z-index: -1;
} 
#related-portfolio .oc-item p{ padding: 0 20px; font-size: 14px; color: #7d7d7d; text-align: left; }

@media (min-width: 992px) and (max-width: 1199px){
	#related-portfolio.owl-carousel .owl-nav [class*=owl-]{ margin-top: 10px !important; }
}


/* 合作伙伴  & （关于奥比）投资机构 */
#partner-images .oc-item{ margin-top: 5px; }
#partner-images .oc-item img{ box-shadow: 0px 0px 1px #a2a9ad; transition: .45s ease; }
#partner-images .oc-item img:hover{ box-shadow: 0px 0px 12px 0px #a2a9ad; }
#partner-images .oc-item h5{ padding-top: 10px;color: #999; }

@media (max-width: 991px){
	#partner-images{ margin-top: 30px !important;margin-bottom: 30px !important; }
}

/* ————————加入我们———————— */ 

/* 人在奥比 */
.joinus-page .owl-carousel .oc-item img{ transition: .75s ease; }
.joinus-page .owl-carousel .oc-item [class*='col-']:hover img,
.joinus-page .owl-carousel .oc-item [class*='col-']:hover img{ transform: scale(1.1);cursor: zoom-in; }
.joinus-page .owl-carousel .oc-item h5{ margin-top: 5px; line-height: 40px; background: #666; color: #fff; font-size: 16px; font-weight: normal; transition: .5s; }
.joinus-page .owl-carousel .oc-item [class*='col-']:hover h5{ background-color: #0078f0; }

.joinus-page .section1 h5{ margin-bottom: 0; position: absolute; bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.5); width: 100%;line-height: 50px;text-align: center;font-size: 16px;color: #fff; }
.joinus-page .section1 img{ transition: .75s ease;width: 100%; }
.joinus-page .section1 img:hover{ transform: scale(1.1);cursor: zoom-in; }

.joinus-page .section4{ background-color: #f1f1f2; }
.joinus-page .section4 .owl-carousel h5{ font-size: 25px;margin-bottom: 10px; }
.joinus-page .section4 .owl-carousel h5 span{ padding-left: 50px;font-size: 14px;color: #999; }
.joinus-page .section4 .owl-carousel .desc{ background-color: #fff; }
.joinus-page .section4 .owl-carousel .desc > div{ padding: 10px 20px; }
.joinus-page .section4 .owl-carousel .desc p{ text-align: justify;line-height: 1.6 !important;color: #999;margin-bottom: 0;min-height: 120px;max-height: 120px;}
.joinus-page .section4 .owl-carousel .oc-item img{ transition: 1s ease; }
.joinus-page .section4 .owl-carousel .oc-item:hover img{ transform: scale(1.05);cursor: zoom-in; }
.joinus-page .section4 .owl-carousel .oc-item:hover .desc{ background-color: #0078f0; }
.joinus-page .section4 .owl-carousel .oc-item:hover h5,
.joinus-page .section4 .owl-carousel .oc-item:hover h5 span,
.joinus-page .section4 .owl-carousel .oc-item:hover .desc p{ color: #fff; }


/* 社会、校园招聘 */
.select_box{ width:100%; position:relative; } 
.select_box > i{ position: absolute;right:20px;line-height: 60px;color:#ccc; font-size: 20px;}
.select_box input { cursor: pointer; display: block; line-height: 60px; width: 100%; height: 60px; overflow: hidden; border: 1px solid #ccc; padding-left: 20px;font-size: 16px; }
.select_box ul{ width:100%;height:240px;max-height:240px;overflow-y:auto;position:absolute;z-index: 1; left:0; top:100%; border:1px solid #ddd; background:#fff; overflow-x: hidden;}
.select_box ul li{ display:block;line-height:40px;overflow:hidden;padding-left:20px;width:100%;cursor:pointer;}
.select_box ul li:hover{ background:#eee;} 

.jobs-list .bg{ background: #f8f8f8; line-height: 40px; margin-bottom: 2px !important; }
.jobs-list .bg:first-child{ font-weight: bold;font-size: 16px; padding-left: 5px; }  
.jobs-list .bg + .bg .row [class*="col-"]:first-child{ color: #444; }
.jobs-list .bg + .bg .row.grey{ background-color: #eee; }
.jobs-list .bg > div{ border: none; line-height: 60px; }
.jobs-list .btn-detail{ background-color: #0078f0; color: #fff; padding: 5px 40px; border-radius: 3px; }
.jobs-list .btn-detail:hover{ background-color: #0097dd; }
.jobs-list .btn-detail.switch{ background-color: #cfd2d3 !important; }
.jobs-list .cont > div{ padding: 0 20px; }
.jobs-list .cont > div p{ margin-bottom: 10px;color: #666; }

.jobs-list .bg + .bg > div{ border: none; }

@media (min-width: 768px){
	.jobs-list .bg + .bg .row [class*="col-"]:first-child{ border-left: 3px solid #0078f0;}
}
@media (max-width: 991px){
	.select_box input{ height: 40px;line-height: 40px;font-size: 14px; }
	.select_box > i{ line-height: 40px; }
	.jobs-list .btn-detail{ padding: 5px 30px; }
}


/* 关于我们 */
.aboutus-page .contact h3.heading{ border-bottom: 1px solid #ddd;font-weight: normal; }
.aboutus-page .contact h3 + div.item > div{ line-height: 60px; border-left:3px solid  #0078f0;margin-bottom: 2px;background-color: #f8f8f8;font-size: 16px;font-weight: 700;color: #666; }

@media (max-width: 767px){
            .aboutus-page .contact h3 + div.item > div{ font-size: 14px; }
         
        }
		
.aboutus-page .contact .item img{ padding-left: 20px;padding-right: 20px;padding-bottom: 4px; }

.aboutus-page .contact .map .row{ position: relative; } 
.aboutus-page .contact .map .row [class*='col-']{ position: static; }
.aboutus-page .contact .map .icons{ position: absolute;bottom: 0;left: 10px;opacity: 0.5; display: none; }
.aboutus-page .contact .map .icons li{ display: inline-block;width: 30px;height: 30px;background-position: center !important;background-repeat: no-repeat !important;margin-right: 10px; }
.aboutus-page .contact .map .icons li:nth-child(1){ background: url('../images/icons/aboutus-mark.png'); }
.aboutus-page .contact .map .icons li:nth-child(2){ background: url('../images/icons/aboutus-mail.png'); }
.aboutus-page .contact .map .icons li:nth-child(3){ background: url('../images/icons/aboutus-call.png'); }

/* .aboutus-page .slogen [class*='col-']:first-child > div{ float: right; }
.aboutus-page .slogen [class*='col-']:last-child > div{ float: left; } */
.aboutus-page .slogen div h3{    
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: 100;}
.aboutus-page .slogen div h4{ color: #999;font-weight: normal;font-size: 14px; }

.aboutus-page .wrap-culture .item{ background-color: #f1f1f2;margin-bottom: 20px;/* border-bottom: 1px solid #0078f0; */ position: relative; }
.aboutus-page .text{ padding:70px 20px 30px 40px; } 
.aboutus-page .text h2{ margin-bottom: 10px; font-size: 80px;font-weight: lighter;text-align:center; }
/* .aboutus-page .text p{ margin-bottom: 0;padding-left: 22px;position: relative; line-height: 1.8; }
.aboutus-page .text p:before{ content: "";display: block;width: 15px;height: 15px;background-color: #ccc;position: absolute;left:0;top: 4px;border-radius: 50%; } */ 
.aboutus-page .image{ overflow: hidden; }
.aboutus-page .image img{ transition: .75s ease; }
.aboutus-page .image:hover img{ transform: scale(1.1); }

.wrap-culture .item:nth-child(odd) [class*="col-"]:first-child{ padding-right: 0; }
.wrap-culture .item:nth-child(odd) [class*="col-"]:last-child{ padding-left: 0; }


/* 复数互换位置 */
.wrap-culture .item:nth-child(even) [class*="col-"]:first-child{ float: right;padding-left: 0; }
.wrap-culture .item:nth-child(even) [class*="col-"]:last-child{ float: left; padding-right: 0; }



/* 公司简介 */ 
/* heading */
.wrap-company .heading{ padding-top: 50px; }
.wrap-company .heading h1{
	
    border-bottom: 1px solid #eee;
    padding-bottom:20px;
    font-weight: normal;
    display: block;
    text-transform: uppercase;
    color: #444;
    line-height: 2em;
    font-size: 30px;
    letter-spacing:2px;
    margin-bottom: 5px;
 }
 
 @media (max-width: 991px){
 .wrap-company .heading h1{

    font-size: 20px;
 }
 }
 
.wrap-company .heading span{ display: block;font-size: 30px;color: #333;letter-spacing: 2px;font-weight: normal; }


.wrap-company .cont2 .padding{ padding:60px 0; }
.wrap-company .cont2 .padding h1{ font-weight: lighter !important;font-size: 45px; }
.wrap-company .cont2 .padding span{ display: block;font-size: 18px;color: #999; }

.wrap-company .cont3 > div:before{ content: "";display: block;position: absolute;top:0;right:0;bottom:0;left:0;background-color: rgba(36, 79, 154, 0.8);}
.wrap-company .cont3 .padding h1{ font-family:"SYHT-Light", "SYHT-Normal",sans-serif;font-weight: lighter !important;font-size:65px; }
.wrap-company .cont3 .padding span{ display: block;font-size: 32px;color: #fff; }
.wrap-company .cont3 .padding p{ color: #ccc; }

.wrap-company .cont5 .container .heading-block h3{ font-weight: bold; }
.wrap-company .cont5 .container .heading-block:after{ width: 90px;border-top: 1px solid #0078f0; }
.wrap-company .cont5 .container .heading-block + div{ color:#a2a9ad;}


/* 核心优势 */
#cont-youshi .heading h1{ color: #FFF;font-weight: normal;border-bottom-color: rgba(255, 255, 255, 0.1) }
#cont-youshi .heading h1 span{ color: #FFF; }
#cont-youshi .image img{ opacity: 0.75; }
#cont-youshi .desc h3{ color: #fff;padding: 10px 0;font-weight: normal; }
#cont-youshi .desc p{ color: #ddd; }


#owl-honor.owl-carousel .oc-item > div{ border: 1px solid #eee;  }
#owl-honor.owl-carousel .oc-item img{ transition: .75s ease;}
#owl-honor.owl-carousel .oc-item:hover img{ transform: scale(0.95); }
#owl-honor.owl-carousel .oc-item > h5{ margin-top: 10px; line-height: 40px; background: #666; color: #fff; font-size: 16px; font-weight: normal; transition: .5s; padding:0 10px;}
#owl-honor.owl-carousel .oc-item:hover > h5{ background-color: #0078f0; }


#owl-leader.owl-carousel .oc-item img{ transition: .75s ease; }
#owl-leader.owl-carousel .oc-item:hover img{ transform: scale(1.1); }
#owl-leader.owl-carousel .oc-item > h5{ margin-top: 10px; line-height: 40px; background: #666; color: #fff; font-size: 16px; font-weight: normal; transition: .5s; }
#owl-leader.owl-carousel .oc-item:hover > h5{ background-color: #0078f0; }


@media (max-width: 991px){
	/* 企业文化 */
	.aboutus-page .slogen{ margin: 30px 0 !important; }
	.aboutus-page .slogen h3{ font-size: 16px; }
	.aboutus-page .slogen h5{ font-size: 12px; font-weight: normal; }

	.wrap-culture .item:nth-child(odd) [class*="col-"]:first-child,
	.wrap-culture .item:nth-child(even) [class*="col-"]:last-child{ padding-right: 15px; }
	.wrap-culture .item:nth-child(odd) [class*="col-"]:last-child,
	.wrap-culture .item:nth-child(even) [class*="col-"]:first-child{ padding-left: 15px; }

	.aboutus-page .text{ padding: 10px; }
	.aboutus-page .text h2{ margin-bottom: 10px !important; }
	.aboutus-page .text p{ text-align: justify; }


	/* 联系我们 */
	.aboutus-page .contact{ margin-top: 10px !important; }
	.aboutus-page .contact .items{ margin-bottom:30px !important; }
	/* .aboutus-page .contact .items [class*='col-']:last-child{ margin-top:30px; }
	.aboutus-page .contact .items [class*='col-'] .item{ margin-top: -10px !important; }  */
	[id*='allmap']{ height: 200px !important; }
}
@media (max-width: 767px){
	.aboutus-page .slogen h3{ font-weight: 600 !important; }
}


/* ————公司动态———— */  

/*news*/
.news-cont{ width:990px;max-width: 990px;background: #f8f8f8;float: right;border: 3px solid #fff;position: relative;transition: 1s; margin: 3% 0%;}

.news-cont .text{ padding:10px 40px 10px 30px;}
.news-cont .text .title{ margin-bottom: 3px;line-height: 1; }

@media (max-width: 991px){
	.news-cont .text .title{ padding: 10px 5px; }
}

.news-cont .text .title a{color: #444;font-size: 16px; }
.news-cont .text .title:hover a{ color: #0078f0; }
.news-cont .text ul{padding: 3px 0;border-bottom:1px solid #ddd;float: left;width: 100%;margin-bottom: 20px;}
.news-cont .text ul li{float: left;font-size: 14px;color: #777;margin-right: 20px;}
.news-cont .text ul li img{ padding-right: 5px;margin-bottom: 3px;}
.news-cont .text p{ color:#666; height:25px;overflow:hidden;}
.news-cont .text >a { /* float: right; */ display:block;margin-top: 20px;}
.news-cont .text > a span{ color: #777;border-bottom: 1px solid #ddd;margin-left: 5px;padding-bottom: 1px;}
.news-list:hover:after{border-color: #0078f0;transition: .45s;}
.news-list:hover .news-cont{background: #fff;transition: .45s;}
.news-list .poster{ overflow: hidden; }
.news-list .poster img{ transition: .8s ease; width: 100%; }
.news-list:hover .poster img{ transform: scale(1.2); }

.news-cont2{ padding-left:180px;padding-top: 50px;font-size: 24px;position: relative;}
.news-cont2 a{color: #333;text-decoration: underline !important;}

@media (min-width: 992px){
	.news-list:before{ content: "";background: #cfd2d3;position: absolute;left: 72px;top: 0;bottom: 0;height: 100%;width: 1px;display: block;transition: .45s;}
	.news-list:after{content: "";background: #fff;width: 20px;height: 20px;-moz-border-radius: 50%;border-radius: 50%;border: 2px solid #cfd2d3;display: block;position: absolute;left: 62px;top: 50%;z-index: 9;transition: .45s;
		-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
	
	.news-cont2 span{display: block;position: absolute;left: 85px;bottom: 0;width: 30px;height: 30px;border: 2px solid #0078f0;border-radius: 50%;background: #fff;}
	.news-cont2:before{content: "";display: block;height: 100%;width: 1px;position: absolute;left: 100px;background: #cfd2d3;top: 0;}
	.news-cont2 span:before{content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 15px;height: 1px;background: #0078f0;}
	.news-cont2 span:after{content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 1px;height: 15px;background: #0078f0;}

}
@media (max-width: 991px){	
	.news-cont{ max-width: 100%;padding-bottom: 10px;margin-bottom:10px; }
	.news-cont .text{ padding: 20px 0px; }
	.news-cont .text ul{ padding-top: 10px; margin-bottom: 0; }
	.news-cont .text .title a{ font-size: 16px; }
	.news-cont .text p{ margin-top: 10px !important; -webkit-line-clamp:1;}

	.news-cont2{ padding-left: 0;text-align: center;padding-top: 20px;padding-bottom: 30px;font-size: 16px; }
}
@media (max-width: 767px){
	.news-cont .text{ padding-top: 0; }
	.news-cont .text .title a{ font-size: 16px; }
	.news-cont .text ul li{ font-size: 14px; padding-left:5px;}
	.news-cont .text p{ font-size: 14px; }
	.news-cont .text > a{ display: none; }

}


/* 宣传视频 */
.video-list .box{ border-top: 5px solid transparent;margin-bottom: 25px;transition: .54s ease; }
.video-list .box:hover{ border-top-width: 5px;border-top-color: #0078f0; }
.video-list .box .poster:before{ content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 1;opacity: 0; transition: .45s; }
.video-list .box:hover .poster:before{ opacity: 1; }
.video-list .box .icon-play{ position: absolute;top:50%;left:50%; z-index: 1; transform: translate(-50%,-50%);font-size:30px;opacity: 0;transition: .45s; }
.video-list .box:hover .icon-play{ opacity: 1; }
.video-list .box .poster img{ transition: .85s ease; }
.video-list .box:hover .poster img{ transform: scale(1.1); }
.video-list .poster img{ width: 100%; }
.video-list .desc{ background-color: #f9f9f9;padding:10px 15px; }
.video-list .desc h4{ margin-bottom: 5px !important;font-weight: normal; }
.video-list .desc h4 a{ color: #333;font-size: 16px; }
.video-list .box:hover .desc h4 a{ color: #0078f0; }
.video-list .inlineBlock{ margin-right: 30px;color: #aaa; }
.video-list .inlineBlock img{ padding-right: 5px;margin-bottom:3px; }

@media (max-width: 767px){
	.video-list .desc h4 a{ font-size: 14px; }
	.video-list .inlineBlock{ font-size: 12px; }
}


/* 新闻详情 */
/* news-details */
.news-content{ background: #fafafb;padding: 150px 160px;}
.news-content .heading{ font-size: 30px;color: #000;margin-bottom: 30px;color: #333;font-weight: 600;}
.news-content .msg img{ padding-right: 5px;margin-bottom: 3px; }
.news-content .msg li{ float: left;margin-right: 20px;} 
.news-content p{ font-size: 16px;color: #333;margin-bottom:10px; text-align: justify;}
.fenxiang{ padding-top: 20px;}
.fenxiang span{ font-size: 16px;color: #777;display: block;margin-bottom: 10px;}
.fenxiang .social-icon{ width: 21px;height: 21px;background: #22489a;line-height:21px !important;color: #fff;}
.fenxiang .social-icon:hover i:first-child{color: #fff;margin-top: -21px !important;}

.related-news .heading h5{ font-size: 16px;color: #777;font-weight: normal;margin-top: 50px; margin-bottom: 30px;}
.related-news .oc-item > a{ display: block;padding: 20px 5px;background: #fafafb;border-bottom: 1px solid transparent;}
.related-news .oc-item > a:hover{ background: #f5f5f5; border-bottom-color: #0078f0;}
.related-news .oc-item{ padding:0 15px;}
.related-news .oc-item .title{ font-size: 18px;color: #000;line-height: 21px; }
.related-news .oc-item ul{ border-bottom: 1px solid #ddd;padding: 3px 0;overflow: hidden; }
.related-news .oc-item ul li{font-size: 12px;float: left;margin:10px 20px 0 0;color: #777;}
.related-news .oc-item ul li img{ padding-right: 5px;margin-bottom: 3px; width: auto !important;display: inline-block !important;}
.related-news .oc-item p{ color: #777;font-size: 13px;margin-bottom:0 !important;}
.related-news .more{font-size: 13px;color: #777;padding:0 !important;margin-top: 15px;}
.related-news .more img{width: auto !important;display: inline-block !important;}
.related-news .more span{ margin-left:5px;border-bottom: 1px solid #ddd;padding-bottom: 1px;}

@media (max-width: 991px){
	.news-content{ padding:70px 10px 20px; }
	.news-content .heading{ font-size: 16px;padding-top: 20px;margin-bottom: 20px; }
	.news-content .msg{ margin-bottom: 20px; }
	.news-content .msg li{ font-size: 12px; }
	.news-content p{ font-size: 13px; }
	.related-news .oc-item .title{ padding-top: 10px;font-size: 16px; }
	.related-news .oc-item > a{ padding: 20px 0; }
}


/* 新闻分享 */
.jiathis_style_24x24 > a{ display: inline-block;width: 30px;height: 30px;background-color: #11459d;border-radius: 3px; }
.jiathis_style_24x24 .jtico{ background: url('../images/icons/icons-share.png') no-repeat !important;width: 24px;height: 24px;margin: 2px; border-radius: 3px; }
.jiathis_style_24x24 .jtico_weixin{ background-position:0 0 !important;}
.jiathis_style_24x24 .jtico_linkedin{ background-position:-24px 0 !important;}
.jiathis_style_24x24 .jtico_twitter{ background-position:-118px 0 !important; }
.jiathis_style_24x24 .jtico_fb{ background-position:-46px 0 !important; }
.jiathis_style_24x24 .jtico_googleplus{ background-position:-69px 0 !important;}
.jiathis_style_24x24 .jtico_tsina{ background-position:-96px 0 !important; }


/* service-page 服务与支持 */
.aside ul{ border-left: 1px solid #ccc; line-height: 50px;padding-top: 10px;padding-bottom: 10px; }
.aside ul li{ padding-left: 20px; border-left: 3px solid transparent; margin-left: -4px; }
.aside ul li.active,
.aside ul li:hover{ border-left-color: #0078f0; }
.aside ul li a{ color: #444;font-weight:normal; }
.aside ul li.active a,
.aside ul li:hover a{ color: #0078f0; }

/* download */
.service-page table{ margin: 5px 0;  }
.service-page .table > tbody > tr{ margin-bottom: 1px; background-color: #f8f8f8;overflow: hidden;  }
.service-page .table > tbody > tr:after{ content: ""; display: block; width: 1200px; height: 1px; background-color: #fff; position: absolute; left: 0; }
.service-page .table > tbody > tr:first-child > td{font-weight: 600; font-size: 16px; }
.service-page .table > tbody > tr > td{  border-color: #fff;line-height: 2.2;padding-left: 10px;}
.service-page .table > tbody > tr:not(:first-child) > td:first-child{ overflow: hidden; border-left: 5px solid #0078f0; } 

/* sale */
.article p{ margin-bottom: 10px; }
.article h5.title{ border-bottom: 1px solid #ccc;padding-bottom: 20px; }

.service-page div.item > div{ line-height: 60px; border-left: 3px solid #0078f0; margin-bottom: 2px; background-color: #f8f8f8; font-size: 16px; font-weight: 700; color: #333; }
.service-page div.item img{ padding-left: 20px;padding-right: 20px;padding-bottom: 4px; }

.article .message h4{     
	background-color: #f8f8f8;
    border-left: 3px solid #0078f0;
    padding-left: 20px;
    line-height: 60px;
    color: #5b6670;
    font-weight: 100;}

.article .message input,
.article .message textarea{ border: none;border-bottom: 1px solid #ccc; }


/* faq */
.togglet:after{ content:"";display:block;width:30px;height:30px;position:absolute;right:30px;top:15px;background: url('../images/toggle-arrow.png') no-repeat;background-position:98% center;transition: .2s ease; }
.togglet.active:after{ transform: rotate(-180deg); }



@media (max-width: 991px){
	.aside{ margin-top:30px !important; }
	.aside + .article{ margin-top: 20px !important; }
	.aside ul li{ display: inline-block;margin-left: 0;border-left: none;padding-left: 0;margin-left: 10px; border-bottom: 2px solid transparent;}
	.aside ul li.active,
	.aside ul li:hover{ border-bottom-color: #0078f0;line-height: 30px }

	.article .message h4{ font-size: 16px; }
	.aside + .article .item{ margin-top:0px !important; }
	.aside + .article  [class*='col_one_sixth']{ width: 48%;float: left;margin-right:4%;}
	.aside + .article  [class*='col_one_sixth']:last-child{ margin-right: 0; }
}
@media (max-width: 767px){
	.service-page .table > tbody > tr:first-child > td{ font-size: 14px; }
	.service-page .table > tbody > tr:not(:first-child) > td:first-child{ font-size: 12px; }
	.service-page .table > tbody > tr > td{ line-height: 2; }

	.togglet:after{ right: 10px;top: 10px; }
}


/* 解决方案 */

/* solution start */
.solution-info { position: relative; }
.solution-info:before{ content: "";display: block;width: 4px;height: 30px;background-color: #0078f0;position: absolute;top: 120px;left: 110px; }
.solution-info:after{ content: "";display: block;width: 4px;height: 30px;background-color: #fff;position: absolute;top: 150px;left: 110px; }
.solution-info > div:before { content: ""; display: block; width: 90%; height:350px;position: absolute; bottom: 0; background: #2065d8; }
.solution-info > div h3 { color: #fff;font-size: 35px }
.solution-info > div p { color: #fff;font-size: 15px }
.solution-info > div { height: 500px; }
.solution-info > div > .col-md-6:first-child{ position: absolute; bottom: 60px; }
.solution-info > div > .col-md-6:last-child { position: absolute; right: -15px; }
.solution-info > div .col-padding{ padding-bottom: 30px; }
.solution-info .image img { position: absolute; bottom: 50px; width: 70%;right: 20px;box-shadow:0 0 10px 0 #999;}
.solution-info > h1 { font-size: 72px; color: #ddd; text-transform: uppercase; position: absolute;font-weight: normal; }

/* 方案优势 */
.fangan-content{ max-width: 92%;margin:0 auto;} 
.fanganChild{ float: left; padding-left: 6px; padding-right: 6px;}
.fangan-content .desc > div{ margin-bottom: 20px;overflow: hidden; }
.fangan-content .desc img{ width: 100%; transition:0.9s ease;}
.fangan-content .desc:hover img{ transform: scale(1.1); }
.fangan-content .desc h4:after{ content: '';display: block;width: 40px;height: 2px; margin:10px auto;background-color: #ddd;display: none; }
.fangan-content .desc p{ color: #666;padding: 0 20px; text-align:left;}


/* 合作案例 */
/* #cooperation .owl-carousel .owl-item img{ border:1px solid #eee; } */
.cooperation-list .col_one_fifth{ width: 18%;margin-right: 2.5%;margin-bottom: 30px; position: relative; }
.cooperation-list [class*='col_']:nth-child(5n){ margin-right: 0 !important;clear: right; }
.cooperation-list img{ border:1px solid #eee; }
.cooperation-list p{ color: #999;margin-top: 5px; }


/* 应用场景 */
#scenario{ /* background: #f0f0f0; */}
/* .scenario .head-sm{ margin-bottom: 50px; } */
/* .scenario .head-sm h2 { font-size: 35px; } */
.picleft{ background-color: #f0f0f0;}
.picright { background-color: #fff; }
.picright img{ float: right; }
.head-sm span {     
	font-weight: normal;
    display: block;
    text-transform: capitalize;
    color: #a9a9a9;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 5px;
}
.scenario article { transition: 0.5s }   
.scenario article .col-padding{ padding: 40px; }
.scenario article .col-padding img{ width: 100%; }
.scenario article .col-padding .text{ height: 100%;padding:0px 32px 0;line-height: 2; }
.scenario article .col-padding .text h3{ margin-bottom: 5px; }

@media (max-width: 767px){
            .scenario article .col-padding .text h3{ font-size:16px;overflow:hidden; height:30px;}
         
        }
		
.scenario article .col-padding h1{ font-family:"SYHT-Light",sans-serif;font-size: 130px;line-height:1.8;font-weight: lighter;margin-bottom: 0;color: #999;text-align: center; }
.scenario article.picright .col-padding h1{ text-align: center; }
.scenario article .col-padding p{ color: #666; font-size:14px;line-height:2em;}
@media (max-width: 767px){
            .scenario article .col-padding p{ font-size:14px!important;}
         
        }


/* 合作案例 */
.cooperation-slider:hover hr { border-color: #2065d8; }


/* 产品页 */
.slider-product .owl-item h1{     
	font-size: 36px;
    margin-bottom: 0;
    letter-spacing: 1px; }
.slider-product .color-blue h1{ color: #0078f0; }
.slider-product .color-blue h4{ color: #7d7d7d; letter-spacing: 1px;}
.slider-product .color-white h1,
.slider-product .color-white h4{ color: rgba(255, 255, 255, 0.77);  letter-spacing: 1px; }
.slider-product .owl-item .slider-caption-left{ text-align: left; }
.slider-product .owl-item .slider-caption-center{ text-align: center; }
.slider-product .owl-item .slider-caption-right{ text-align: right; }
.slider-product .owl-item.active .container h1,
.slider-product .owl-item.active .container h4,
.slider-product .owl-item.active .btn-buy{ animation: fadeToTop .75s ease 0.6s;opacity: 0;animation-fill-mode: forwards; }
.slider-product .owl-item.active .container h4{ animation-duration: 1s; }
@keyframes fadeToTop {
	0% { transform: translateY(100px); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}
.slider-product .owl-item.active .container img{ animation: fadeInBig 1.2s ease 0.6s;opacity: 0;animation-fill-mode: forwards; } 
/* .slider-product .owl-item [class*='text-']{ margin-top: 55px; } */
@keyframes fadeInBig{
	0% { transform: scale(0.5); opacity: 0; }
	100% { transform: scale(1); opacity: 1; }
}

/* 标题heading */


/* 产品介绍 */
#introduction .heading{ margin-top: 120px!important;margin-bottom: 40px; }

@media (max-width: 767px){
            #introduction .heading{ margin-top: 80px!important; }
            
        }
		
#introduction .heading h2{ font-weight: normal; color:#444;letter-spacing: 1px;font-family:}
#introduction .heading h2 span{     
	font-weight: normal;
    display: block;
    text-transform: capitalize;
    color: #7d7d7d;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 5px; }

#introduction > div .divcenter:not(.image){ padding: 20px 0 0; }
/* #introduction > div h1{ color: #555;text-transform: uppercase;line-height: 1; }
#introduction > div h1:first-child{ font-family: "SYHT-Light",sans-serif; }
#introduction > div h1 + h1{ font-size: 34px; }  */

/* 产品优势 */
#advantage .heading{ margin-top: 80px;margin-bottom: 40px; }
#advantage .heading h2{ font-weight: normal; }
#advantage .heading h2 span{ font-weight: lighter;display: block;text-transform: uppercase;color: #666;line-height: 1; }

.advantage-3d .container .row{ margin-left: -6px;margin-right: -6px; text-align: center;}
.advantage-3d .container .row > [class*="col-"]{ max-height: 481px; padding-left: 6px; padding-right: 6px;margin-bottom: 12px; }
.advantage-3d > div .desc{ padding:20px 30px; }
.advantage-3d > div .desc h3{     
    font-weight: bold;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 100;
    font-size: 22px;
}
.advantage-3d > div .desc .heading-block{ margin-bottom: 20px; }
.advantage-3d > div .desc .heading-block:after{ margin-top: 20px; border-top: 1px solid #fff; }
.advantage-3d > div .desc p{ color: rgba(238, 238, 238, 0.74); margin-bottom:0;height: 76px;min-height: 76px;max-height:76px; padding:0;}  

.advantage-ar .items [class*='col-']{ margin: 40px 0 0 0;padding-bottom:10px;/* border-left: 1px solid rgba(238, 238, 238, 0.4); */ }
/* .advantage-ar .items [class*='col-']:nth-child(3n){ border-right: 1px solid rgba(238, 238, 238, 0.4); } */
.advantage-ar .items .desc h3{    
    margin: 20px 0 10px 0;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 100;}
.advantage-ar .items .desc p{ margin-bottom: 0; color: #eee; }
.advantage-ar .items [class*='col-'] .image img{ transition: .45s ease; }
.advantage-ar .items [class*='col-']:hover .image img{ transform: scale(1.15); }



/* 应用场景 （产品功能） */
#application .heading{ padding-top: 30px;margin-bottom: 40px; }
#application .heading h2{
	color: ##2c2a2a;    
	font-weight: normal;
    letter-spacing: 1px;
	margin-top:30px;
}
#application .heading h2 span{     
	font-weight: normal;
    display: block;
    text-transform: capitalize;
    color: #828a94;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

.application-3d .heading h2 span{ color: #666; }
.application-3d .items{ height: 500px;}
/*.application-3d .items [class*='col-']{ margin: 20px 0 30px 0; }*/
.application-3d .items .desc h3{ font-weight: normal; margin: 15px 0 10px 0;text-align:justify; }
@media (max-width:991px) {
    .application-3d .items .desc h3 { font-size:14px!important;}
}

.application-3d .items .desc p{ padding: 0 60px;margin-bottom: 0; }
/* .application-3d .items [class*='col-'] .image > img{ transition: .5s ease; }
.application-3d .items [class*='col-']:hover .image > img{ transform: scale(1.2); } */

/* .application-ar .heading h1,
.application-ar .heading h1 span{ color: #fff;} */

.application-ar .container .row{ margin-left: -6px;margin-right: -6px; }
.application-ar .container .row > [class*="col-"]{ max-height: 481px; padding-left: 6px; padding-right: 6px;margin-bottom: 12px; }
.application-ar > div [class*='col-'] .image:before{ content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.1); }
.application-ar > div .desc{ background-color: #f3f3f3; padding:20px 30px; }
.application-ar > div .desc h3{     
	color: #2c2a2a;
    letter-spacing: 1px;
    font-weight: 100;}
.application-ar > div .desc .heading-block{ margin-bottom: 20px; }
.application-ar > div .desc .heading-block:after{ margin-top: 20px; border-top: 1px solid #666; }
.application-ar > div .desc p{ margin-bottom:0;height: 81px;min-height: 81px;max-height:81px; padding:0 10px;}
.application-ar > div .vertical-middle h3{ text-transform: uppercase;font-weight: lighter;color: #2c2a2a; } 
.application-ar > div .vertical-middle h3:last-child{ font-weight: bold; }

@media (min-width: 992px) and (max-width: 1199px){
	.application-3d .items .desc p{ padding:0 20px; }	
}



/* 产品功能 */
#gongneng .heading{ padding-top: 80px;margin-bottom: 40px; }
#gongneng .heading h2{    
	font-weight: normal;
    letter-spacing: 1px;}
#gongneng .heading h2 span{     
	font-weight: normal;
    display: block;
    text-transform: capitalize;
    color: #828a94;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 5px;
}


/* 详细参数 */ 
#parameter{ background-color: #f5f5f5; }
#parameter .heading{ padding-top: 80px;margin-bottom: 40px;  }
#parameter .heading h2{ font-weight: normal;color:#2c2a2a; letter-spacing: 1px; }
#parameter .heading h2 span{     
	font-weight: normal;
    display: block;
    text-transform: capitalize;
    color: #7d7d7d;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 5px;
    margin-bottom: 5px; }

.tab-product{ padding-bottom: 80px; }
.tab-product .shadow-box{ box-shadow: 1px 1px 6px 1px #ccc;background-color: #fff; }
.tab-product .tab-nav > li{ position: relative;height: 292px !important;background-color: #e1e1e1;box-sizing: border-box; }
.tab-product .tab-nav > li + li{ border-left: 2px solid #fff; }
.tab-product .tab-nav li a{ background-color: #e1e1e1;}
.tab-product .tab-nav li.ui-tabs-active:before{ content:"";display: none;background: linear-gradient(to right, #0050d6, #5a98ff);position: absolute;top: 0;left: 0;width: 100%;height: 8px; }
.tab-product .tab-nav li.ui-tabs-active,
.tab-product .tab-nav li.ui-tabs-active a{ background-color: #fff; }
.tab-product .tab-nav > li > a{ line-height: auto;height: 292px !important; }
.tab-product .tab-nav .center-box{ position:relative;margin-top:50px;  }
.tab-product .tab-nav li.ui-tabs-active .center-box li.active{ background-color: #eee; }
.tab-product .tab-nav li li{ width: 100px; height: auto; line-height: 1.8 !important; padding: 0; font-size: 12px; border: 1px solid #bbb;color: #bbb;font-weight: bold; border-radius: 12px;margin-right: 5px; } 

/* tab-content */
.tab-product .tab-wrap{ padding: 0 80px;padding-bottom:30px; }
.tab-product .action .fleft a{ display: inline-block; margin-right:35px;color: #c3c3c3;}
.tab-product .action .fleft a img{ padding-right: 12px;margin-bottom: 4px; }
.tab-product .action .fright > div{ display: inline-block; font-size: 14px;margin-bottom: -4px;}
.tab-product .action .fright > div.share-text{ position: relative;top: -9px; margin-right:10px;}
.tab-product .action .fright > div span{color: #c3c3c3; text-transform: uppercase;}
.tab-product .action .fright .social-icon{ margin-right:6px; }
.tab-product .action .fright .social-icon:last-child{ margin-right: 0; }

/* 3d体感摄像头 */
.parameter-3d table{ width: 99.9%;border: none; } 
.parameter-3d table tr td{     
	font-size: 14px;
    color: #7d7d7d;
    text-align: center;} 
.parameter-3d table tr td:first-child{ text-align:left; padding-left: 30px;vertical-align: middle; }
.parameter-3d table tr td[colspan]{ text-align: center; }

/* AR体感 */
.parameter-ar table{ width: 99.9%;border: none; } 
.parameter-ar table tr{ border-top: 1px solid #ddd; }
.parameter-ar table tr:last-child{ border-bottom: 1px solid #ddd; }
.parameter-ar table tr td{ font-size: 13px;color: #7d7d7d;text-align: left;border: none;padding: 30px 0 40px;line-height: 2; } 
.parameter-ar table tr td:first-child{
	text-align: left;
    padding-left: 30px;
    vertical-align: top;
    font-size: 20px;
    font-weight: normal;
    padding-top: 25px;
    color: #3a3a3a; }
.parameter-ar table tr td[colspan]{ text-align: center; }


/* 体感应用 */
.tigan-page .portfolio-carousel .owl-nav [class*=owl-]{ border-radius: 0;height: 100%;top: 16px; }
.tigan-page .portfolio-carousel .owl-prev,
.tigan-page .portfolio-carousel:hover .owl-prev{ left: 0; }
.tigan-page .portfolio-carousel .owl-next,
.tigan-page .portfolio-carousel:hover .owl-next{ right: 0; }
.tigan-page .portfolio-carousel .owl-nav [class*=owl-] i{ position: absolute;top: 50%;margin-top: -17px; }
.tigan-page .portfolio-carousel .owl-nav .owl-prev i{ left: 6px; }
.tigan-page .portfolio-carousel .owl-nav .owl-next i{ right: 6px; }
.tigan-page .portfolio-overlay{ background-color: rgba(0,0,0,0.7); }
.tigan-page .portfolio-overlay a{ margin-left: -20px;margin-top: -20px; background-color: transparent !important;}
.tigan-page .portfolio-overlay a [class*='icon-']{ font-size: 30px; }
.tigan-page .iportfolio:hover .portfolio-image img{ transform: translateY(0) scale(1.04) !important; }

.tigan-page .icon-button a{ color: #fff;font-weight: normal;background-color: #0bc2ef; }
.tigan-page .icon-button a:hover{ box-shadow:0px 0px 0px 2px #fff;color: #fff;background-color: transparent; }
.tigan-page .icon-button a i{ font-size: 24px; position: relative; top: 5px; margin-right: 10px; }
.tigan-page .heading{ margin: 50px 0 0; } 
.tigan-page .heading h1{ font-weight: normal; }
.tigan-page .heading h1 span{     
	font-weight: bold;
    display: block;
    text-transform: uppercase;
    color: #7d7d7d;
    line-height: 1;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 5px; }

.tigan-page .tab-nav.tab-game{ margin-left: -10px;margin-right: -10px; }
.tigan-page .tab-nav.tab-game li{ height: auto !important; padding-left: 10px;padding-right: 10px; width: 10%;height:100%;margin-bottom:10px !important; }
.tigan-page .tab-nav.tab-game li.ui-tabs-active a{ border: 5px solid #0078f0; border-radius: 15px; box-shadow: 2px 3px 10px 0px #333; transform: scale(1.05); }
.tigan-page .tab-nav.tab-game li a{ height: auto !important; padding: 0 !important;border-radius:10px;overflow: hidden; position: relative;}
.tigan-page .tab-nav.tab-game li:not(.ui-tabs-active) a:before{ content: "";display: block;background-color: rgba(0, 0, 0, 0.3);position: absolute;width: 100%;height: 100%;top:0;right:0;bottom:0;left:0;}  

.tigan-page .recommended-games .tabs{ margin-bottom:18px; }
.tigan-page .recommended-games .tab-nav.tab-game li{ width: 30%;min-width: 154px; }
.tigan-page .recommended-games .tab-nav.tab-game li:first-child{ padding-left: 5px; }
.tigan-page .recommended-games .tab-nav.tab-game li.ui-tabs-active a{ border-color: #fff; }
.tigan-page .recommended-games .text-box h3{ margin-bottom: 10px; }

.tigan-page .more-games .tab-nav{ margin-left: -10px !important;margin-right: -10px !important;  }
.tigan-page .more-games .tab-container{ padding-bottom: 50px; background-color: #c4d8ec;/* background: linear-gradient(to bottom , #3a3c44 , #4f5358); */}
.tigan-page .more-games .tab-container:before{ content: ""; display: block;position: absolute;top: 0;left: 50%;margin-left:-18px; width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-top: 16px solid #fff; }
.tigan-page .more-games .tab-container .text-box{ margin: 0 auto;color: #333; }
.tigan-page .more-games .tab-container .text-box h3{ color: #333; }
.tigan-page .more-games .tab-container .text-box p{ margin-bottom: 0 !important; color:#333;}

/* 产品分享 */
.product-page .jiathis_style_24x24 > a{ display: inline-block;width: 30px;height: 28px;background-color: #11459d;border-radius: 3px; }
.product-page .jiathis_style_24x24 .jtico{ background: url('../images/icons/icons-share.png') no-repeat !important;width: 24px;height: 24px;margin: 2px; border-radius: 3px; }
.product-page .jiathis_style_24x24 .jtico_weixin{ background-position:0 0 !important;}
.product-page .jiathis_style_24x24 .jtico_linkedin{ background-position:-24px 0 !important;}
.product-page .jiathis_style_24x24 .jtico_twitter{ background-position:-118px 0 !important; }
.product-page .jiathis_style_24x24 .jtico_fb{ background-position:-46px 0 !important; }
.product-page .jiathis_style_24x24 .jtico_googleplus{ background-position:-69px 0 !important;}
.product-page .jiathis_style_24x24 .jtico_tsina{ background-position:-96px 0 !important; }


.product-page .jiathis_style_24x24 .jiathis_button_linkedin{ display: none; }



/* 其他 */
.secondard-nav{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #7d7d7d;
    letter-spacing: 1px;
    margin-top: 10px;
	height:50px;
	text-align:center;
	font-weight: lighter;
}

.secondard-navv{
	font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #7d7d7d;
    letter-spacing: 1px;
    margin-top: 10px;
	height:50px;
	text-align:left;
}

.newmargin{
	margin-top: 10px;
}


.navtitlep{
	    margin-bottom: 20px;
}

@media (max-width: 991px){
	.secondard-nav{ font-size: 14px; }
}
@media (max-width: 767px){
	.secondard-nav{ font-size: 12px;margin-bottom: 0; }
}
@media (max-width: 479px){
	.secondard-nav{ font-size: 14px!important;font-weight: normal; letter-spacing:0;height:45px;}
}

/* 产品页 产品视频 */
.product-video{ display: block;position: relative;overflow: hidden; }
.product-video .overlay .overlay-wrap{ position: relative;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.2);opacity: 1; }
.product-video img{ transition: .75s ease;margin: 0 auto;display: block; }
.product-video:hover img{ transform:scale(1.2); }



@media (min-width: 992px) and (max-width: 1199px){
	.secondard-nav{ font-size: 15px; }
}


/* 列表页翻页样式 */

.dede_pages{
}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}