/*js代码(www.jsdaima.com)是IT资源下载与IT技能学习平台。我们拒绝滥竽充数，只提供精品IT资源！*/

@charset "utf-8";

html, body, div, span, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, video {

	margin: 0;

	padding: 0;

	outline: 0;

	border: 0;

	background: transparent;

	font-size: 100%;

	font-style: normal;

}

html {

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	overflow-x : hidden;

}

body { font-size: 1em;  color: #000; font-family:'微软雅黑',"宋体","Arial Narrow",Helvetica,sans-serif;background: #fff; }

.clear { clear: both; zoom: 1; }

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



.fl { float: left; }

.fr { float: right; }



/*html.mac body{font-family:"PingFang SC",Microsoft YaHei,Helvetica,Arial,sans-serif;}*/

*:before, *:after {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}

* {

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box

}

article, hgroup, menu, nav, section, aside, details, figcaption, figure, footer, header {

	display: block;

}

nav ul, ul, li {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: none;

}

a {

	color: #000;

	vertical-align: baseline;

	text-decoration: none;

	font-size: 100%;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	margin: 0;

	padding: 0;

}

a, input {

	outline: none;

}

input, select, textarea {

	outline: none;

}

a:hover, a:focus {

	color: #69d7f0;

	text-decoration: none;

	cursor: pointer;

}

img {

	max-width: 100%;

	height: auto;

}

ins {

	color: #323841;

	background-color: #ff9;

	text-decoration: none;

}

mark {

	color: #323841;

	background-color: #ff9;

	font-weight: bold;

	font-style: italic;

}

@font-face {

	font-family: "Poppins";

	/*src: url(../fonts/Poppins-L.otf) format('truetype');*/

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: "HELVETICANEUELTPRO";

	/*src: url(../fonts/HELVETICANEUELTPRO-THEX.OTF) format('truetype');*/

	font-weight: normal;

	font-style: normal;

}

.PostShow:after, article:after, header:after, .row:after {

	clear: both;

}

.PostShow:before, .PostShow:after, .PostShow:after, .row:before, .row:after {

	content: " ";

	display: table;

}

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {

border: none;

}





/*----------- container -----------*/

.container {

	margin: 0 auto;

	max-width: 1200px;

	padding: 0 10px;

	overflow: hidden;

}

.container.Wauto {

	padding: 0

}

.containe {

	position: relative;

	max-width: 1260px;

	margin: 0 auto;

	color: #fff;

	padding: 0 20px;

}

a:hover, a:focus {

}

/*----------- 头部 -----------*/

.header {

	padding-top: 72px;

}

.header .header-nav {

	position: fixed;

	width: 100%;

	float: left;

	background-color: rgba(0, 0, 0, .7);

	z-index: 886;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	top: 0;

	 z-index: 9998;

}

.header .header-nav.fixed {

	background-color: rgba(0, 0, 0,.7);

	opacity: 1

}

.header .logo {

	position: absolute;

	font-size: 0px;

	height: 95px;

	overflow: hidden;

	display: block;

	text-indent: -20000em;

	width: auto;

	background-size: 100% 100%;

	top: 5%;



}

.header .logo a {

	display: block;

	color: #999;

}

.header .logo .logob {

	display: none

}

.header .container {

	overflow: visible

}

.logo img {

	height: 95px;

}

.mLogo {

	height: 60px;

}

.mLogo .logo {

	display: none

}

.header.opaque {

	padding-top: 0px;

}

.header.opaque .header-nav {

	background-color: rgba(0, 0, 0, 0);

}

.header.opaque .header-nav.fixed {

	background-color: rgba(0, 0, 0,0.7);

	opacity: 1;

}



.header.opaque .navbar li.active > a, .header.opaque .navbar li.active i {

	color: #69d7f0;

	opacity: 1

}

.navbar li.on > a {

	color: #fff;

}

.header.opaque .navbar li:after {

	visibility: hidden;

	opacity: 0

}

.header.opaque .fixed .navbar li:after {

	visibility: visible;

	opacity: 1

}

.header.opaque .header-nav.fixed .navbar a, .header.opaque .inner .navbar a, .header.opaque .header-nav.fixed .navbar i, .header.opaque .inner .navbar i {

color: # {

%navColor%

}

;

opacity: 1

}

.header.opaque .header-nav.fixed .inner .navbar li > ul > li a, .header.opaque .inner .navbar li > ul > li a {

	color: #888;

}

.header.opaque .inner .navbar a:hover {

	color: #69d7f0;

}

.header.opaque .header-nav.fixed .navbar li.active > a, .header.opaque .header-nav.fixed .navbar li.on > a, .header.opaque .header-nav.fixed .navbar li.active > i, .header.opaque .header-nav.fixed .navbar li.on > i {

	color: #69d7f0;

}

.header.opaque .logo .logoa, .header.opaque .header-nav.fixed .logo .logob {

	display: none

}

.header.opaque .logo .logob, .header.opaque .header-nav.fixed .logo .logoa {

	display: block

}

.header.noOpaque .navbar a {

	line-height: 72px;

}

.header.noOpaque .inner .navbar a {

	line-height: 42px;

}

.header.noOpaque .inner .navbar i {

	color: #333

}

/*导航栏*/

.navbar {

	float: right;

	width: 65%;

}

.navbar li {

	display: block;

	float: left;

	margin: 0px 0px;

	position: relative;

	min-width: 14%;

	text-align: center;

	padding: 15px 0;

}

.navbar a {

	display: inline-block;

	line-height: 60px;

	font-size: 16px;

	color: #fff;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}



.navbar a:hover{}

.navbar i {

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	margin-left: 4px;

}

.header-nav.fixed .navbar a {

	line-height: 72px;

}

.header-nav.fixed .navbar>li>ul>li>a {

	line-height: 40px;

}

.navbar li.active>a, .navbar li.on>a, .navbar li.active>i, .navbar li.on>i {

	color: #69d7f0;

}

.navbar li:after {

	background: #69d7f0;

	content: "";

	height: 4px;

	width: 0px;

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	bottom: 12px;

	webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	border-radius: 50px;

}

.navbar li.active:after, .navbar li:hover:after {

	width: 10px;

}

/*inner*/

.inner {

	display: none;

	position: absolute;

	z-index: 49;

	width: 100%;

	top: 60px;

	left: 0

}

.inner li {

	width: 100%;

	margin: 0;

	height: 43px;

	overflow: hidden;

	padding: 0;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease

}

.inner li i {

	position: absolute;

	right: 20px;

	top: 7px;

	width: 28px;

	height: 28px;

	line-height: 28px;

	z-index: 3;

	background: rgba(255,255,255,.3);

	border-radius: 300px;

	color: #fff;

	cursor: pointer;

	margin: 0;

}

.inner li.navOn {

	height: auto

}

.inner li.navOn i {

	transform: rotate(180deg);

	-o-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

}

.inner li a {

	display: block;

	font-size: 16px;

	font-weight: 300;

	line-height: 42px;

	padding: 0px 55px 0 55px;

	border-bottom: 1px solid rgba(255,255,255,.1);

	background-color: rgba(0,0,0,.8);

}

.inner li#nvabar-item-index {

	height: 44px;

}

.inner li#nvabar-item-index a {

	border-top: 1px solid rgba(255,255,255,.1);

}

.inner li a:hover {



	color: #69d7f0;

	

}

.inner .navbar li.active:after, .inner .navbar li:hover:after {

	width: 0

}

.navbar li>ul>li:before {

	background-color: transparent;

	content: '';

	transition: all 0.3s;

}

.navbar li.active:before, .navbar li.on:before {

	width: 100%;

	left: 0;

}

.inner li>ul>li a {

	background-color: rgba(0,0,0,.7);

	font-size: 14px;

}

#navBox>div>ul>li:hover>ul {

	top: 100%;

	filter: alpha(opacity=100)!important;

	opacity: 1!important;

	max-height: inherit;

}

#navBox>div>ul>li>ul {

	position: absolute;

	width: 160px;

	top: 130%;

	left: 50%;

	transform: translateX(-50%);

	text-align: center;

	padding: 20px 0;

	z-index: 60;

	filter: alpha(opacity=0)!important;

	opacity: 0!important;

	-webkit-transition: all .3s ease;

	-o-transition: top .3s ease;

	transition: all .3s ease;

	max-height: auto;

	overflow: hidden;

	background: rgba(255,255,255,0.96);

	border-top: 2px solid #F4CE58;

	visibility: hidden

}

#navBox>div>ul>li.on>ul {

	visibility: visible

}

#navBox>div>ul>li>ul>li a {

	float: none;

	display: block;

	padding: 0px 0px 0px;

	color: #666;

	font-size: 14px;

	text-align: center;

	line-height: 42px;

	opacity: 1

}

#navBox>div>ul>li>ul>li:after {

	display: none

}

#navBox>div>ul>li>ul>li {

	width: 100%;

	padding: 0;

	margin: 0;

	font-size: 14px;

}

#navBox>div>ul>li>ul>.on a {

	color: #000!important;

}

#navBox>div>ul>li>ul>li.active a {

}

#navBox>div>ul>li>ul>li.on>a {

	color: #fff

}

.header .moble-bars {

	padding: 0;

	margin: 15px 0 0;

	font-size: 21px;

	float: right;

	color: #999;

	display: none;

	position: relative;

	z-index: 99

}

.header a:hover.moble-bars {

	color: #F4CE58

}

.fixed {

	left: 0;

	opacity: 0.98;

	position: fixed;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 888;

}

/*----------- search-top -----------*/

.searchBox {

	display: none

}

.search-pup {

	position: relative;

}

.search-pup form input:focus {

	width: 180px

}

.search-pup form button {

	position: absolute;

	right: 0px;

	top: 0px;

	color: #000;

	background: 0 0;

	border: none;

	padding: 0;

	margin: 0;

	line-height: normal;

	font-size: 18px;

	font-weight: 300;

	outline: 0;

	cursor: pointer;

	width: 50px;

	height: 35px;

	background: #69d7f0;

	border-top-right-radius: 3px;

	border-bottom-right-radius: 3px;

}

.search-pup form button img{transform:translateY(2px);-webkit-transform:translateY(2px);}

/*----------- article  -----------*/

.Wauto {

	width: 100%;

	max-width: none;

	padding: 0;

}

.main {

	width: 100%;

	float: left

}

.w1200 {

	padding: 0;

	clear: both;

}

.w1200 .article {

	width: 100%;

	margin-right: 0;

}

.PostBox {

	clear: both;

}



.post {

	max-width: 1220px;

	margin: 0 auto;

	overflow: hidden;

	padding:0 10px;



}











/*moble*/

.moble {

	max-width: 1200px;

	margin: 0 auto;

	height: 0px;

	background: rgba(0,0,0,0.7);

	width: 100%;

	padding: 0 10px;

	display: none;

	position: fixed;

	top: 0;

	z-index: 889

}

.moble a.moble-bars, .moble a.search-btn {

	-webkit-transition: all .6s ease;

	-o-transition: all .6s ease;

	transition: all .6s ease

}









/*----------- search -----------*/ 	

.page-search h1 {

	font-size: 20px;

	font-weight: 400;

	margin-bottom: 5px;

}

.page-search .archive-description {

	font-size: 12px;

	color: #9e9e9e;

}

.page-search, .list-search p {

	margin: 20px 0;

	padding: 10px;

	overflow: hidden;

	border-radius: 2px;

	position: relative;

	line-height: 22px;

	-webkit-transition: all .5s ease;

	-o-transition: all .5s ease;

	transition: all .5s ease

}

.list-search p {

	background-color: rgba(0, 0, 0, 0.15);

	padding: 20px;

	color: #888;

}

.list-search p:hover {

	background-color: rgba(0, 0, 0, 0.25);

}

.list-search p a:first-child {

	font-size: 20px;

	line-height: 28px;

	margin-bottom: 5px;

	margin-top: 0;

}

.list-search p a {

	margin-top: 3px;

	display: inline-block;

}

.list-search p a:hover {

	color: #F4CE58

}

.list-search p strong {

	color: #F4CE58;

	font-weight: 100

}





/*search-form*/

.search-form {

	height: 35px;

	position: relative;

}

.search-form .s {

	height: 22px;

	border: 1px solid #ddd;

	padding: 5px 35px 5px 5px;

	border-radius: 3px;

	width: 210px;

}

.search-form .s:focus, #login-page .login-form .text:focus {

	border: 1px solid #2689FF;

	box-shadow: 0 0 3px #2689FF;

}

.search-btn, .sbtn, .searchBox {

	position: fixed;

	right: 58px;

	top: 18px;

	color: rgba(255,255,255,0.6);

	background: 0 0;

	border: none;

	padding: 0;

	margin: 0;

	line-height: normal;

	font-size: 19px;

	font-weight: 300;

	outline: 0;

	cursor: pointer;

	z-index: 890;

}

.fixed .sbtn, .fixed .searchBox, .header.noOpaque .sbtn {

	color: #999

}

a.search-btn {

	display: none;

}

.search-bg, .searchBox {

	position: fixed;

	left: 50%;

	top: 45%;

	z-index: 891;

	height: auto;

	margin: -28px 0 0 -113px;

	display: none;

}

.sbtn {

	position: inherit;

	float: right;

	font-size: 18px;

	background: rgba(0,0,0,.0);

	height: 40px;

	line-height: 40px;

	border-radius: 1000px;

	text-align: center;

	margin-top: 2%;

	margin-left: 10px;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	filter: alpha(opacity=65)!important;

	opacity: 0.65!important;

}

.fixed .sbtn, .header.noOpaque .sbtn {

	margin-top: 35px;

}

.sbtn:hover {

	filter: alpha(opacity=100)!important;

	opacity: 1!important;

}

.searchBox, .search-bg {

	left: 50%;

	width: 400px;

	background: #fafafa;

	z-index: 900;

	right: auto;

	transform: translate(-50%, -50%);

	margin: 0;

	padding: 30px;

	border-radius: 3px;

}

.search-bg .search-form {

	display: block;

}

.page-bg {

	position: fixed;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.7);

	z-index: 890;

	display: none;

}

.search-bg .search-pup {

	margin-top: 0;

	float: none

}

.search-bg .search-pup form input, .searchBox .search-pup form input {

	width: 100%;

	border-radius: 3px;

	border: 1px solid #eaeaea;

	font-size: 14px;

	padding: 6px 60px 6px 10px;

	background: #fff;

	height: 35px;

	outline: 0

}

.search-pup span {

	color: #999;

	font-size: 12px;

	margin: 10px 0 3px;

	display: block;

	clear: both;

}

.schList {

	font-size: 0;

	display: block;

	margin: 3px -3px -3px -3px;

}

.schList li {

	display: inline-block;

	height: 24px;

	line-height: 24px;

	margin: 3px;

}

.schList li a {

	font-size: 14px;

	background: #eee;

	width: 100%;

	display: block;

	padding: 2px 10px;

	border-radius: 3px;

	-webkit-transition: all .2s ease;

	-o-transition: all .2s ease;

	transition: all .2s ease;

	color: #666;

}

.schList li a:hover {

	background: #F4CE58;

	color: #000;

}





/*左右轮滑*/



.sliderbox {

    background: url(/template/cn2014/images3/ban.jpg) no-repeat top center;

}

.owl-carousel, .owl-carousel .owl-item {

	-webkit-tap-highlight-color: transparent;

	position: relative

}

.owl-carousel {

	display: none;

	width: 100%;

	z-index: 1

}

.owl-carousel .owl-stage {

	position: relative;

	-ms-touch-action: pan-Y;

	touch-action: manipulation;

	-moz-backface-visibility: hidden

}

.owl-carousel .owl-stage:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0

}

.owl-carousel .owl-stage-outer {

	position: relative;

	overflow: hidden;

	-webkit-transform: translate3d(0, 0, 0)

}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0)

}

.owl-carousel .owl-item {

	min-height: 1px;

	float: left;

	-webkit-backface-visibility: hidden;

	-webkit-touch-callout: none

}

.owl-carousel .owl-item img {

	display: block;

	max-width: 100%

}

.owl-carousel .owl-item .pic img{display: block;max-width: 100%;width:100%}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

	display: none

}

.no-js .owl-carousel, .owl-carousel.owl-loaded {

	display: block

}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {

	cursor: pointer;

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {

	background: 0 0;

	color: inherit;

	border: none;

	padding: 0!important;

	font: inherit

}

.owl-carousel.owl-loading {

	opacity: 0;

	display: block

}

.owl-carousel.owl-hidden {

	opacity: 0

}

.owl-carousel.owl-refresh .owl-item {

	visibility: hidden

}

.owl-carousel.owl-drag .owl-item {

	-ms-touch-action: pan-y;

	touch-action: pan-y;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

.owl-carousel.owl-grab {

	cursor: move;

	cursor: grab

}

.owl-carousel.owl-rtl {

	direction: rtl

}

.owl-carousel.owl-rtl .owl-item {

	float: right

}

.owl-carousel .animated {

	animation-duration: 1s;

	animation-fill-mode: both

}

.owl-carousel .owl-animated-in {

	z-index: 0

}

.owl-carousel .owl-animated-out {

	z-index: 1

}

.owl-carousel .fadeOut {

	animation-name: fadeOut

}

@keyframes fadeOut {

0% {

opacity:1

}

100% {

opacity:0

}

}

.owl-height {

	transition: height .5s ease-in-out

}

.owl-carousel .owl-item .owl-lazy {

	opacity: 0;

	transition: opacity .4s ease

}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {

	max-height: 0

}

.owl-carousel .owl-item img.owl-lazy {

	transform-style: preserve-3d

}

.owl-carousel .owl-video-wrapper {

	position: relative;

	height: 100%;

	background: #000

}

.owl-carousel .owl-video-play-icon {

	position: absolute;

	height: 80px;

	width: 80px;

	left: 50%;

	top: 50%;

	margin-left: -40px;

	margin-top: -40px;

	background: url(/template/cn2014/images3/owl.video.play.png) no-repeat;

	cursor: pointer;

	z-index: 1;

	-webkit-backface-visibility: hidden;

	transition: transform .1s ease

}

.owl-carousel .owl-video-play-icon:hover {

	-ms-transform: scale(1.3, 1.3);

	transform: scale(1.3, 1.3)

}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {

	display: none

}

.owl-carousel .owl-video-tn {

	opacity: 0;

	height: 100%;

	background-position: center center;

	background-repeat: no-repeat;

	background-size: contain;

	transition: opacity .4s ease

}

.owl-carousel .owl-video-frame {

	position: relative;

	z-index: 1;

	height: 100%;

	width: 100%

}

.owl-carousel {

	padding: 0 60px;

}

.owl-carousel .owl-stage-outer {

	padding-top: 2%;

	z-index: 2

}

.owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {

	display: block;

	position: absolute;

	outline: 0;

	top: 50%;

	transform: translateY(-50%);

	z-index: 6;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.owl-carousel .owl-nav .owl-next {

	right: 0px;

}

.owl-carousel .owl-nav .owl-prev {

	left: 0px;

}

.owl-carousel .owl-nav i {

	font-size: 40px;

	color: rgba(255,255,255,.2);

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.owl-carousel .owl-nav .owl-next:hover i, .owl-carousel .owl-nav .owl-prev:hover i {

	opacity: 1

}

.owl-carousel:hover .owl-nav .owl-next {

	right: 0px;

}

.owl-carousel:hover .owl-nav .owl-prev {

	left: 0px;

}

.owl-dots {

	text-align: center;

	padding-top: 30px;

}

.owl-dots .owl-dot span {

	width: 9px;

	height: 9px;

	border-radius: 50px;

	background: #fff;

	display: inline-block;

	

	margin: 0 5px;

}

.owl-dots .owl-dot.active span {

width: 15px;

	height: 15px;

	background: #69d7f0;

	margin-top:5px

	

}

#owl0 .owl-dots {

	display: inline-block;

	position: absolute;

	bottom: 7%;

    right: 10%;

	transform: translateX(-50%);

	z-index: 3;

}

#owl0.owl-carousel .owl-stage-outer {

	padding-top: 0

}

#owl0.owl-carousel .owl-nav .owl-next, #owl0.owl-carousel .owl-nav .owl-prev {

	opacity: 0;

}

#owl0.owl-carousel .owl-nav i {

	font-size: 0px;

	color: #fff;

	opacity: 0.5;

}

#owl0.owl-carousel .owl-nav .owl-next {

	right: 80px;

}

#owl0.owl-carousel .owl-nav .owl-prev {

	left: 80px;

}

#owl0.owl-carousel:hover .owl-nav .owl-next {

	right: 20px;

}

#owl0.owl-carousel:hover .owl-nav .owl-prev {

	left: 20px;

}

#owl0.owl-carousel .owl-nav .owl-next:hover i, #owl0.owl-carousel .owl-nav .owl-prev:hover i {

	opacity: 1

}

#owl0.owl-carousel:hover .owl-nav button {

	opacity: 1

}

#owl1.owl-carousel .owl-nav .owl-next, #owl1.owl-carousel .owl-nav .owl-prev {

	top: 42%;

	transform: translateY(-50%);

}

.owl-carousel .owl-nav .disabled i {

	color: rgba(255,255,255,.1)

}

#owl0 .text {

	max-width: 1220px;

	width: 100%;

	position: absolute;

	left: 50%;

	top: 55%;

	transform: translate(-50%, -50%);

	color: rgba(255,255,255,.8);

	display: block;

	font-size: 0;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;



	padding:0 10px;

}

#owl0 .text a {

	color: rgba(255,255,255,.8);

}

#owl0 .text h4 {

	font-size: 40px;

	color: #fff;

	font-family: Arial

}

#owl0 .text p {

	margin: 20px auto;

	line-height: 32px;

	font-size: 18px;



}

#owl0 .text a span {

	padding: 8px 30px;

	border: 1px solid #74d8f0;

	

	color: #fff;

	font-size: 16px;

	display: inline-block;

	margin-top: 20px;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	position: relative;



}

#owl0 .text a em {

	position: relative;

	z-index: 1;

	font-style: normal

}

#owl0 .text .bnLink {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

}

#owl0.owl-carousel {

	padding: 0

}

#owl0.owl-carousel .owl-stage-outer {

	margin: 0

}

#owl1.owl-carousel {

	padding: 0 5px

}

.owl1.owl-carousel .item .imgBox {

	font-size: 0;

	display: block;

}

.owl1.owl-carousel .item.advIcon .imgBox {

	width: 130px;

	height: 130px;

	margin: 0 auto;

	background: rgba(0,0,0,0.3);

	border-radius: 100px;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

}

.owl1.owl-carousel .item.advIcon img {

	opacity: 0.5!important;

}

.owl1.owl-carousel .item.advIcon:hover img {

	transform: scale(1);

	opacity: 1!important;

}

.owl1.owl-carousel .item.advIcon:hover .imgBox {

	background: #F4CE58;

}

.owl1.owl-carousel {

	padding: 0 80px;

}

.owl1.owl-carousel .owl-stage-outer {

	padding: 2% 0 0;

}

.owl1.owl-carousel .item img {

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	filter: gray;

	-webkit-transition: all .3s ease;

	-o-transition: all .3s ease;

	transition: all .3s ease;

	transform: scale(1)

}

.owl1.owl-carousel .item:hover img {

	-webkit-filter: grayscale(0);

	-moz-filter: grayscale(0);

	-ms-filter: grayscale(0);

	-o-filter: grayscale(0);

	filter: grayscale(0);

	transform: scale(1.05)

}

.owl-carousel .item .imgText {

	text-align: center;

	padding: 25px 0 0

}

.owl-carousel .item h4 {

	font-size: 16px;

	color: rgba(255,255,255,.9);

	padding: 0px 0 10px;

	font-weight: normal;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.owl-carousel .item p {

	line-height: 22px;

	padding: 0px;

	font-size: 12px;

	color: #999

}







/*----------- media -----------*/

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

.slide .text {

	max-width: none;

	left: 7%;

	right: 7%;

	transform: translate(0%, -50%);

	width: auto;

}

.post.news {

	padding-left: 20px;

	padding-right: 20px;

}

.post.news.n1 {

	padding-left: 0px;

	padding-right: 0px;

}

 .contactBg .post {

	padding: 80px 0px 80px;

}

.PostBox.about .post .postAbout {

	padding: 90px 0;

}

.PostBox.about .post .PostText {

	padding: 25px 0;

}

.PostBox.newsBg .owl-carousel .owl-nav .owl-prev, .PostBox.newsBg .owl-carousel .owl-nav .owl-next {

	top: 30%

}

.PostBox.newsBg .owl-carousel .owl-nav .owl-prev {

	left: 10px;

}

.PostBox.newsBg .owl-carousel .owl-nav .owl-next {

	right: 10px;

}

}

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

.contactBg .post {

	padding: 60px 0px 60px;

}

.PostBox.about .post .postAbout {

	padding: 70px 0;

}

.PostBox.about .post .PostText {

	padding: 20px 0;

}

.PostSl li .slNumber {

	font-size: 46px;

	line-height: 38px

}

.PostBox.newsBg .owl-carousel .owl-nav .owl-prev, .PostBox.newsBg .owl-carousel .owl-nav .owl-next {

	top: 28%

}

.PostBox.process .owl-carousel:after {

	top: 58px

}

.PostBox.process .owl-carousel .owl-nav button.owl-next, .PostBox.process .owl-carousel .owl-nav button.owl-prev {

	top: 59px;

}

}

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

.header, .header.opaque {

	padding-top: 0px;

}

.header.noOpaque {

	padding-top: 40px;

}

.header.noOpaque {

	padding-top: 50px;

}

.navbar {

	float: left;

	width: 100%

}

.moble {

	display: block;

	height: 60px;

}

#navBox {

	display: none;

}

nav>ul>li>ul li {

	font-size: 12px;

	text-indent: 0px;

}

.search-pup, .mLogo .logo, a.search-btn, .header .moble-bars, .header.opaque .header-nav.fixed .logo .logoa, .header.opaque .logo .logoa {

	display: block;



}

.logo img{height:55px}

.header.opaque .logo .logob {

	display: none

}

.search-btn, .sbtn, .searchBox {

	color: #aaa;

}

.moble {

	padding: 0 10px;

}



.sidebar {

	padding: 40px 10px;

}

.post .postTitle {

	margin-bottom: 25px;

}

.post .postTitle h3 {

	font-size: 1.8em

}

.post .postTitle .title1 {

	font-size: 1.4em

}

.post .postTitle h3 i {

	font-size: 0.4em;

	left: -24px;

	top: 10px;

}

.post .PostShow li {

	margin-bottom: 20px;

}

.post .PostShow li h4 {

	margin-bottom: 2px;

	font-size: 14px;

}

.post .PostShow li .post-img {

	margin-bottom: 12px;

}

.post.case .more {

	padding: 20px 0 30px;

}

.post.list, .post.tags {

	padding: 10px 10px 30px;

}



.PostNews {

	margin-top: 10px;

}

.post.news li p {

	margin-top: 5px;

	line-height: 22px;

	height: 66px;

	overflow: hidden;

}

.pageNav {

	padding: 20px 0 20px;

}

.post.case .pageNav {

	padding-top: 10px;

}

.archive-top {

	padding-top: 30px;

}

.archive-top .archive-title span {

	line-height: 30px;

}

.subcate li a {

	padding: 0 12px;

}

.list-search p {

	padding: 16px;

}

.page-search, .list-search p {

	margin: 10px 0;

}

.bnBox.cateBn .text {

	top: 60%;

}

.bnBox.cateBn .text h3 {

	font-size: 26px;

}

.bnBox.cateBn .text p {

	font-size: 14px;

}

.advBg .PostBox ul {

	padding-top: 15px;

}

.advBg .PostBox ul li .liBox .imgBox {

	width: 80%;

}

#owl0 .text h4 {



}

#owl0 .text h4 img{width:40%}

#owl0 .text p {

	margin-top: 15px;

	line-height: 26px;

	font-size: 16px;



}

#owl0 .text p img{width:30%}

#owl0 .text a span {

	padding: 8px 25px;

	font-size: 16px;

	margin-top: 20px;

}

#owl1.owl-carousel .owl-nav .owl-next, #owl1.owl-carousel .owl-nav .owl-prev, #owl2.owl-carousel .owl-nav .owl-next, #owl2.owl-carousel .owl-nav .owl-prev {

	top: 40%

}

.PostBox.newsBg .owl-carousel .owl-nav .owl-prev, .PostBox.newsBg .owl-carousel .owl-nav .owl-next {

	top: 30%

}

.PostBox.process li {

	padding: 0;

}

.PostBox.process .owl-carousel:after {

	top: 55px

}

.PostBox.process .owl-carousel .owl-nav button.owl-next, .PostBox.process .owl-carousel .owl-nav button.owl-prev {

	top: 56px;

}

.PostSl {

	width: 80%;

}

.article-tit {

	font-size: 20px;

}

.article-mt span, .article-mt span a {

	font-size: 12px;

}

}

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

.container {

	padding: 0 12px;

}

.bnBox.cateBn .text h3 {

	font-size: 24px;

}

.bnBox.cateBn .text p {

	font-size: 12px;

}

.archive-top .archive-title h1 {

	font-size: 2.2em

}

}

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

.advBg .PostBox {

	width: 88%;

	margin: 0 auto

}

.advBg .PostBox ul {

	padding-top: 10px;

}

.advBg .PostBox ul li {

	width: 50%;

	margin: 2% 0

}

.advBg .PostBox ul li .liBox .imgBox {

	width: 45%;

}

.advBg .PostBox ul li .liBox p {

	padding: 0 20%;

}

.PostNews {

	margin-top: 0px;

}

.post.news.top {

	padding-left: 15px;

	padding-right: 15px

}

.post.news li {

	width: calc(100% / 4 - 10px);

	margin: 15px 10px 15px 0;

}

.post.news .PostNews {

	margin-right: -10px;

}

.post.news .imgText {

	padding-bottom: 35px;

	padding-top: 20px;

}

.post.news .imgText h4 {

	padding-bottom: 5px;

}

.PostSl li .slNumber {

	font-size: 40px;

	line-height: 36px;

}

.PostSl li .slTitle, .PostSl li .slNumber em {

	font-size: 12px;

}

.owl-carousel {

	padding: 0 5px;

}

.owl1.owl-carousel {

	padding: 0 25px;

}

.newsBg .owl-carousel {

	padding: 0 20px;

}

#owl0 .text h4 {

	font-size: 32px;

}

#owl0 .text p {

	margin-top: 15px;

	line-height: 26px;

	font-size: 14px;

	max-width: none;

}

#owl0 .text a span {

	font-size: 14px;

}

.post .PostShow .item .post-img:after {

	padding-top: 75%;

}

.ftNav a:after {

	top: 3px;

}

.ftNav a {

	display: inline;

}

.post .postTitle h3 {

	font-size: 1.6em

}

.post .postTitle .title1 {

	font-size: 1.2em;

	margin-bottom: 0px;

}

.article-tit, .title h3 {

	font-size: 18px;

}

}

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

.PostBox.about .post .postAbout:after {

	width: 115%;

}

.advBg .PostBox ul {

	padding-top: 5px;

}

.post .PostMix li {

	width: 50%;

}

}

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

.header, .header.opaque {

	padding-top: 0px;

}

.header.noOpaque {

	

}

.moble {

	height: 40px;

	padding: 0 10px;

}

.header .moble-bars {

	margin-top: 5px;

}

.search-btn {

	top: 8px;

	right: 45px;

}

.inner {

	top: 40px;

}

.mLogo {

	height: 48px

}

.mLogo .logo {

	height: 40px;



}

.mLogo .logo img {

	height: 40px

}

.post {

	padding-left: 0px;

	padding-right: 0px;

}

.post .PostShow li {

	width: 47%;

	margin: 0 1.46% 25px;

}

.post.relates.imgRel .PostShow li {

	width: 47%;

	margin: 5px 1.5% 10px;/*  margin:0;*/

}

.relates.imgRel .title {

	text-indent: 6px;

	margin-top: 6px;

}

.post-img {

	max-width: 284px;

}

.caseBg .post .PostShow li {

	width: 50%;

}

.PostSl li .slNumber {

	font-size: 30px;

	line-height: 30px;

}

.post .postTitle h3 {

	margin-bottom: 3px;

	font-size: 1.4em;

}

.post .postTitle .title1 {

	line-height: 1.2

}

.breadcrumb {

	padding: 8px 0;

}

.subcate li a {

	height: 28px;

	padding: 0 10px;

}

.post-nav .post-next a {

	padding-right: 20px;

}

.post-nav .post-prev a {

	

}

.post-nav div a i {

	font-size: 16px;

}

.article-box {

	padding: 0 0px 16px;

	margin: 16px 0 16px;

}

.relates, .commBox {

	padding: 16px;

}

img.avatar {

	width: 40px;

	height: 40px;

}

li.msgarticle {

	padding-left: 15px;

}

ul.msg ul.msg li.msgarticle {

	padding-left: 10px;

}

ul.msg ul.msg li.msgarticle {

	padding-left: 0px;

}

.msgbox {

	padding-left: 51px;

}

#saypl ul, #saypl ul li {

	width: 100%

}

.PostBox.about .post .aboutImg {

	width: 100%;

}

.PostBox.about .post .postAbout {

	width: 100%;

}

.PostBox.about .post .PostText {

	width: 86%

}

.sidebar .addBox span.add {

	display: block;

	margin-right: 0

}

.bnBox.cateBn .text h3 {

	font-size: 22px;

}

.bnBox.cateBn .text p {

	font-size: 12px;

}

.archive-top .archive-title h1 {

	font-size: 2.0em

}

.advBg .PostBox ul {

	width: 100%;

	padding-top: 0px;

}

.advBg .PostBox ul li .liBox .imgBox {

	width: 50%;

}

.sidebar .addBox span.tel {

	padding: 10px 0 10px 0

}

.footer .sidebar .social, .footer .sidebar .social.w50 {

	width: 100%;

}

.ftNav {

	width: 100%;

	clear: both;

	padding: 0px;

}



#owl0 .text h4 {

	font-size: 22px;

}

#owl0 .text p {

	display: none;

}

#owl0 .text a span {

	padding: 6px 20px;

	font-size: 14px;

}

.contactBg .post {

	min-height: 50vh;

}

.contactBg .post .contBox {

	width: 80%;

}

.contactBg .post .boxText p.tel {

	font-size: 22px

}

#ummap {

	width: 100%;

	min-height: 50vh

}

.newsBg .owl-carousel {

	padding: 0 10px;

}

.owl-dots .owl-dot span {

	width: 4px;

	height: 4px;

	margin: 0 3px;

}



.owl-dots .owl-dot.active span {

width: 8px;

	height: 8px;

	background: #69d7f0;

	margin-top:5px

	

}









.post.news.top {

	padding-left: 20px;

	padding-right: 20px

}

.post.news li {

	width: calc(100% / 2 - 25px);

	margin: 15px 25px 15px 0;

}

.post.news .PostNews {

	margin-right: -25px;

}

.post.news .imgText {

	padding-bottom: 40px;

	padding-top: 25px;

}

.post.news .imgText h4 {

	padding-bottom: 10px;

}

.post .PostMix .cateTab span.button {

	font-size: 12px;

	margin: 3px;

	padding: 0 12px;

	height: 28px;

	line-height: 28px;

}

.PostBox.about .post .postTitle {

	text-align: center;

	margin-top: 40px;

	margin-bottom: 15px;

}

.PostBox.about .post .postTitle:after {

	right: 0

}

.PostBox.about .post .PostText {

	display: block;

	margin: 0 auto;

	text-align: center;

}



.PostBox.about .post .postAbout {

	padding-top: 0

}

.PostBox.about .postLeft {

	width: 100%;

	display: block;

	top: auto;

	left: auto;

	position: relative;

	min-height: 200px;

}

.PostBox.about .postRight {

	width: 100%;

	padding: 0;

	display: block;

	clear: both;

}

.PostBox.about .PostSl {

	width: 80%;

	position: relative;

	top: auto;

	left: auto;

	transform: none;

	margin: 0 auto;

	display: block;

}

.contactBg .mapBtn {

	width: 36px;

	height: 36px;

	line-height: 36px;

}

.contactBg .mapBtn i {

	font-size: 20px;

}

}

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

.post.news li h4 {

	margin: 0;

	font-size: 1em;

}

.post.news li p {

	margin-top: 3px;

	line-height: 20px;

}

.archive-top .archive-title h1 {

	font-size: 1.8em

}

.avatar {

	margin-right: 10px

}

.avatar img {

	width: 40px;

	height: 40px;

}

.commBody {

	margin-left: 55px;

}

.bx-wrapper .bx-pager {

	bottom: 10px;

}

#backTop {

	display: none;

}

.bnBox.cateBn .text h3 {

	font-size: 22px;

}

.bnBox.cateBn .text p {

	font-size: 12px;

}

.inner li i {

	right: 15px;

}

.advBg .PostBox ul li {

	width: 50%;

	margin: 3.5% 0

}

.advBg .PostBox ul li .liBox h3 {

	padding: 15px 0 5px

}

.advBg .PostBox ul li .liBox p {

	padding: 0 11.5%;

	line-height: 24px;

}

.advBg .PostBox ul li .liBox .imgBox {

	width: 60%;

}

.searchBox, .search-bg {

	width: 360px;

	padding: 25px;

}

.sidebar {

	padding: 30px 10px;

}

.PostSl li .slNumber {

	font-size: 22px;

	line-height: 26px;

}

.article-tit, .title h3 {

	font-size: 16px;

}

}

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

.searchBox, .search-bg {

	width: 300px;

}

.PostSl li .slNumber {

	font-size: 18px;

	line-height: 22px;

}

.owl-carousel {

	padding: 0

}

.post.news .owl-carousel .imgText {

	padding: 20px 20px 35px

}

.post.news .owl-carousel .imgText p.time {

	left: 20px;

}

.post.news .owl-carousel .item:hover .imgText i {

	right: 20px;

}

.advBg .PostBox {

	width: auto;

}

.newsBg .owl-carousel {

	padding: 0px;

}

.advBg .owl1.owl-carousel {

	padding: 0 0px;

}

.owl-carousel .item .imgText {

	padding: 25px 25px 0 25px

}

.post.news.top {

	padding-left: 15px;

	padding-right: 15px

}

.post.news li {

	width: calc(100% / 2 - 15px);

	margin: 10px 15px 10px 0;

}

.post.news .PostNews {

	margin-right: -15px;

}

.post.news .imgText {

	padding-bottom: 35px;

	padding-top: 20px;

}

.post.news .imgText h4 {

	padding-bottom: 5px;

}

}

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

.bnBox.cateBn .text h3 {

	font-size: 18px;

}

.searchBox, .search-bg {

	width: 280px;

	padding: 20px;

}

.slide .text h4 {

	font-size: 20px;

}

.advBg .owl1.owl-carousel {

	padding: 0 50px;

}

}

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

.post-img {

	max-width: 100%;

}

.post .PostShow li {

	width: 98%;

	margin: 0 1% 20px;

}

}

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





	#owl0 .text {

text-align: center;

    top: 60%;

}

#owl0 .text h4 img {

    width: 65%;

    margin: 0 auto;

}





#owl0 .text p {

    display: none;

}

#owl0 .text a span {

    padding: 3px 10px;

    font-size: 14px;

    margin-top: 5px;

}



}



.ban2{display:none}



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



.ban1{display:none}

.ban2{display:block}



}