@import url("css/navigation-style-1.css");
@import url("css/colors/color-gray.css");

html, body, div, section, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, sub, b, dl, dd, dt, ul, li, label, article, details, footer, header, menu, nav, input, textarea, select {
	background: transparent;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}
/* 2021.1.23 */

#fullpage>section{
	overflow: hidden;
}
#home-case .p5box .f2,.fzlc .n1{
    font-family: SimSun,STSong,'微软雅黑', sans-serif;
}
.section-title h1,.section-title h3{
	font-family: '微软雅黑', sans-serif;
}
.company-phone a{
	letter-spacing: 2px;
}
.qqbj p{
	text-indent: 2em;	
	color: #fff;
}
.qqbj p:first-child{
	margin-bottom: 1em;
}
.fzlc{
	display: flex;
	color: white;
	justify-content: center;
	align-items: center;
}
.fzlc >div{
	/* border: 4px solid white; */
	margin: 0 10px;	
	padding:10px 15px;
	display: flex;	
	justify-content: space-around;
	align-items: center;
	min-height: 77px;
	min-width: 77px;
	flex-direction: column;
	position: relative;
}
.fzlc >div::before{
   content:'';
   position: absolute;
   height: 100%;
   transform:rotate(-35deg);
   top: 0px; 
   left: 0px; 
   width: 130px;
   background: linear-gradient(135deg,#06192A, #23b7cb);
   border-radius: 50%;
   z-index: -1;
}
.fzlc >div:nth-child(3){	
	flex-direction: row;	
}
.fzlc >div:nth-child(3) .n1{
	font-size: 7em;
}
.fzlc >div:nth-child(3) .z{	
	writing-mode: vertical-lr;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  	
	text-indent: 1em;
}
.fzlc .n1{
	font-size: 5em;
	font-size: 5em;
    line-height: 1em;
}
.fzlc .z{
	font-size: 1.2em;
}
.flex{
	display: flex;
}
.color-h13{
	padding-right:10px;
	font-size: 2.5em;
}
.clear{
	clear: both;
}
 
.other-info.infolist a{
	height: 70px;
	width: 45%;
	position: relative;
	display: block;
	float: left;
	color: #fff;
	margin:0.5%;
	background-size: cover !important;
}
.other-info.infolist span{
	position: absolute;
	left: 10px;
	bottom: 20px;	
	font-size: 14px;
	font-weight: bold;
}
.other-info.infolist i{
	position: absolute;
	font-style: normal;	
	font-size: 10px;
	left: 10px;
	bottom: 5px;
	opacity: 0.6;
}
.main-info .main-head{
	text-align: center;
}
 /*  */
html, body {
	font-family: '微软雅黑', sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
	color: #999999;
}

body {
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 400;
	font-family: '微软雅黑', sans-serif;
	text-transform: uppercase;
	color: #00f8ff;
}

h1 {
	font-size: 36px;
	letter-spacing: 3px;
	color: #00f8ff;
	text-transform: uppercase;
	margin-bottom: 15px;
}

p {
	font-size: 14px;
}

p.text_duiqi {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 168%;
	margin-bottom: 20px;
}

p.shuojin {
	text-indent: 2em;
}

p.pp_play a img {
	margin-left: auto;
	margin-right: auto;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-ms-opacity: 0.8;
	-o-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
}

p.pp_play a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}

b {
	color: #222;
}
.f-white{color: #fff !important;}

.container {
	width: 1180px;
	margin: 0 auto;
	padding: 80px 20px;
}

.small-width {
	width: 980px;
}



.no-padding {
	padding: 0!important;
}

.bg_white {
	background: #ffffff !important;
}
.bg_black {
	background: rgba(0,0,0,.3);
}
.bg_graylv1 {
	/* background: rgba(34,34,34,.3); */
}

.bg_lightgrey {
	background: #f5f5f5 !important;
}

.bg_molv {
	background-color: #184e6a !important;
}

.bg_grey {
	background: #444444 !important;
}

.yw_youshi {
	width: 24.5%;
	margin-left: 2px;
	height: 80px;
	float: left;
}

one_fourth .line_shu:hover {
	background: url(webimages/line.jpg) 0 right repeat-y;
}

.h30 {
	height: 30px!important;
	clear: both;
}

.fs14px {
	font-size: 14px !important;
}
.fs12px {
	font-size: 12px !important;
}
.fs9 {
	font-size: 11px !important;
}

.f-white {
	color: #ffffff !important;
}
.f-black {
	color: #000000 !important;
}


a:hover, a:active, a:focus {
	outline: 0;
}

a {
	text-decoration: none;
	-webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	-o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
	outline: 0;
}

a:hover {
	text-decoration: none;
}

li {
	list-style: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.one_half {
	width: 48%;
}

.one_third {
	width: 30.6%;
}

.one_fourth {
	width: 22%;
}

.one_fifth {
	width: 16.8%;
}

.one_sixth {
	width: 13.33%;
}

.two_fifth {
	width: 37.6%;
}

.two_fourth {
	width: 48%;
}

.two_third {
	width: 65.33%;
}

.three_fifth {
	width: 58.4%;
}

.three_fourth {
	width: 74%;
}

.four_fifth {
	width: 79.2%;
}

.five_sixth {
	width: 82.67%;
}

.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth,.six_sixth {
	float: left;
	margin-bottom: 20px;
	margin-right: 4%;
	position: relative;
}

.last {
	margin-right: 0px!important;
}

.section-title {
	text-align: center;
	min-width: 65%;
	margin: 0 auto;
	margin-bottom: 38px;
}

.border {
	background: none repeat scroll 0 0 #cccccc;
	display: block;
	height: 2px;
	margin: 0 auto;
	width: 100px;
	margin-bottom: 10px;
	border-radius: 2px;
	overflow: hidden;
	box-shadow: 0px 0px 10px #00f8ff;
}

.element_from_top {
	top: -50px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}

.element_from_bottom {
	bottom: -50px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}

.element_from_left {
	left: -80px;
	padding-right: 0px;
	opacity: 0;
	position: relative;
}

.element_from_right {
	right: -80px;
	padding-left: 0px;
	opacity: 0;
	position: relative;
}

.element_fade_in {
	opacity: 0;
	position: relative;
	padding-left: 0px;
	right: 0px;
}

.mask {
/* background-color:rgba(255,255,255,0.8); */
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100000;
	pointer-events: none;
}

#loader {
 /*background: url(webimages/newave-loading.gif) center center no-repeat;*/
	height: 100px;
	width: 100px;
	left: 50%;
	top: 50%;
	position: absolute;
	margin: -50px 0 0 -50px;
}/* Shortcodes */.title-divider {
	border-bottom: #e9e9e9 1px solid;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	color: #222222;
	padding-bottom: 5px;
	padding-top: 80px;
	margin-bottom: 50px;
	float: left;
}/* Pricing Tables */.pricing-tables {
	float: left;
	width: inherit;
	display: block;
	text-align: center;
}

.price-table {
	border: 1px solid rgba(0, 0, 0, 0);
	padding: 25px 0px 25px 0px;
	text-align: center;
	transition: all 0.5s ease 0s;
	width: 22%;
	display: inline-block;
	border: 1px solid #E8E8E8;
	background-color: #FFF;
	z-index: 1;
	margin-left: -2px;
	margin-right: -2px;
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;
}

.price-table:hover {
	border: 1px solid #E8E8E8;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	z-index: 100!important;
	padding: 45px 0px 45px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.price-table.featured {
	border: 1px solid #E8E8E8;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
	z-index: 100!important;
	padding: 45px 0px 45px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.price-table i {
	background-color: #FCFCFC;
	border: 2px solid #DDDDDD;
	border-radius: 100px;
	box-shadow: 0 0 0 5px #F4F4F4;
	display: inline-block;
	font-size: 20px;
	width: 20px;
	height: 20px;
	margin-bottom: 35px;
	overflow: hidden;
	padding: 25px;
	transition: all 0.2s ease 0s;
}

.price-table:hover i {
	box-shadow: 0 0 0 5px #FFFFFF inset;
	color: #FFFFFF;
}

.price-table ul {
	margin-bottom: 0;
}

.price-table li {
	border-bottom: 1px dotted #E6E6E6;
	font-size: 12px;
	padding: 8px 15px;
	margin: 0px 10px;
}

.price-table li.pricetable-price {
	background-color: #F7F7F7;
	border-top: 1px dotted #E6E6E6;
	margin: 0px;
}

.price-table li a {
	margin-top: 20px;
}

.price-table li:first-child {
	padding-top: 0;
	border-bottom: medium none;
}

.price-table li:last-child {
	border-bottom: medium none;
}

.price-table ul h3 {
	font-size: 20px;
	line-height: 16px;
	margin-bottom: 7px;
}

.price-table li.pricetable-price h3 {
	font-size: 14px;
}

.copyrights {
	text-indent: -9999px;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}/* Recent Posts */.recent-post {
	width: 100%;
	height: 50px;
	float: left;
	margin-bottom: 20px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	background-color: #FFF;
	border-radius: 3px;
}

.recent-post:hover {
	background-color: #FFF;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}

.recent-post .recent-post-date {
	line-height: 50px;
	float: left;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 12px;
}

.recent-post .blog-type {
	float: left;
	border-radius: 0px;
	margin-right: 20px;
	background-color: #999;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.recent-post:hover .blog-type {
	background-color: #222;
}

.recent-post h5 {
	line-height: 50px;
	float: left;
}

.recent-post h5 a {
	color: #999;
}

.recent-post h5 a:hover {
	color: #222;
}

.recent-post .blog-meta {
	float: right;
	line-height: 50px;
	margin-right: 20px;
}/* Accordion */.accordion {
	float: left;
	width: inherit;
}

.accordion dt {
	cursor: pointer;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: #e9e9e9 1px solid;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.accordion dt:first-child {
	border-top: none;
	padding-top: 0px;
}

.accordion .accordion-active {
	color: #222222;
}

.accordion dt span {
	font-size: 14px;
	line-height: 24px;
}

.accordion dt span.accordion-status {
	height: 20px;
	width: 20px;
	padding: 2px;
	background: url(webimages/plus.png) #999999 2px 2px no-repeat;
	background-size: 20px 20px;
	float: left;
	margin-right: 10px;
	border-radius: 2px;
}

.accordion dt.accordion-active span.accordion-status {
	background: url(webimages/minus.png) 2px 2px no-repeat;
	background-color: #222222;
	background-size: 20px 20px;
}

.accordion dt,.accordion dd {
	clear: both;
}

.accordion-content {
	padding-bottom: 15px;
	padding-top: 5px;
	font-size: 13px;
}

.accordion-content img {
	height: 100px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}/* Toggle */.toggle-wrap {
	float: left;
	width: 100%;
}

.toggle-title {
	background: #e5e5e5;
	cursor: pointer;
	padding: 10px;
	border-radius: 3px;
	margin-bottom: 5px;
	display: block;
	font-size: 13px;
}

.toggle-title a {
	color: #666;
	text-decoration: none;
}

.toggle-title a:hover {
	color: #222222;
}

.toggle_container {
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
}

.toggle-active {
	color: #fff;
	background: #222222;
}

.toggle-active a {
	color: #FFF;
}

.toggle-active a:hover {
	color: #FFF;
}/*  Tabs  */.tab-shortcode {
	float: left;
	width: 100%;
}

ul.tabs {
	overflow: hidden;
	margin: 0px;
}

ul.tabs li {
	float: left;
	margin: 0px;
	list-style: none;
}

ul.tabs li a {
	display: block;
	background-color: #e5e5e5;
	padding: 6px 20px;
	margin-right: 5px;
	border-radius: 2px 2px 0px 0px;
	color: #666;
	text-decoration: none;
	font-size: 13px;
}

ul.tabs .tab-active a {
	color: #fff;
}

.tab_container {
	clear: both;
	padding: 20px 25px;
	margin-top: 0px;
	background: #FFF;
	font-size: 13px;
}/*  Dropcaps  */.dropcap-normal {
	float: left;
	font-size: 70px;
	font-weight: bold;
	line-height: 60px;
	margin: 0 8px 0 0;
}

.dropcap.dark {
	color: #FFFFFF;
}

.dropcap.round {
	border-radius: 3px;
}

.dropcap.square {
	border-radius: 50px;
}

.dropcap {
	display: block;
	float: left;
	font-size: 36px;
	margin: 6px 8px 0 0;
	text-align: center;
	text-transform: uppercase;
	line-height: 50px;
	width: 50px;
	height: 50px;
}
/*  Counters  */.counters {
	margin-top: 40px;
}

.counters ul {
	text-align: center;
}

.counters i {
	display: block;
	font-size: 50px;
	margin-bottom: 20px;
	position: relative;
}

.counters li {
	border-top:2px solid rgba(255,255,255,0.5);
	border-bottom:2px solid rgba(255,255,255,0.5);
	color: #ffffff;
	font-size: 18px;
	padding: 25px 0;
	text-align: center;
	text-transform: uppercase;
	border-radius: 3px
}

.counters li.last {
	border-right: 0 none;
}/*  List Styles  */.icons-ul li {
	color: #999999;
	margin-bottom: 10px;
	font-size: 13px;
}

.icons-ul li i {
	margin-right: 7px;
}

.fa-ul {
	font-size: 13px;
}

.fa-ul li {
	margin-bottom: 10px;
}/*  Alert Boxes  */.alertboxes {
	float: left;
	width: 100%;
}

.shortcode_alertbox {
	border-radius: 3px;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
	padding: 15px 40px 15px 14px;
	position: relative;
}

.shortcode_alertbox .box_close {
	background: url("webimages/close_box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-position: 10px 10px;
	background-size: 20px 20px;
	display: block;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 40px;
	cursor: pointer;
}

.shortcode_alertbox b {
	color: inherit;
}

.shortcode_alertbox.box_red {
	background: none repeat scroll 0 0 #F9E5E6;
	border: 1px solid #F7C7C9;
	color: #B3696C;
}

.shortcode_alertbox.box_blue {
	background: none repeat scroll 0 0 #D8ECF5;
	border: 1px solid #9AC9DF;
	color: #528DA9;
}

.shortcode_alertbox.box_yellow {
	background: none repeat scroll 0 0 #FCF7D9;
	border: 1px solid #F5DC7D;
	color: #C4A21B;
}

.shortcode_alertbox.box_green {
	background: none repeat scroll 0 0 #E3EBC6;
	border: 1px solid #C2D288;
	color: #8FA442;
}/*  Buttons  */a.newave-button {
	border-radius: 5px;
	letter-spacing: 0;
	text-transform: uppercase;
	display: inline-block;
}

a.newave-button.white {
	background-color: rgba(0,0,0,0.1);
}

a.start-button {
	width: 88px;
	height: 88px;
	padding: 20px;
	border-radius: 50%;
	letter-spacing: 0;
	text-transform: uppercase;
	display: inline-block;
}

.small {
	font-size: 12px;
	line-height: 14px;
	padding: 5px 9px 7px 9px;
	line-height: 12px;
}

.medium {
	font-size: 14px;
	line-height: 14px;
	padding: 10px 15px;
	line-height: 14px;
}

.large {
	font-size: 16px;
	line-height: 14px;
	padding: 15px 25px;
	line-height: 16px
}

.grey {
	color: #FFF;
}

.grey:hover {
	color: #FFF;
}

.color {
	color: #fff;
}

.color:hover {
	color: #fff;
}

.outline {
	background-color: none;
	border: 2px solid #184e6a;
	color: #999;
	line-height: 10px!important;
}

.outline:hover,li.currclass .outline {
	background-color: #184e6a;
	color: #FFF;
}

.outline.white {
	background-color: none;
	border: 2px solid #fff;
	color: #fff;
}

.outline.white:hover,li.currclass .outline.white {
	background-color: #fff;
	color: #222;
}

.rounded {
	border-radius: 50px!important;
}

.outline.orange {
	background-color: none;
	border: 2px solid #fca445;
	color: #fca445;
}

.outline.orange:hover {
	background-color: #fca445;
	color: #fff;
}/*  Font Awesome  */.the-icons li {
	font-size: 14px;
	height: 40px;
	text-transform: capitalize;
}

.the-icons li i {
	font-size: 18px;
	margin-right: 10px;
	vertical-align: -2px;
	width: 35px;
}/* Section pages styles */#home {
	height: 100%;
	position: relative;
	width: 100%;
}

#not-found {
	height: 100%;
	position: relative;
	width: 100%;
}

#home.parallax-slider {
	height: auto;
}

#we-are-good-at {
	background-color: #FFF;
}

#home-cases-box {
	background-color: #FFF;
}

#home-news {
	background:url('images/new style/bg06.jpg') no-repeat fixed;
	background-size: cover;
}

#home-case {
	background:url('images/new style/bg09.jpg') no-repeat fixed;
	background-size: cover;
}


#honor-box {
	background: url(webimages/indexbg.jpg) center no-repeat fixed;
}

#services {
	background-color: #FFF;
}

#footer-box {
	background-color: #FFF;
}

#footer-box.footer-box {
	border-top: 1px solid #f5f5f5;
}

#we-love-technology, #we-love-homenews {
	background-color: rgba(0,0,0,.5);
}

#portfolio {
	background-color: #FFF;
	overflow: hidden;
}

#contact {
	background-color: #fff;
}

footer {
	color:#fff;
	background-color: rgba(0,0,0,.5);
}

#blog {
	
}/* Parallax Styles */.parallax {
	height: 100%;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed !important;
}

.parallax-overlay {
	background-color: rgba(0,0,0,0);
	color: #ffffff;
}

.parallax-overlay h1, .parallax-overlay h3 {
	color: #ffffff;
}/* Home Pattern And Image Parallax */
.home-pattern {
	background: url(webimages/video_load.jpg) center center no-repeat;
	width: 100%;
	height: 100%;
	min-height: 100vh;
	background-size: cover;
	position: relative;
}

.pattern {
	background: url(webimages/pattern.png) repeat;
	width: 100%;
	height: 100%;
}

.pattern_bg {
	background: url(webimages/pattern.png) repeat;
	height: 100%;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
}

#home-center {
	height: 100%;
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	z-index: 3;
}

.div-align-center {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#home-center .div-align-center p {
	font-size: 14pt;
	line-height: 36px;
}

.ultralarge {
	color: #fff;
	text-align: center;
	font-size: 5rem;
	line-height: 80px;
	letter-spacing: 0px;
}

.ultrah3 {
	color: #fff;
	text-align: center;
	font-size: 3rem;
	line-height: 50px;
	letter-spacing: 0;
}

.four-zero-four {
	color: #fff;
	text-align: center;
	font-size: 180px;
	line-height: 180px;
	letter-spacing: 0;
}

.below-four-zero-four {
	margin-bottom: 40px!important;
}

.text-vertical {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 4rem;
	text-transform: uppercase;
	position: relative!important;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.5);
	line-height: 100px;
	letter-spacing: 1rem;
}

.text-vertical-p {
	text-align: center;
	display: block;
	color: #fff;
	font-size: 2rem;
	text-transform: uppercase;
	position: relative!important;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.5);
	line-height: 80px;
	letter-spacing: 0.8rem;
}

.text-slide-vertical {
	color: #fff;
	font-size: 4rem;
	text-transform: uppercase;
	width: 100px!important;
	position: relative!important;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.5);
}

.text-slide-vertical li {
	line-height: 100px;
	letter-spacing: 1rem;
}

.text-slide-vertical strong {
	font-size: 4.8rem;
	line-height: 100%;
}

.bullet {
	margin: 0 10px;
	opacity: 0.9;
	color: #fff;
}

.div-align-center p {
	margin-bottom: 20px;
	color: #ffffff;
}

p.after-slider {
	font-size: 30px;
	font-style: italic;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 40px;
}/* Home Fullwidth Parallax Slider */ul.fullwidth-slider {
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #222222;
	z-index: 0;
	-webkit-backface-visibility: visible;
	background-position: center center;
	background-repeat: no-repeat;
}

ul.fullwidth-slider li.slide {
	position: relative;
	display: none;
	overflow: hidden;
	float: left;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-attachment: absolute;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-backface-visibility: visible;
}

ul.fullwidth-slider li.slide .caption {
	position: relative;
	height: 100%;
	width: 100%;
	background: url(webimages/pattern.png) repeat;
}

ul.fullwidth-slider li.slide .caption .caption-inside {
	position: absolute;
	top: 0px;
	width: 100%;
}

ul.fullwidth-slider li.slide .caption .slide-caption {
	height: 100%;
	z-index: 0;
	display: table;
	position: relative;
	top: 0;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

ul.fullwidth-slider li.slide .caption .slide-caption .vertical-align-middle {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.vertical-align-middle p {
	margin: 20px 0;
	color: #fff;
}

.vertical-align-middle.dark p, .vertical-align-middle.dark h1 {
	color: #222;
}

ul.fullwidth-slider, ul.fullwidth-slider .caption-inside {
	height: 700px;
}

.parallax-slider .bx-wrapper .bx-next {
	right: 50px;
}

.parallax-slider .bx-wrapper .bx-prev {
	left: 50px;
}/* Home Full Screen Slider */#fullscreen-slider {
	display: none;
/* Only use this if you fade it in again after the images load */
}

#cycle-loader {
	height: 32px;
	left: 50%;
	margin: -8px 0 0 -8px;
	position: absolute;
	top: 50%;
	width: 32px;
	z-index: 999;
}

#slider_left {
	top: 50%;
	height: 60px;
	position: absolute;
	left: 50px;
	width: 32px;
	z-index: 1000;
	margin-top: -30px;
	cursor: pointer;
}

#slider_right {
	top: 50%;
	height: 60px;
	position: absolute;
	right: 50px;
	width: 32px;
	z-index: 1000;
	margin-top: -30px;
	cursor: pointer;
}

#slider_left:hover, #slider_right:hover {
	margin-top: -28px;
}

#slider_left:active, #slider_right:active {
	margin-top: -28px;
}

.slide-content {
	height: 100%;
	display: table;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

.light {
	color: #fff!important;
}

.dark {
	color: #222222;
}

.slide-content h1 {
	color: inherit;
	font-size: 100px;
	line-height: 100px;
	margin: 10px 0;
	letter-spacing: 1px;
}

.georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	line-height: 30px;
	font-style: italic;
	padding: 10px 0;
}

.slide-content p {
	margin: 10px 0;
}

.slide-content a {
	margin: 10px 0;
}/* Home Full Screen Video */#video_background {
	display: block;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: relative;
	z-index: 1;
}

.bgvideo {
	background: url(webimages/video_load.jpg) center center no-repeat;
	background-size: cover;
}/* We are Newave */.scroll-btn {
	position: absolute;
	font-size: 10px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	bottom: 30px;
	left: 50%;
	margin-left: -30px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	width: 60px;
	height: 40px;
	background: url('webimages/arrow-down.png') no-repeat center bottom;
	background-size: 30px 16px;
	z-index: 3900;
	opacity: .8;
}

.scroll-btn {
	-webkit-animation: arrows 3.8s infinite;
	-webkit-animation-delay: 1s;
	animation: arrows 3.8s infinite;
	animation-delay: 1s;
}

@keyframes arrows {
	0% {
		bottom: 30px;
	}

	10% {
		bottom: 40px;
	}

	20% {
		bottom: 30px;
	}

	30% {
		bottom: 40px;
	}

	40% {
		bottom: 20px;
	}

	50% {
		bottom: 40px;
	}

	60% {
		bottom: 30px;
	}

	70% {
		bottom: 40px;
	}

	80% {
		bottom: 20px;
	}

	90% {
		bottom: 40px;
	}

	100% {
		bottom: 30px;
	}
}

@-webkit-keyframes arrows {
	0% {
		bottom: 30px;
	}

	10% {
		bottom: 40px;
	}

	20% {
		bottom: 30px;
	}

	30% {
		bottom: 40px;
	}

	40% {
		bottom: 20px;
	}

	50% {
		bottom: 40px;
	}

	60% {
		bottom: 30px;
	}

	70% {
		bottom: 40px;
	}

	80% {
		bottom: 20px;
	}

	90% {
		bottom: 40px;
	}

	100% {
		bottom: 30px;
	}
}/* 首页业务 */.home-yewu {
	position: relative;
	border-bottom: 1px dotted #ccc;
	padding: 15px 0;
	overflow: hidden;
}

.home-yewu h3 {
	margin-top: 0px;
	color: #184e6a;
}

.home-yewu h5 {
	font-size: 1.35rem;
}

.home-yewu img {
	margin-top: 5px;
}

.home-yewu p {
	margin: 5px 0;
}/* 首页案例 */.home-cases {
	position: relative;
}

.cases-list {
	text-align: center;
}

.cases-list li {
	overflow: hidden;
	border-radius: 3px;
	position: relative;
}

.cases-list li img {
	display: block;
	border-radius: 3px;
	position: relative;
	z-index: 0;
	float: left;
	margin-bottom: 10px;
	max-width: 100%;
}

.cases-list li img:hover {
	opacity: 0.5;
}

.cases-profile {
	height: 185px;
	padding: 30px 20px 30px 20px;
	margin-top: 160px;
	z-index: 11;
	position: absolute;
	border-radius: 3px;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.cases-list li:hover > .cases-profile {
	margin-top: 0px;
	background-color: rgba(255,255,255,0.9);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}

.cases-profile h4 {
	color: #184e6a;
	text-transform: uppercase;
}

.cases-profile h5 {
	color: #000000;
	text-transform: uppercase;
	font-size: 14px;
}

p.about-cases {
	margin: 30px 0 10px 0;
	font-size: 12px;
	text-align: left;
	text-align: Justify;
	text-justify: inter-ideograph;
}/* 首页新闻 */.news-item {
	float: left;
	margin: 30px 0;
}

.news-item h5 {
	text-transform: uppercase;
}

.news-item.text-right {
	text-align: right;
}

.news-item.text-right .fa-stack {
	cursor: pointer;
	margin-left: 20px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	margin-top: -10px;
}

.news-item.text-left .fa-stack {
	cursor: pointer;
	margin-right: 20px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	margin-top: -10px;
}

.news-item img {
	border-radius: 5px;
	opacity: 1;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}

.news-item img:hover {
	border-radius: 5px;
	opacity: 0.6;
	background-color: #000000;
}

.news-item .service-icon {
	font-size: 27px!important;
}

#twitter-parallax .ico {
	display: inline-block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
}

#twitter-parallax .ico span {
	width: 160px;
	height: 160px;
	display: inline-block;
	background: url('webimages/home_ico.png') no-repeat #000000;
	border-radius: 50%;
}

#twitter-parallax .ico span.ico_szzg {
	background-position: 0 -160px;
}

#twitter-parallax .ico span.ico_ysdh {
	background-position: -160px -160px;
}

#twitter-parallax .ico span.ico_swhd {
	background-position: -320px -160px;
}

#twitter-parallax .ico:hover {
	display: inline-block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: #666666;
	color: #ffffff;
}

#twitter-parallax .ico:hover span.ico_szzg {
	background-position: 0 0;
}

#twitter-parallax .ico:hover span.ico_ysdh {
	background-position: -160px 0;
}

#twitter-parallax .ico:hover span.ico_swhd {
	background-position: -320px 0;
}

#twitter-parallax .ico:hover span {
	margin-bottom: -15px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
	-o-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
}/* 首页服务 */.honorimg img {
	border-radius: 5px;
	box-shadow: 0 0 1px rgba(0,0,0,0.3);
	margin: 0 auto;
}

.honorimg img:hover {
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1)
}

#waterwheelCarousel {
	display: block;
	width: 1180px;
	height: 250px;
	margin: 0 auto;
}

#waterwheelCarousel > img {
	display: none;
	cursor: pointer;
	border: 5px solid rgba(255,255,255,0.8);
	box-shadow: 0 0 5px #cccccc;
}

#footer-box .one_sixth {
}

#footer-box h5 {
	margin: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #dddddd;
}/* 底部导航 */.screens {
	position: relative;
}

.big-screen {
	width: 620px;
	height: auto;
	margin: 0 auto;
	z-index: 100;
}

.small-screen-left {
	width: 350px;
	height: auto;
	position: absolute;
	left: 0;
	top: 120px;
	z-index: 0;
}

.small-screen-right {
	width: 350px;
	height: auto;
	position: absolute;
	right: 0;
	top: 120px;
	z-index: 0;
}/* We are good at */.bar {
	text-align: left!important;
	margin: 0px!important;
}

.bar li {
	list-style: none!important;
}

.bar li:last-child span {
	margin-bottom: 0px;
}

.bar li .bar-wrap {
	margin-bottom: 50px;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	background: #dddddd;
}

.bar li span {
	height: 35px;
	width: 0px;
	display: block;
	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-o-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
}

.bar li p {
	padding-bottom: 2px;
}

.bar li span {
	overflow: visible!important;
	position: relative;
}

.bar li span strong {
	position: absolute;
	top: 10px;
	left: 10px;
	color: rgba(255, 255, 255, 0.8);
	line-height: 12px!important;
	display: block;
}/* Our Team */.our-team {
	text-align: center;
}

.our-team li {
	display: inline-block;
	margin: 0 50px;
	height: 330px;
	overflow: hidden;
	border-radius: 3px;
	position: relative;
	background-color: #000000;
}

.our-team li img {
	display: block;
	border-radius: 3px;
	position: relative;
	z-index: 0;
	float: left;
}

.team-profile {
	height: 200px;
	padding: 40px 20px 20px 20px;
	margin-top: 235px;
	z-index: 11;
	position: absolute;
	border-radius: 3px;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.our-team li:hover > .team-profile {
	margin-top: 0px;
	background-color: #FFF;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}

.team-profile h5 {
	color: #222222;
	text-transform: uppercase;
}

p.about-team {
	margin: 20px 0 30px 0;
	font-size: 13px;
}

ul.socials-icons {
	text-align: center;
}

ul.socials-icons li {
	width: 35px;
	height: 35px;
	margin: 5px;
	display: inline-block
}

ul.socials-icons li a {
	opacity: 0.5;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.socials-icons li a:hover {
	opacity: 1;
}/* Newsletter */#newsletter .container {
	padding-top: 30px;
	padding-bottom: 30px;
}

.newsletter-left {
	width: 60%;
	float: left;
	height: 50px
}

.newsletter-right {
	width: 40%;
	float: left;
	text-align: right;
	height: 40px;
	padding-top: 10px;
}

.newsletter-right a {
	cursor: pointer;
}

#newsletter input[type="text"] {
	border: 0 none;
	color: #fff;
	font-size: 36px;
	line-height: 50px;
	margin: 0;
	height: 50px;
	padding: 0px;
	text-transform: uppercase;
	width: 100%;
}/* Twitter Parallax*/.twitter-feed .bx-wrapper {
	margin: 30px 0 15px 0!important;
}

.twitter-feed li {
	width: 30%;
	display: inline-block;
	margin: 1%;
}

.twitter-feed li, .twitter-feed li a {
	color: #fff!important;
	text-transform: none;
	font-size: 17.5px;
	font-weight: 400;
}

.twitter-feed p {
	opacity: 0.5;
}

.twitter-feed-icon img {
	width: 60px;
	height: auto;
	opacity: 0.7;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.twitter-feed-icon img:hover {
	opacity: 1;
}

.twitter-feed .bx-wrapper .bx-controls-direction a {
	width: 18px;
	height: 34px;
}

.twitter-feed .bx-wrapper .bx-prev {
	left: 50%;
	margin-left: -30px;
	margin-top: 90px;
	background: url(webimages/slider_left_white.png) no-repeat;
	background-size: 18px 34px;
	opacity: 0.5;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	z-index: 0;
}

.twitter-feed .bx-wrapper .bx-next {
	right: 50%;
	margin-right: -30px;
	margin-top: 90px;
	background: url(webimages/slider_right_white.png) no-repeat;
	background-size: 18px 34px;
	opacity: 0.5;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	z-index: 0;
}

.twitter-feed .bx-wrapper .bx-prev:hover, .twitter-feed .bx-wrapper .bx-next:hover {
	opacity: 1;
}

.twitter-feed .bx-wrapper .bx-next:hover {
	background-position: 0 0;
}

.twitter-feed {
	margin-bottom: 70px;
}/* Services */
.service-item {
	float: left;
	margin: 30px 0;
}

.service-item h5 {
	text-transform: uppercase;
	color: #222222;
	margin: 5px 0;
}

.service-item.text-right {
	text-align: right;
}

.service-item.text-right .fa-stack {
	cursor: pointer;
	margin-left: 20px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.service-item.text-left .fa-stack {
	cursor: pointer;
	margin-right: 20px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

.service-item.text-right .fa-stack:hover, .service-item.text-left .fa-stack:hover {
	color: #222222;
}

.service-item .service-icon {
	font-size: 27px!important;
}/* Clients */#bx-pager {
	text-align: center;
}

#bx-pager a {
	margin: 0 10px;
}

#bx-pager a img {
	opacity: 1;
	box-shadow: 0 0 1px #dddddd;
	border-radius: 3px;
	width: 80px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

#bx-pager a img:hover, #bx-pager a.active img {
	opacity: 1;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	box-shadow: 0 5px 5px #cccccc;
}

.clients-slider li {
	padding: 0 50px;
}

.clients-slider h3 {
	color: #222222;
	text-transform: uppercase;
	margin-top: 20px;
	text-align: center;
}

.clients-slider p {
	margin-top: 20px;
	text-align: center;
}/* News */#news-pager {
	text-align: center;
}

#news-pager a {
	margin: 0 10px;
}

#news-pager a img {
	opacity: 1;
	padding: 5px;
	border-radius: 3px;
	width: 120px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

#news-pager a img:hover, #news-pager a.active img {
	opacity: 1;
	background-color: #ffffff;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	box-shadow: 0 5px 5px #cccccc;
}

.news-slider li {
	padding: 0 50px;
}

.news-slider h3 ,.news-slider h3 a {
	color: #184e6a;
	text-transform: uppercase;
	margin-top: 20px;
	text-align: center;
}

.news-slider p {
	margin: 20px auto;
	text-align: center;
	width: 65%;
}

ul.news-home-list {
	padding: 15px 0;
}

ul.news-home-list li {
	font-size: 13pt;
	padding: 5px 0;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* We love technology */
ul.technology {
	text-align: center;
}

ul.technology li {
	display: inline-block;
	width: 238px;
	margin: 10px;
	padding: 30px 20px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}


ul.technology li:first-child, ul.technology li:last-child {
	margin-left: 0px;
}

ul.technology li:last-child {
	margin-right: 0px;
}

ul.technology li h3 {
	font-size: 18px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.technology li h5 {
	text-transform: uppercase;
	color: #ffffff;
	margin-top: 10px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.technology li p {
	font-size: 13px;
	margin-top: 10px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	text-align: left;
	text-justify: inter-ideograph;
	text-align: justify;
}
ul.technology li:hover{
	background:none;
}
ul.technology li:hover i {
	color: #fff;
}

ul.technology li:hover h5 {
	color: #fff;
}

ul.technology li:hover p {
	color: #fff;
	opacity: 0.5;
}
/* jobs */
ul.jobs {
	text-align: center;
}

ul.jobs li {
	display: inline-block;
	width: 168px;
	margin: 10px;
	padding: 25px 20px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	box-shadow: 0 0 1px rgba(0,0,0,0.3);
	border-radius: 5px;
}

ul.jobs li:hover:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0 25px 25px 0;
	border-style: solid;
	display: block;
	width: 0;
}

ul.jobs li i {
	font-size: 40px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.jobs li h5 {
	text-transform: uppercase;
	color: #222222;
	margin-top: 10px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.jobs li p {
	font-size: 13px;
	margin-top: 10px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	text-align: left;
	text-justify: inter-ideograph;
	text-align: justify;
}

ul.jobs li:hover i {
	color: #fff;
}

ul.jobs li:hover h5 {
	color: #fff;
}

ul.jobs li:hover p {
	color: #fff;
	opacity: 0.5;
}/* Parallax Quote */.quote h1 {
	color: #FFF;
	padding: 30px 0 10px 0;
	font-size: 24px;
	line-height: 40px;
	letter-spacing: 0.5px;
}

.quote p {
	color: #FFF;
	opacity: 0.5;
}

h1 span.quote-img {
}

h1 span.quote-img img {
	width: 21px;
	height: auto;
	padding: 10px;
	margin-bottom: 12px;
	opacity: 0.5;
}/* Portfolio */.container.portfolio-title {
	padding-bottom: 0px;
}

.portfolio {
	overflow: hidden;
	zoom: 1;
}

.portfolio-bottom {
	clear: both;
}

#portfolio {
	padding-bottom: 0;
}/* Portfolio Filters */#filters {
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
	display: block;
	float: none;
	z-index: 2;
	position: relative;
}

#filters ul li {
	display: inline-block;
	margin: 0 5px;
}

#filters ul li a {
	display: block;
}

#filters ul li a h5 {
	padding: 8px 15px;
	text-transform: uppercase;
	background-color: #eeeeee;
	border-radius: 3px;
	font-size: 14px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

#filters ul li a:hover h5, #filters ul li a.active h5 {
	color: #fff;
}/* Portfolio Items */#portfolio-wrap {
	position: relative;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	background-color: #f5f5f5;
}

#portfolio-wrap .one-six {
	position: relative;
	margin: 0px!important;
	line-height: 0;
	width: 16.66%;
	padding: 0px!important;
}

#portfolio-wrap .one-four {
	position: relative;
	margin: 0px!important;
	line-height: 0;
	width: 24.9777777%;
	padding: 0px!important;
}

.portfolio-item {
	padding: 0;
	position: relative;
	overflow: hidden;
}

.portfolio-item .jiange {
	margin: 5px;
	position: relative;
	overflow: hidden;
}

.portfolio-item .portfolio-image {
	overflow: hidden;
	display: block;
	position: relative;
}

.portfolio-item .portfolio-image img {
	width: 100%;
	height: auto;
	display: block;
}

.portfolio-item:hover .project-overlay {
	background: #000;
	opacity: 0.5;
	transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
}

.project-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	background: url(/webimages/project-overlay.png) bottom left repeat-x;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	cursor: pointer;
}

.open-project-link {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
}

.open-project-link a {
	width: 100%;
	height: 100%;
	display: block;
}

.project-info {
	position: absolute;
	height: 120px;
	width: 100%;
	bottom: 0;
	text-align: center;
}

.project-name {
	text-align: left;
	padding-left: 20px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 85px;
	opacity: 1;
	text-shadow: 0 0 30px #000;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}

.portfolio-item:hover .project-name {
	opacity: 1;
	-webkit-transition: opacity .4s .5s;
	-moz-transition: opacity .4s .5s;
	-ms-transition: opacity .4s .5s;
	-o-transition: opacity .4s .5s;
	transition: opacity .3s .5s;
}

.project-categories {
	text-align: left;
	font-size: 13px;
	padding: 5px 0 0 20px;
	color: #fff;
	opacity: 0.8;
	text-shadow: 1px 1px 1px #000;
	margin-top: 13px;
	transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	-ms-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
}

.portfolio-item:hover .project-categories {
	opacity: 0.5;
	-webkit-transition: opacity .4s .8s;
	-moz-transition: opacity .4s .8s;
	-ms-transition: opacity .4s .8s;
	-o-transition: opacity .3s .8s;
	transition: opacity .3s .8s;
}

.zoom-icon {
	left: 50%;
	margin-left: -30px;
	position: inherit;
	width: 60px;
	height: 60px;
	margin-top: 30px;
	opacity: 0;
/* background: url(webimages/view.png);*/
	background-size: 60px 60px;
	transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.2s;
	-webkit-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
}

.zoom-play {
	left: 50%;
	margin-left: -30px;
	position: inherit;
	width: 60px;
	height: 60px;
	margin-top: 30px;
	opacity: 0;
	background: url(webimages/play.png);
	background-size: 60px 60px;
	transition: all 0.3s ease 0.1s;
	-moz-transition: all 0.3s ease 0.2s;
	-webkit-transition: all 0.3s ease 0.2s;
	-ms-transition: all 0.3s ease 0.2s;
	-o-transition: all 0.3s ease 0.2s;
}

.portfolio-item:hover .zoom-icon,.portfolio-item:hover .zoom-play {
	opacity: 1;
	margin-top: 0px;
	-webkit-transition: opacity .3s .2s, margin-top .3s .2s;
	-moz-transition: opacity .3s .2s, margin-top .3s .2s;
	-ms-transition: opacity .3s .2s, margin-top .3s .2s;
	-o-transition: opacity .3s .2s, margin-top .3s .2s;
	transition: opacity .3s .2s, margin-top .3s .2s;
}

.portfolio-item:hover .portfolio-image img {
}/* Portfolio Isotope Transitions */.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
}

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s;
}/* Portfolio Expander */#project-page-holder {
	display: none;
	background-color: #FFF;
}

#project-page-button-fullscreen {
	height: auto;
	z-index: 100;
	position: absolute;
	right: 30px;
	top: 30px;
}

#project-page-button-fullscreen li {
	display: inline-block;
	font-size: 30px;
}

#project-page-button-fullscreen li a {
	background: url(webimages/close.png) no-repeat #fff;
	background-size: 50px 50px;
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 50px;
	opacity: 0.5;
}

#project-page-button-fullscreen li a:hover {
	opacity: 1;
}

#project-page-button {
	text-align: center;
	margin-bottom: 20px;
	height: auto;
	position: relative;
	z-index: 100;
}

#project-page-button li {
	display: inline-block;
	margin: 60px 10px 0px 10px;
	font-size: 30px;
}

#project-page-data {
	margin-bottom: 0px;
}

.project-section-title {
	text-align: center;
	margin-bottom: 40px;
}

.project-section-title h1 {
	margin-bottom: 5px!important;
	letter-spacing: 1px;
}

.project-page {
	background-color: #FFF;
	width: 100%;
	height: auto;
	left: 0;
	padding-bottom: 40px;
}/* Portfolio Normal Expander Project Slider */.project-image-slider .bx-wrapper .bx-next {
	background: url("webimages/project_slider_right.png") no-repeat;
	background-size: 35px 65px;
	opacity: 0.3;
	right: -90px;
}

.project-image-slider .bx-wrapper .bx-prev {
	background: url("webimages/project_slider_left.png") no-repeat;
	background-size: 35px 65px;
	opacity: 0.3;
	left: -90px;
}

.project-image-slider .bx-wrapper .bx-next:hover, .project-image-slider .bx-wrapper .bx-prev:hover {
	opacity: 1;
	background-position: 0
}

.project-image-slider .bx-wrapper .bx-controls-direction a {
	height: 65px;
	margin-top: -33px;
	outline: 0 none;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 35px;
	z-index: 100;
}/* Portfolio Normal Expander */.project-description {
	margin-top: 40px;
	margin-bottom: 20px;
	width: 100%;
	height: auto;
}

.small-border {
	height: 2px;
	width: 50px;
	background-color: #ddd;
	margin-bottom: 15px;
}

.visit-project {
	width: 100%;
	text-align: center;
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding: 55px 0 20px 0;
}

.project-description h5 {
	color: #222222;
	text-transform: uppercase;
	margin-bottom: 5px;
}/* Portfolio FullScreen Expander */#cycle-loader {
	height: 32px;
	left: 50%;
	margin: -8px 0 0 -8px;
	position: absolute;
	top: 50%;
	width: 32px;
	z-index: 999;
}

#arrow_left {
	top: 50%;
	height: 60px;
	position: absolute;
	left: 30px;
	width: 32px;
	z-index: 1000;
	margin-top: -30px;
}

#arrow_right {
	top: 50%;
	height: 60px;
	position: absolute;
	right: 30px;
	width: 32px;
	z-index: 1000;
	margin-top: -30px;
}

#arrow_left:hover, #arrow_right:hover {
	margin-top: -28px;
}

#arrow_left:active, #arrow_right:active {
	margin-top: -28px;
}

div.mc-image {
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	overflow: hidden;
	width: 100%;
}

.in-slide-content div.info-slide {
	background: #FFF url(webimages/info.png) no-repeat left bottom;
	background-size: 46px 46px;
	position: absolute;
	top: 30px;
	left: 30px;
	width: 46px;
	height: 46px;
	margin: 0;
	display: block;
	text-indent: 10px;
	-moz-border-radius: 23px;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	cursor: pointer;
	z-index: 1000;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=0.5);
	opacity: 0.5;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.in-slide-content div.info-slide:hover {
	width: 200px;
	background: #FFF;
	position: absolute;
	bottom: 40px;
	padding: 10px 20px;
	text-indent: 0px;
	moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	z-index: 1000;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=1);
	opacity: 1;
}

.in-slide-content h2, .in-slide-content p {
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 24px;
}

.in-slide-content h2 {
	font-size: 14px;
	color: #444;
	text-shadow: none;
	font-weight: normal;
	text-transform: uppercase;
	z-index: 1001;
	position: relative;
	white-space: nowrap;
}

.info-slide p {
	color: #aaa;
	font-size: 13px;
	text-shadow: none;
	z-index: 1001;
	position: relative;
	margin: 0;
	font-weight: normal;
	white-space: nowrap;
}

.in-slide-content div.info-slide h2 {
	display: none;
	padding: 10px 10px 0 10px;
}

.in-slide-content div.info-slide p {
	display: none;
	padding: 0px 10px 10px 10px;
}

.in-slide-content div.info-slide:hover h2, .in-slide-content div.info-slide:hover p {
	display: inherit;
	padding: 0;
}/* Project External */#project-header {
	height: 600px;
	z-index: 1;
}

#project-header .container {
	height: inherit;
}

.table-header {
	display: table;
	position: relative;
	height: inherit;
	width: 100%;
}

.table-left {
	width: 50%;
	left: 0;
	position: absolute;
	bottom: 0;
}

.table-right {
	width: 50%;
	text-align: left;
	position: relative;
	right: 0;
	display: table-cell;
	vertical-align: middle
}

.table-header h2 {
	margin-bottom: 25px;
}

.table-header p {
	margin-bottom: 35px;
}

#project-url {
	height: 40px;
	background-color: #222222;
	text-align: center;
	position: relative;
	z-index: 10;
}

#project-url .site a {
	color: #FFFFFF;
	display: block;
	font-family: Georgia;
	font-size: 13px;
	height: 40px;
	letter-spacing: 1px;
	line-height: 40px;
	overflow: hidden;
}

#project-url .site .group {
	display: block;
	width: 100%;
}

#project-url .site .group span {
	display: block;
	height: 40px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

#project-url .site:hover .text {
	display: block;
	margin-top: -40px;
}

#project-url .site:hover .hover {
	display: block;
}

#project-info .section-title {
	margin-bottom: 0;
}

#project-features {
	background-color: #fff;
}

#project-slider .container {
	padding-bottom: 60px;
}

#project-slider .bx-wrapper {
	margin-bottom: 60px!important;
}

#project-options {
	background: #fff;
}

#project-options h2 {
	margin: 40px 0;
}

#project-options ul {
	margin-bottom: 40px;
}

#project-options ul li {
	line-height: 24px;
}

#project-counters {
	background-color: #222;
}

#project-counters .counters {
	margin-top: 20px;
	width: 1120px;
	margin: 0 auto;
}

#project-counters .counters li {
	background: none;
	border-radius: 3px 3px 3px 3px;
	color: rgba(255,255,255,0.6);
	font-size: 15px;
	padding: 25px 0;
	text-align: center;
	text-transform: none;
}

#project-counters .counters li .count {
	border-radius: 3px 3px 3px 3px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70px;
	padding: 25px 0;
	text-align: center;
	text-transform: uppercase;
	display: block;
}/* Shortcode call to action */.call-action {
	color: #222222;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	padding: 60px 0;
	line-height: 35px;
}

.call-action a {
	margin-left: 20px;
}/* Contact Parallax */.contact-details {
	text-align: center;
	width: 100%;
}

.phone-icon {
	width: 72px;
	height: 72px;
	margin: 0 auto;
	margin-bottom: 60px;
}

.company-phone a {
	color: #fff;
	background-color: rgba(255,255,255,0.15);
	text-align: center;
	font-size: 72px;
	line-height: 72px;
	padding: 10px 20px;
	border-radius: 3px;
	margin-bottom: 30px;
	display: inline-block;
	letter-spacing: 5px;
}

.company-phone a:hover {
	color: #fff;
}

h5.company-email {
	margin-bottom: 15px;
	color: #999999;
	text-transform: none;
}

h5.company-address {
	margin-bottom: 15px;
	color: #ffffff;
	text-transform: none;
}/* Contact Formular */#contact-formular {
	text-align: center!important;
}

#contact-formular input[type="text"], textarea {
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
	height: 20px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 94%;
	background: #f5f5f5;
	border-radius: 3px;
	margin-bottom: 20px;
	border: 0;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

#contact-formular input[type=text]:focus, #contact-formular textarea:focus, input[type=email]:focus {
	background-color: #e1e1e1;
}

#contact-formular textarea {
	height: 160px;
	resize: none;
}

#contact-formular input[type="submit"] {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 10px 15px;
	letter-spacing: 0;
	line-height: 14px;
	cursor: pointer;
	border-radius: 3px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	text-align: center;
}

.error_message {
	text-align: center;
	margin-bottom: 30px;
	font-size: 13px;
	color: #e93735;
	font-weight: bold;
}

#success_page {
	text-align: center;
}

#success_page p {
	color: #999999;
	margin-top: 20px;
}

#message fieldset {
	border: none;
}

#map_canvas {
	width: 100%;
	height: 400px;
	z-index: 0;
	position: relative;
}/* Footer */footer {
	box-shadow: 0px -1px 5px rgba(0,0,0,0.15);
	z-index: 100;
	position: relative;
	padding: 40px 0;
	text-align: center;
}

footer ul.socials-icons {
	margin: 10px 0 20px 0;
}

footer ul.socials-icons li {
	margin: 0 10px;
}

.erweima li {
	display: inline-block;
	margin: 20px 30px;
	margin-top: 60px;
}

.erweima li img {
	display: block;
	margin-bottom: 10px;
}
.erweima a{
	color:#eee;
}
.erweima a:hover{
	color:#00f8ff;
}
#menu_top {
	height: 50px;
	width: 40px;
	border-radius: 3px;
	left: 50%;
	margin-left: -20px;
	margin-top: -65px;
	position: absolute;
	cursor: pointer;
}

#menu_top_inside {
	background-image: url(webimages/menu_bottom_top_bg.png);
	background-size: 18px 11px;
	background-position: 0 0;
	height: 22px;
	left: 11px;
	position: absolute;
	top: 14px;
	transition: background-position 0.3s linear 0s;
	width: 18px;
}

#menu_top:hover #menu_top_inside {
	-webkit-animation: bottom_top_over .3s linear infinite;
	-moz-animation: bottom_top_over .3s linear infinite;
	-o-animation: bottom_top_over .3s linear infinite;
	animation: bottom_top_over .3s linear infinite;
}

@-webkit-keyframes bottom_top_over {
	0% {
		background-position: 0px 0px;
	}

	100% {
		background-position: 0px -11px;
	}
}

@-moz-keyframes bottom_top_over {
	0% {
		background-position: 0px 0px;
	}

	100% {
		background-position: 0px -11px;
	}
}

@keyframes bottom_top_over {
	0% {
		background-position: 0px 0px;
	}

	100% {
		background-position: 0px -11px;
	}
}
#about {
	
}

section.list-top {
	position: relative;
	height: 420px;
	max-height: 640px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.top_menu {
	position: absolute;
	width: 100%;
	left: 0;
	top: 20%;
	z-index: 3;
	text-align: center;
}

.top_menu h1 {
	margin-top: 1rem;
	color: #fff;
	margin-bottom: 2rem;
 /*text-shadow: 0 0 5px rgba(0, 0, 0,0.5);*/
	font-weight: 700;
}

.top_menu p {
	color: #cccccc;
	text-shadow: 0 0 1px rgba(0, 0, 0,1);
}

.top_menu h2 {
	text-shadow: 0 0 5px rgba(0, 0, 0,0.5);
	font-size: 4rem;
	color: #ffffff;
	margin-top: 25px;
	text-align: center;
	font-weight: 700;
	width: 100%;
	margin-bottom: 40px;
}

.btn_menu li {
	display: inline-block;
	margin: 2px;
}

.btn_menu li.currclass a {
/*border-color:#e77905;color:#e77905;*/
}

.triangles {
	margin-bottom: 40px;
	text-align: center;
}

.triangles .fa {
	font-size: 22pt;
	color: rgba(255, 255, 255,0.8);
	line-height: 60px;
	-webkit-transition: all 500ms ease-out;
	-moz-transition: all 500ms ease-out;
	-o-transition: all 500ms ease-out;
	transition: all 500ms ease-out;
}

.up-triangle, .down-triangle {
	display: inline-block;
	margin-left: -100px;
}

.up-triangle:first-child {
	margin-left: 20px;
}

.up-triangle {
	width: 0;
	height: 0;
	border-bottom: 200px solid rgba(0,0,0,0.5);
	border-left: 122px solid transparent;
	border-right: 122px solid transparent;
	position: relative;
}

.down-triangle {
	width: 0;
	height: 0;
	border-top: 200px solid rgba(0,0,0,0.5);
	border-left: 122px solid transparent;
	border-right: 122px solid transparent;
	position: relative;
}

.up-triangle div.info {
	position: absolute;
	bottom: -170px;
	color: #ffffff;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	font-size: 12pt;
}

.down-triangle div.info {
	position: absolute;
	top: -170px;
	color: #fffffff;
	margin-left: -100px;
	width: 200px;
	text-align: center;
	font-size: 12pt;
}

.down-triangle .fa {
	padding-top: 5px;
	line-height: 60px;
}

.triangles a {
	color: rgba(255, 255, 255,0.8);
	text-shadow: 0 0 1px rgba(0, 0, 0,0.5);
	display: block;
}

.triangles a:hover {
	color: rgba(255, 255, 255,1);
}

.up-triangle:hover .fa, .down-triangle:hover .fa {
	color: rgba(255, 255, 255,1);
}

section.rongyu {
	padding: 6rem 0;
	background-color: #eeeeee;
	position: relative;
	overflow: hidden;
}

section.rongyu .rongyulist {
	overflow: hidden;
}

section.rongyu .rongyulist ul.ryimglist {
	list-style: none;
	margin: 0;
}

section.rongyu .rongyulist ul.ryimglist li {
	float: left;
	margin: 1rem;
	list-style: none;
	display: inline-block;
	text-align: center;
}

section.rongyu .rongyulist ul.ryimglist li span {
	display: block;
	border: 0.5rem solid rgba(255,255,255,.1);
	border-radius: 0.3rem;
	height: 100%;
	box-shadow:0 0 2px #00f8ff;
}

section.rongyu .rongyulist ul.ryimglist li img {
	height: 200px;background: #ffffff;
	width: auto;
}

#rongyulist {
	float: left;
	width: 120080px;
}

#rongyubox1, #rongyubox2 {
	float: left;
}

.cd-container {
	width: 100%;
	margin: 0 auto;
}

.cd-container::after {
	content: '';
	display: table;
	clear: both;
}

#cd-timeline {
	position: relative;
	padding: 2em 0;
}

#cd-timeline::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #ccc;
}

#cd-timeline {
	margin-top: 3em;
	margin-bottom: 3em;
}

#cd-timeline::before {
	left: 50%;
	margin-left: -2px;
}

.cd-timeline-block {
	position: relative;
	margin: 2em 0;
}

.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}

.cd-timeline-block:first-child {
	margin-top: 0;
}

.cd-timeline-block:last-child {
	margin-bottom: 0;
}

.cd-timeline-block {
	margin: -3em 0;
}

.cd-timeline-block:first-child {
	margin-top: 0;
}

.cd-timeline-block:last-child {
	margin-bottom: 0;
}

.cd-timeline-block i.arrow {
	position: absolute;
	right: -40px;
	top: 0px;
	width: 20px;
	height: 20px;
	background: #eee;
	z-index: 0;
 /* Rotate */
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
 /* Rotate Origin */
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.cd-timeline-block:nth-child(even) i.arrow {
	position: absolute;
	left: -20px;
	top: 0px;
}

.cd-timeline-img {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 4px solid #fff;
	background-color: #eee;
}

.cd-timeline-img img {
	display: block;
	width: 24px;
	height: 24px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
}

.cd-timeline-img:hover {
	background-color: #666666;
	cursor: pointer;
	color: #ffffff;
}

.cd-timeline-img {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 50px;
	left: 50%;
	margin-left: -30px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	color: #666666;
}

.cd-timeline-img.is-hidden {
	visibility: hidden;
}

.cd-timeline-img.bounce-in {
	visibility: visible;
	-webkit-animation: cd-bounce-1 0.6s;
	-moz-animation: cd-bounce-1 0.6s;
	animation: cd-bounce-1 0.6s;
}

.cd-timeline-content {
	position: relative;
	margin-left: 60px;
	background-color: #eeeeee;
	border-radius: 0.50em;
	padding: 20px;
}

.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}

.cd-timeline-content h2, .cd-timeline-content a h2 {
	font-size: 14px !important;
	color: #333;
	margin-top: 0;
	padding-bottom: 5px;
	text-transform: uppercase;
	text-align: left !important;
	position: relative;
}

.cd-timeline-content a:hover h2 {
	font-size: 14px !important;
	color: #000000;
}

.cd-timeline-content p, .cd-timeline-content a p {
	color: #666666;
	margin: 0px;
}

.cd-timeline-content a:hover p {
	color: #333;
}

.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	display: inline-block;
}

.cd-timeline-content p {
	font-size: 12px !important;
	color: #333;
	line-height: 24px;
}

.cd-timeline-content p img {
	float: left;
	display: block;
	margin-right: 10px;
	width: 25%;
	border-radius: 5%;
}

.cd-timeline-content {
	margin-left: 0px;
	width: 40.5%;
}

.cd-timeline-content::before {
	display: none;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content {
	float: right;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	top: 24px;
	left: auto;
	right: 100%;
	border-color: transparent;
	border-right-color: white;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
	float: right;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	left: auto;
	right: 122%;
	text-align: right;
}

.cd-timeline-content.is-hidden {
	visibility: hidden;
}

.cd-timeline-content.bounce-in {
	visibility: visible;
	-webkit-animation: cd-bounce-2 0.6s;
	-moz-animation: cd-bounce-2 0.6s;
	animation: cd-bounce-2 0.6s;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
	-webkit-animation: cd-bounce-2-inverse 0.6s;
	-moz-animation: cd-bounce-2-inverse 0.6s;
	animation: cd-bounce-2-inverse 0.6s;
}

@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(0.5);
	}

	60% {
		opacity: 1;
		-moz-transform: scale(1.2);
	}

	100% {
		-moz-transform: scale(1);
	}
}

@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}

@keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

ul.fengongshi {
	text-align: center;
}

ul.fengongshi li {
	display: inline-block;
	width: 168px;
	margin: 0 10px;
	padding: 15px 20px;
	height: 220px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.fengongshi li img {
	border-radius: 5px;
}

ul.fengongshi li h5 {
	text-transform: uppercase;
	margin-top: 10px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.fengongshi li p {
	font-size: 13px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	text-align: left;
	text-justify: inter-ideograph;
	text-align: justify;
	text-align: center;
}

ul.fengongshi li:hover {
	border-radius: 5px;
	background: rgba(0,248,255,0.1);
	box-shadow: 0 1px 15px rgba(0,0,0,0.3);
}

ul.fengongshi li:hover h5 {
	color: #fff;
}

ul.fengongshi li:hover p {
	
}

.investor-modal {
	text-align: left;
	width: auto;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	border-left: 3px solid #45fced;
	background-color: #184e6a;
	color: #767f91;
	font-size: 13px;
	line-height: 22px;
}

.investor-modal h2 {
	color: #fff;
	font-size: 1.5rem;
}

.investor-modal .name {
	color: #fff;
	font-size: 2.3125rem;
}

.investor-modal .title {
	padding-left: 5px;
	color: #45fced;
	text-transform: uppercase;
	font-size: 1rem;
	margin-bottom: 10px;
}

.investor-modal .leirong {
	padding-left: 5px;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 1rem;
}

.investor-modal .close, .investor-modal .close:hover {
	color: #fff;
}

.investor-modal .fgslist img {
	width: 120px;
	display: inline-block;
	margin: 5px;
}

ul.teambox {
	text-align: center;
}

ul.teambox li {
	display: inline-block;
	width: 168px;
	margin: 0 10px;
	padding: 20px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.teambox li img {
	border-radius: 5px;
}

ul.teambox li h5 {
	text-transform: uppercase;
	margin-top: 10px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

ul.teambox li p {
	font-size: 13px;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	text-align: left;
	text-justify: inter-ideograph;
	text-align: justify;
	text-align: center;
}

ul.teambox li:hover {
	border-radius: 5px;
	box-shadow: 0 1px 15px rgba(0,0,0,0.3);
}

ul.teambox li:hover h5 {
	color: #fff;
}

ul.teambox li:hover p {
	opacity: 0.5;
}

#team_gjgw h4 {
	font-size: 12px;
	color: #45fced;
	margin-bottom: 10px;
}

#team_gjgw .two_fifth img {
	border-radius: 5px;
}/* 联系力方 */section.contact-top {
	position: relative;
	height: 500px;
	max-height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section.contactus .row-fluid .noline {
	position: relative;
	padding: 3rem 0;
	overflow: hidden;
}

section.contactus .row-fluid .aline {
	position: relative;
	padding: 3rem 0;
	border-top: 1px dotted #cccccc;
	overflow: hidden;
}

section.contactus .row-fluid ul {
	clear: both;
}

section.contactus .callbox {
	float: left;
	overflow: hidden;
	zoom: 1;
	font-size: 1rem;
}

section.contactus .callbox dt {
	display: block;
	height: 26px;
	line-height: 26px;
	margin-bottom: 10px;
}

section.contactus .callbox dt span {
	display: inline-block;
	border-bottom: 2px solid #184e6a;
	color: #184e6a;
	font-weight: bold;
	font-size: 1.2rem;
}

section.contactus .callbox dd {
	line-height: 24px;
	display: block;
	clear: both;
}

section.contactus .callbox dd span.ddtit {
	float: left;
	display: inline-block;
	height: 24px;
	width: 65px;
}

section.contactus .callbox dd span.ddcon {
	float: left;
	display: inline-block;
	width: 252px;
}

#contact_box a {
	margin-left: 10px;
	margin-right: 10px;
}

#roll_top {
	width: 41px;
	height: 115px;
	display: block;
	position: relative;
	cursor: pointer;
}

#find_serv {
	width: 41px;
	height: 128px;
	display: block;
	position: relative;
	cursor: pointer;
	margin-bottom: 5px;
}

#find_serv {
	background: url("webimages/contact/mintip.gif") no-repeat right -126px rgb(199, 16, 28);
}

#find_serv:hover {
	background: url("webimages/contact/mintip.gif") no-repeat left -126px rgb(149, 7, 17);
}

#roll_top {
	background: url("webimages/contact/mintip.gif") no-repeat right top rgb(255, 255, 255);
}

#roll_top:hover {
	background: url("webimages/contact/mintip.gif") no-repeat left top rgb(149, 7, 17);
}

#roll {
	width: 31px;
	right: 20px;
	bottom: 50px;
	position: fixed;
	_margin-top: 300px;
	_position: absolute;
	_bottom: auto;
	z-index: 10000;
}

.find_sev_span {
	background: rgb(18, 59, 81);
	top: 0px;
	width: 0px;
	height: 128px;
	right: 36px;
	overflow: hidden;
	display: none;
	position: absolute;
}

.find_sev_span .dizhimeun {
	width: 166px;
	padding: 8px;
	height: 24px;
	text-align: left;
	color: rgb(255, 255, 255);
	line-height: 24px;
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.find_sev_span .dizhimeun a {
	color: #ffffff;
	display: inline-table;
	margin-right: 10px;
	white-space: nowrap;
}

.find_sev_span .dizhimeun a span {
	white-space: nowrap;
}

.wrap_serv {
	padding-left: 10px;
}/* 展馆工程 */#lmlist .container {
	padding: 68px 0 30px 0 !important;
}

#exhibition {
}

#honor-box .choosebox, #exhibition .choosebox {
	border-top: 5px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 1.5rem 0;
	overflow: hidden;
}
#honor-box .fa-ul{
	margin-left: 3.142857em;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
#honor-box .fa-li {
	top: .35285714em;
}
#honor-box .fa-ul li {
	line-height: inherit;
	height: auto;
}
#honor-box .swiper-slide{
	height: auto;
}
#honor-box .swiper-wrapper{
	align-items: stretch;
}


#exhibition .choosebox h5 {
	margin-bottom: 10px;
}

#exhibition .choosebox p {
	font-size: 12px;
}

.picnr {
}

.picnr .title {
	height: 52px;
	line-height: 52px;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
}

.picnr .title span {
	font-size: 12px;
	font-weight: normal;
	margin-left: 20px;
}

.picnr .del {
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0px 20px;
}

.picnr .del a {
}

.picnr .picnrbox {
	background-color: rgba(50,50,50,0.8);
}

.picnr .picnrbox .showpic {
}

.picnr .picnrbox .showpic .imglist img {
	margin: 10px;
}

.picnr .nph_intro {
	padding: 10px 30px;
	line-height: 24px;
}

.picnr .nph_tj {
	padding: 10px 30px;
}

.picnr .nph_tj li {
	height: 25px;
	line-height: 25px;
}

.picnr .nph_tj a {
}

.picnr .imageintro {
	padding: 10px 30px;
	line-height: 24px;
	text-align: left;
}	/* 图片分页方式的样式*/.imagelist {
	margin: 0 auto;
	width: 100%;
} /*总宽度*/.imagelist .imagetop {
	padding: 8px;
	text-align: right;
}

.imagelist .imagetop a {
	color: #767676;
}

.imagelist .defaultimagesrc {
	text-align: center;
	padding: 10px 0;
	background-color: rgba(0,0,0,0.3);
}

.imagelist .defaultImagesrc img {
	border: 1px solid #f1f1f1;
	padding: 2px;
	width: 100%;
}

.imagelist .imageintro {
	text-align: center;
	font-size: 14px;
}

.thumb {
	height: 112px;
	padding: 5px;
}

.thumb_1 {
	text-align: center;
	height: 50px;
	width: 60px;
	padding-top: 30px;
	font-weight: 400;
	font-size: 14px;
	color: #000;
	display: none;
}

.thumb_1 .font-28 {
	font-size: 18px;
	color: red;
}

.thumb_2 {
	padding: 0 45px;
	position: relative;
}

.thumb_2_1 {
 /*background: url(/images/qh1.gif) no-repeat 0px 20px; */
	text-align: center;
	height: 112px;
	line-height: 112px;
	width: 35px;
	cursor: pointer;
	position: absolute;
	left: 0px;
}

.thumb_2_2 {
 /*background: url(/images/qh2.gif) no-repeat 0px 20px; */
	text-align: center;
	height: 112px;
	line-height: 112px;
	width: 35px;
	cursor: pointer;
	position: absolute;
	right: 0px;
}

#scrool_div {
	position: relative;
	height: 110px;
	overflow: hidden;
}

#scrool_wrap {
	height: 107px;
	position: absolute;
	width: 20000px;
}

#scrool_wrap li {
	width: 170px;
	height: 97px;
	float: left;
	padding: 5px;
}

#scrool_div img {
	width: 162px;
	height: 91px;
}

.normalthumb img {
	padding: 2px;
	border: 1px solid #666666;
}

.currthumb img {
	padding: 2px;
	border: 1px solid #fca445;
}	/* 图片分页方式的样式结束*/	/*组图显示方式的样式*/.imggrouplist {
	margin: 0 auto;
	width: 590px;
}

.imggrouplist li {
	width: 130px;
	float: left;
	margin: 2px;
	border: 1px #999999 solid;
	background: #FFFFFF;
	padding: 5px;
	text-align: center
}

.imggrouplist li img {
	width: 120px;
	height: 90px;
}	/*组图显示方式的样式结束*/	/*平行显示方式样式*/.imglist {
	text-align: center
}

.imglist img {
	border: 4px solid #efefef;
	padding: 1px
}

.imglist div {
	margin-bottom: 15px
}	/*平行显示方式样式结束*/#pageNext {
	text-align: right
}/* 三维动画 */#playbox {
	background-size: cover;
}

#playbox .container {
	/* padding: 30px 0 !important; */
}

#playbox .infogroup {
	padding: 10px 0 !important;
}

#playbox .infogroup a {
	cursor: pointer;
}

#playbox .infogroup a i {
	display: block;
	margin-bottom: 5px;
}

#animation video {
	width: 100%;
	height: auto;
}

#yingyong h5 {
	text-align: center;
	margin: 10px auto;
	color: #ffffff;
}

#yingyong ul {
	border-left: 1px dotted rgba(255,255,255,0.2);
	border-right: 1px dotted rgba(255,255,255,0.2);
	min-height: 100px;
}

#yingyong h5 i {
	font-size: 4rem;
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #ffffff;
	color: #222222;
	line-height: 100px;
	margin: 10px auto;
}/* Blog */
#blog-header {
	text-align: center;
	padding: 180px 0 100px 0;
}

#blog-header p {
	font-family: '宋体';
	font-size: 12px;
}

#blog {
	position: relative;
	width: 100%;
}

#blog .container {
	margin-top: -50px;
	background-color:rgba(0,0,0,.3);
	top: -50px;
	padding: 40px 40px 60px 40px;
	width: 1100px!important;
	border-radius: 3px;
}

#blog.masonry .container {
	margin-top: -50px;
	background-color: rgba(0,0,0,.2);
	top: -50px;
	padding: 25px;
	width: 1130px!important;
	border-radius: 3px;
}

.blog-posts-content {
	width: 800px;
	min-height: 500px;
	float: left;
	margin-right: 60px;
}

#blog.masonry .blog-posts-content {
	width: 100%;
	min-height: 500px;
	float: left;
	margin-right: 50px;
}

.blog-post {
	float: left;
}

.blog-post.masonry {
	background-color: rgba(0,0,0,.4);
	
	padding: 20px;
	width: 283px;
	margin: 25px;
	border-radius: 3px;
}

.blog-post.masonry-quote {
	margin: 25px;
	width: 325px;
}

.blog-post.masonry .post-content {
	width: 100%;
}

.blog-post.masonry-quote .post-content {
	width: 100%;
}

.type-date {
	width: 50px;
	height: 100px;
	margin-right: 30px;
	float: left;
}

.blog-type {
	width: 50px;
	height: 50px;
	border-radius: 3px;
	float: none;
}

.blog-date {
	text-align: center;
	text-transform: uppercase;
	width: 50px;
	height: 45px;
	padding-top: 5px;
	background-color: #000;
	float: none;
}

.post-content {
	width: 720px;
	float: left;
}

.post-slider {
	margin-bottom: 20px;
}

.blog-title {
	line-height: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #fff;
	padding-top:.5em;
	padding-bottom:1.5em;
}

.blog-title.newstitle {
	font-size: 12pt;
}

.blog-title a {
	text-transform: uppercase;
	font-weight: bold;
	color:#eee;
}

.blog-title a:hover {
	color:#00f8ff;
}

.blog-meta {
	font-size: 12px;
	line-height: 13px;
	margin-bottom: 20px;
	color: #00b99b;
}

.blog-border {
	height: 2px;
	width: 100px;
	background-color: #999999;
	opacity: 0.8;
}

.blog-content {
	margin-top: 35px;
	margin-bottom: 20px;
	color:#ccc;
}
.blog-posts-content .masonry .blog-content {
	height: 100px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
}
#blog .blog-slider li{
	background-position: center;
	background-size: cover;
	height: 150px;
	width: 100%;
	cursor: pointer;
}
.blog-title.newstitle a{
	min-height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
#MyContent *{
	color: #ddd !important;
}
.post-quote {
	padding: 30px;
	border-radius: 3px;
	transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
}

.post-quote:hover {
}

.post-quote h3 {
	color: #fff;
	text-transform: uppercase;
	line-height: 30px;
	margin-bottom: 15px;
}

.post-quote p {
	color: #fff;
	opacity: 0.5;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 10px;
	height: 0;
	overflow: hidden;
	margin-bottom: 30px;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

hr {
	background-color: #e9e9e9;
	height: 1px;
	width: 100%;
	margin: 60px 0;
	float: left;
	border: none!important;
}

.blog-content h1, .blog-content h2, .blog-content h3, .blog-content h4, .blog-content h5 {
	text-transform: uppercase;
	color: #222222;
	margin-bottom: 10px;
	margin-top: 30px;
}

code {
	background-color: #F9F9F9;
	border: 1px solid #E9E9E9;
	clear: both;
	display: block;
	font: 12px "Andale Mono", Courier, "Courier New", monospace;
	margin-bottom: 20px;
	overflow: auto;
	padding: 0px 20px;
	margin: 20px 0;
	white-space: pre;
	color: #222222;
}

blockquote {
	background-image: url("webimages/blockquote.png");
	background-size: 21px 17px;
	background-position: left 8px;
	background-repeat: no-repeat;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-style: italic;
	line-height: 30px;
	padding-left: 35px;
}

.blog_comments {
	border-bottom: 1px solid #dfdfdf;
	margin-bottom: 60px;
	padding-top: 20px;
}

.blog_comments h4 {
	color: #222222;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.user_comment {
	background: url("webimages/user.png") no-repeat scroll 0 0 transparent;
	color: #222222;
	margin-bottom: 40px;
	padding-left: 100px;
}

.comment-date {
	color: #ABABAB;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin-bottom: 10px;
}

.comment-text {
	color: #999999;
}

.user_comment_reply {
	background: url("webimages/user.png") no-repeat scroll 0 0 transparent;
	color: #2B363C;
	margin-top: 40px;
	padding-left: 100px;
}

.comment_formular h4 {
	text-transform: uppercase;
	color: #222;
	margin-bottom: 40px;
}

#commentsform input[type="text"], textarea {
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
	height: 20px;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 90%;
	background: #f5f5f5;
	border-radius: 3px;
	margin-bottom: 20px;
	border: 0;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

#commentsform input[type=text]:focus, #commentsform textarea:focus, input[type=email]:focus {
	background-color: #e1e1e1;
}

#commentsform textarea {
	height: 90px;
	resize: none;
}/* Sidebar */#sidebar {
	width: 240px;
	/*min-height: 500px;*/
	float: left;
}

.widget {
	margin-bottom: 60px;
	font-size: 14px;
}

.heading h5 {
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #ccc;
}

input#search {
	background: url("webimages/zoom-search.png") no-repeat 10px 10px #f5f5f5;
	background-size: 30px 30px;
	color: #999999;
	font-size: 14px;
	text-transform: uppercase;
	height: 20px;
	padding: 15px;
	padding-left: 45px;
	width: 190px;
	border-radius: 3px;
	border: 0;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	-o-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.22) inset;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}

input#search:focus {
	background: url("webimages/zoom-search.png") no-repeat 10px 10px #e1e1e1;
	background-size: 30px 30px;
}

#sidebar .widget_categories li {
	background: url("webimages/arrow-li.png") no-repeat scroll 0 22px transparent;
	background-size: 5px 8px;
	border-bottom: 1px solid #dfdfdf;
	display: block;
	padding: 15px;
}

#sidebar .widget_categories li:first-child {
	border-top: 1px solid #dfdfdf;
}

#sidebar .widget_categories li a {
	color: #222222;
}

#sidebar .widget_categories li a:hover {
}

#sidebar .recent-posts li {
	border-top: 1px dashed #094a64;
	padding-top: 12px;
}

#sidebar .recent-posts p {
	padding-bottom: 12px;
	font-size: 12px;
}

#sidebar .recent-posts {
}

#sidebar .recent-posts li a {
	color: #b4fffa;
}

#sidebar .recent-posts li a:hover {
}

#sidebar .tags a {
	border-radius: 2px 2px 2px 2px;
	background-color: #222222;
	color: #FFFFFF !important;
	cursor: pointer;
	display: inline-block;
	float: left;
	font-size: 12px;
	margin: 5px 5px 0 0;
	padding: 7px 10px;
	position: relative;
	text-transform: capitalize;
}

#sidebar .tags a:hover {
}

#sidebar .widget_archives li {
	background: url("webimages/arrow-li.png") no-repeat scroll 0 22px transparent;
	background-size: 5px 8px;
	border-bottom: 1px solid #dfdfdf;
	display: block;
	padding: 15px;
}

#sidebar .widget_archives li:first-child {
	border-top: 1px solid #dfdfdf;
}

#sidebar .widget_archives li a {
	color: #222222;
}

#sidebar .widget_archives li a:hover {
}/* Posts Navigation */.inner-navigation {
	margin-bottom: 50px;
	margin-top: 50px;
	overflow: hidden;
}

.inner-navigation.masonry {
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-top: 50px;
}

.inner-navigation li a span {
	display: inline-block;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 3px;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	float: left;
}

.inner-navigation li {
	display: inline-block;
	min-width: 80px;
	line-height: 27px;
}

.inner-navigation li:first-child {
	float: left;
}

.inner-navigation li:last-child a span {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}

.inner-navigation li:last-child {
	float: right;
}

.inner-navigation li a:hover span {
	color: #999;
}

.inner-navigation li a:hover {
	color: #999999;
}	
/* Responsive Media Querries */@media only screen and (max-width: 1300px) {
	.container {
		width: 920px;
	}

	.text-slide-vertical {
		font-size: 60px;
	}

	.text-slide-vertical li {
		line-height: 80px;
	}

	.small-screen-left, .small-screen-right {
		top: 100px;
		width: 300px;
	}

	.slide-content h1 {
		font-size: 80px;
		line-height: 80px;
	}

	.big-screen {
		width: 500px;
	}

	.our-team li {
		margin: 0 20px;
	}

	ul.technology li {
		padding: 30px 10px;
		width: 185px;
	}

	#blog .container {
		width: 920px!important;
	}

	.blog-posts-content {
		min-height: 100px;
		width: 680px;
		margin-right: 40px;
	}

	.post-content {
		float: left;
		width: 600px;
	}

	#sidebar {
		width: 200px;
	}

	input#search {
		width: 140px;
	}

	.inner-navigation.masonry {
		margin: 50px 0px;
	}

	#blog.masonry .container {
		width: 950px !important;
	}

	.blog-post.masonry {
		margin: 18px;
		width: 238px;
	}

	.blog-post.masonry-quote {
		margin: 18px;
		width: 280px;
	}

	#project-header {
		height: 500px;
	}

	#project-slider .bx-wrapper .bx-prev {
		left: -50px;
	}

	#project-slider .bx-wrapper .bx-next {
		right: -50px;
	}

	.project-page .bx-wrapper .bx-prev {
		left: -50px;
	}

	.project-page .bx-wrapper .bx-next {
		right: -50px;
	}

	#project-counters .counters {
		margin: 0 auto;
		width: 1040px;
	}

	.triangles .fa {
		font-size: 12pt;
		color: #ffffff;
		line-height: 40px;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}

	.up-triangle, .down-triangle {
		display: inline-block;
		margin-left: -50px;
	}

	.up-triangle:first-child {
		margin-left: 20px;
	}

	.up-triangle {
		width: 0;
		height: 0;
		border-bottom: 120px solid rgba(0,0,0,0.5);
		border-left: 71px solid transparent;
		border-right: 71px solid transparent;
		position: relative;
	}

	.down-triangle {
		width: 0;
		height: 0;
		border-top: 120px solid rgba(0,0,0,0.5);
		border-left: 71px solid transparent;
		border-right: 71px solid transparent;
		position: relative;
	}

	.up-triangle div.info {
		position: absolute;
		bottom: -110px;
		color: #ffffff;
		margin-left: -60px;
		width: 120px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle div.info {
		position: absolute;
		top: -110px;
		color: #ffffff;
		margin-left: -60px;
		width: 120px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle .fa {
		line-height: 40px;
	}

	.project-name {
		font-size: 14px;
	}
}

@media only screen and (max-width: 1023px) {
	/* video{
		max-width: 100vw;
	} */
	#szkj1,#szkj2,#szkj3,#szkj4,#szkj5,#szkj6,#szkj8{
		margin: 0 7vw;
	}
	#fp-nav.fp-right{
		right: 0;
	}
	#investorModal-0{
		display: none;
	}
	.pp_content_container,.pp_content_container .text-right,.pp_content_container .text_duiqi{
		text-align: center  !important;
	}
	.pp_content_container img{
		max-width: 200px;
	}
	#playbox h1,#portfolio1 h1,#portfolio .section-title h1,#blog-header h1,#lmlist .section-title h1 {
		font-size: 20px;
		font-weight: bold;
		margin: 0 auto;
		text-align: center;
	}

	#portfolio1 .section-title,#portfolio .section-title{
		margin:10px 0 !important;
		width: 100%;
		min-height: auto;
	}
	#playbox .infogroup .right{
		float: none;
	}
	#navigation{
		position: fixed;
		background: rgba(0,0,0,0.5);
	}
	.container {
		width: auto !important;
		padding: 0px 20px;
	}
	.imgborder1 {
		margin-left: 0% !important;
		padding: 0px  !important;
	}
	.text-slide-vertical {
		font-size: 60px;
	}

	.text-slide-vertical li {
		line-height: 80px;
	}

	.slide-content h1 {
		font-size: 60px;
		line-height: 60px;
	}

	ul.fullwidth-slider li.slide {
		background-position: center 0px!important;
	}

	ul.fullwidth-slider li.slide .caption .caption-inside {
		position: relative;
		width: 100%;
		height: 100%;
	}

	#slider_left {
		top: 90%;
		height: 60px;
		position: absolute;
		left: 50px;
		width: 32px;
		z-index: 1000;
		margin-top: -30px;
		cursor: pointer;
	}

	#slider_right {
		top: 90%;
		height: 60px;
		position: absolute;
		right: 50px;
		width: 32px;
		z-index: 1000;
		margin-top: -30px;
		cursor: pointer;
	}

	#slider_left:hover, #slider_right:hover {
		margin-top: -28px;
	}

	#slider_left:active, #slider_right:active {
		margin-top: -28px;
	}

	.ultralarge {
		font-size: 4rem;
		line-height: 70px;
	}

	.ultrah3 {
		font-size: 2.5rem;
		line-height: 40px;
	}

	.element_from_left {
		left: 0px;
		opacity: 1;
	}

	.element_from_right {
		right: 0px;
		opacity: 1;
	}

	.element_fade_in {
		opacity: 1;
		right: 0px;
	}

	.parallax {
		background-position: center top !important;
		background-attachment: scroll !important;
		height: 100%;
		margin: 0 auto;
		width: 100%;
	}

	.one_half {
		width: 100%;
	}

	.one_third {
		width: 100%;
	}

	.one_fourth {
		width: 100%;
	}

	.one_fifth {
		width: 100%;
	}

	.one_sixth {
		width: 100%;
	}

	.two_fifth {
		width: 100%;
	}

	.two_fourth {
		width: 100%;
	}

	.two_third {
		width: 100%;
	}

	.three_fifth {
		width: 100%;
	}

	.three_fourth {
		width: 100%;
	}

	.four_fifth {
		width: 100%;
	}

	.five_sixth {
		width: 100%;
	}

	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
		margin-bottom: 20px;
		margin-right: 0%;
	}

	.section-title {
		width: 81%;
		overflow-x: hidden;
		min-height: 102px;
	}
	#home-news .section-title {
		width: 90%;
	}
	.small-screen-left, .small-screen-right {
		top: 40px;
		width: 200px;
	}

	.big-screen {
		width: 320px;
	}

	.service-item .right {
		float: left;
	}

	.service-item.text-right {
		text-align: left;
	}

	.service-item.text-right .fa-stack {
		margin-left: 0px;
		margin-right: 20px;
	}

	ul.technology li {
		padding: 30px 20px;
		width: 240px;
	}

	#portfolio-wrap .one-six {
		width: 50%;
	}

	#portfolio-wrap .one-four {
		width: 50%;
	}

	#blog .container {
		width: 600px!important;
	}

	.blog-posts-content {
		min-height: 100px;
		width: 600px;
		margin-right: 40px;
	}

	.post-content {
		float: left;
		width: 520px;
	}

	#sidebar {
		width: 600px;
		border-top: #E9E9E9 solid 1px;
		margin-top: 60px;
		padding-top: 60px;
	}

	input#search {
		width: 540px;
	}

	#blog.masonry .container {
		width: 630px !important;
	}

	.blog-post.masonry {
		background-color: #F7F7F7;
		border: 1px solid #EBEBEB;
		border-radius: 3px 3px 3px 3px;
		margin: 15px;
		padding: 20px;
		width: 243px;
	}

	.blog-post.masonry-quote {
		margin: 15px;
		width: 285px;
	}

	#project-header {
		height: 400px;
	}

	#project-counters .counters {
		margin: 0 auto;
		width: 100%;
	}

	.recent-post .blog-meta {
		display: none;
	}

	.price-table {
		width: 49%;
	}

	.newsletter-left {
		width: 100%;
		float: none;
		height: 50px
	}

	#newsletter input[type="text"] {
		text-align: center;
	}

	.newsletter-right {
		width: 100%;
		float: none;
		text-align: center;
		height: 40px;
		padding-top: 10px;
	}

	#waterwheelCarousel {
		display: block;
		width: 960px;
		height: 250px;
		margin: 0 auto;
	}

	.btn_menu a {
		margin-bottom: 10px;
	}

	.triangles .fa {
		font-size: 12pt;
		color: #ffffff;
		line-height: 30px;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}

	.up-triangle, .down-triangle {
		display: inline-block;
		margin-left: -50px;
	}

	.up-triangle:first-child {
		margin-left: 20px;
	}

	.up-triangle {
		width: 0;
		height: 0;
		border-bottom: 100px solid rgba(0,0,0,0.5);
		border-left: 61px solid transparent;
		border-right: 61px solid transparent;
		position: relative;
	}

	.down-triangle {
		width: 0;
		height: 0;
		border-top: 100px solid rgba(0,0,0,0.5);
		border-left: 61px solid transparent;
		border-right: 61px solid transparent;
		position: relative;
	}

	.up-triangle div.info {
		position: absolute;
		bottom: -90px;
		color: #ffffff;
		margin-left: -50px;
		width: 100px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle div.info {
		position: absolute;
		top: -90px;
		color: #ffffff;
		margin-left: -50px;
		width: 100px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle .fa {
		line-height: 30px;
	}

	.cd-timeline-content {
		width: 30%;
	}

	.infogroup .one_half:first-child {
		text-align: right !important;
	}

	.project-name {
		font-size: 12px;
	}

	#portfolio-wrap {
		background-size: 50% auto;
	}
}

@media only screen and (max-width: 767px) {
	#news-pager a img {
		width: 60px;
	}
	#aboutus.list-top {
		background-size: cover;
		background-position: center !important;
	}
	#aboutus{
		margin-bottom: 20px;
	}
	.three_fourth .flex{
		/* justify-content: center; */
	}
	
	.text-vertical {
		font-size: 3rem;
		line-height: 60px;
	}

	.container {
		width: 400px;
	}

	.text-slide-vertical {
		font-size: 18px;
	}

	.text-slide-vertical li {
		line-height: 40px;
	}

	.slide-content h1 {
		font-size: 40px;
		line-height: 40px;
	}

	.ultralarge {
		font-size: 3rem;
		line-height: 50px;
	}

	.ultrah3 {
		font-size: 2rem;
		line-height: 30px;
	}

	.big-screen {
		width: 100%;
	}

	.small-screen-left, .small-screen-right {
		width: 100%;
		top: 0;
		position: relative;
	}

	.twitter-feed .bx-wrapper .bx-prev {
		margin-top: 120px;
	}

	.twitter-feed .bx-wrapper .bx-next {
		margin-top: 120px;
	}

	.service-item .fa-stack {
		margin-bottom: 30px;
	}

	ul.technology li {
		padding: 30px 20px;
		width: inherit;
		margin: 0;
		margin-bottom: 20px;
	}

	#filters ul li {
		display: block;
		margin: 5px 60px;
	}

	.company-phone a {
		font-size: 50px;
	}

	#blog .container {
		width: 400px!important;
	}

	.blog-posts-content {
		min-height: 100px;
		width: 400px;
		margin-right: 40px;
	}

	.post-content {
		float: left;
		width: 320px;
	}

	#sidebar {
		width: 400px;
		border-top: #E9E9E9 solid 1px;
		margin-top: 60px;
		padding-top: 60px;
	}

	input#search {
		width: 340px;
	}

	#blog.masonry .container {
		width: 430px !important;
	}

	.blog-post.masonry {
		margin: 20px;
		width: 348px;
	}

	.blog-post.masonry-quote {
		margin: 20px;
		width: 390px;
	}

	.user_comment_reply {
		margin-left: -100px;
	}

	#project-header {
		height: 300px;
	}

	.table-header p {
		display: none;
	}

	#project-counters .counters {
		margin: 0 auto;
		width: 100%;
	}

	.recent-post .recent-post-date {
		display: none;
	}

	.four-zero-four {
		font-size: 100px;
		line-height: 100px;
	}

	#waterwheelCarousel {
		display: block;
		width: 660px;
		height: 250px;
		margin: 0 auto;
	}

	.top_menu {
		top: 10%;
	}

	.btn_menu a {
		width: 100px;
		margin-bottom: 10px;
	}

	.triangles .fa {
		font-size: 10pt;
		color: #ffffff;
		line-height: 30px;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}

	.up-triangle, .down-triangle {
		display: inline-block;
		margin-left: -50px;
	}

	.up-triangle:first-child {
		margin-left: 20px;
	}

	.up-triangle {
		width: 0;
		height: 0;
		border-bottom: 100px solid rgba(0,0,0,0.5);
		border-left: 61px solid transparent;
		border-right: 61px solid transparent;
		position: relative;
	}

	.down-triangle {
		width: 0;
		height: 0;
		border-top: 100px solid rgba(0,0,0,0.5);
		border-left: 61px solid transparent;
		border-right: 61px solid transparent;
		position: relative;
	}

	.up-triangle div.info {
		position: absolute;
		bottom: -90px;
		color: #ffffff;
		margin-left: -50px;
		width: 100px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle div.info {
		position: absolute;
		top: -90px;
		color: #ffffff;
		margin-left: -50px;
		width: 100px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle .fa {
		line-height: 30px;
	}

	.cd-timeline-content {
		margin-left: 0;
		width: 100%;
	}

	.cd-timeline-block {
		margin: 10px;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content {
		float: none;
	}

	.cd-timeline-block i.arrow {
		visibility: hidden;
	}

	.infogroup h1 {
		font-size: 14px;
	}

	.infogroup .one_half:first-child {
		text-align: right !important;
	}

	.infogroup .one_half a,.infogroup .one_half span {
		font-size: 10px!important;
	}

	.infogroup .one_half a i {
		font-size: 12px!important;
	}

	.project-name {
		font-size: 12px;
	}

	#portfolio-wrap {
		background-size: 50% auto;
	}
}

@media only screen and (max-width: 479px) {
	.text-vertical {
		font-size: 3rem;
		line-height: 60px;
	}

	.container {
		width: 280px;
	}

	.text-slide-vertical {
		font-size: 14px;
	}

	.text-slide-vertical li {
		line-height: 40px;
	}

	.slide-content h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.ultralarge {
		font-size: 2rem;
		line-height: 30px;
	}

	.ultrah3 {
		font-size: 1rem;
		line-height: 14px;
	}

	ul.fullwidth-slider, ul.fullwidth-slider .caption-inside {
		height: 300px;
	}

	.our-team li {
		margin: 0 auto;
	}

	.twitter-feed .bx-wrapper .bx-prev {
		margin-top: 150px;
	}

	.twitter-feed .bx-wrapper .bx-next {
		margin-top: 150px;
	}

	.service-item .icon-stack {
		margin-bottom: 60px;
	}

	#portfolio-wrap .one-six {
		width: 100%;
	}

	#portfolio-wrap .one-four {
		width: 100%;
	}

	.company-phone a {
		font-size: 30px;
	}

	#map_canvas {
		height: 250px;
	}

	.type-date {
		display: none;
	}

	#blog .container {
		width: 280px!important;
		padding: 0px;
	}

	.blog-posts-content {
		min-height: 100px;
		width: 280px;
		margin-right: 40px;
	}

	.post-content {
		float: left;
		padding: 20px;
		width: 240px;
	}

	#sidebar {
		width: 240px;
		padding: 20px;
		border-top: #E9E9E9 solid 1px;
		margin-top: 60px;
		padding-top: 60px;
	}

	input#search {
		width: 180px;
	}

	#blog.masonry .container {
		width: 280px !important;
		padding: 0;
	}

	.blog-post.masonry {
		margin: 10px;
		width: 218px;
	}

	.blog-post.masonry .post-content {
		padding: 0;
	}

	.blog-post.masonry-quote {
		margin: 10px;
		width: 260px;
	}

	.blog-post.masonry-quote .post-content {
		padding: 0;
	}

	#project-header {
		height: 250px;
	}

	#project-counters .counters {
		margin: 0 auto;
		width: 100%;
	}

	#project-slider .bx-wrapper .bx-prev {
		display: none;
	}

	#project-slider .bx-wrapper .bx-next {
		display: none;
	}

	.project-page .bx-wrapper .bx-prev {
		display: none;
	}

	.project-page .bx-wrapper .bx-next {
		display: none;
	}

	#show {
		display: none!important;
	}

	.recent-post h5 {
		font-size: 11px;
	}

	.price-table {
		width: 98%;
	}

	#newsletter input[type="text"] {
		font-size: 24px;
	}

	#waterwheelCarousel {
		display: block;
		width: 460px;
		height: 250px;
		margin: 0 auto;
	}

	.top_menu {
		top: 5%;
	}

	.btn_menu a {
		width: 100px;
		margin-bottom: 5px;
	}

	.triangles .fa {
		font-size: 10pt;
		color: #ffffff;
		line-height: 30px;
		-webkit-transition: all 500ms ease-out;
		-moz-transition: all 500ms ease-out;
		-o-transition: all 500ms ease-out;
		transition: all 500ms ease-out;
	}

	.up-triangle, .down-triangle {
		display: inline-block;
		margin-left: -50px;
	}

	.up-triangle:first-child {
		margin-left: 20px;
	}

	.up-triangle {
		width: 0;
		height: 0;
		border-bottom: 100px solid rgba(0,0,0,0.5);
		border-left: 61px solid transparent;
		border-right: 61px solid transparent;
		position: relative;
	}

	.down-triangle {
		width: 0;
		height: 0;
		border-top: 100px solid rgba(0,0,0,0.5);
		border-left: 61px solid transparent;
		border-right: 61px solid transparent;
		position: relative;
	}

	.up-triangle div.info {
		position: absolute;
		bottom: -90px;
		color: #ffffff;
		margin-left: -50px;
		width: 100px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle div.info {
		position: absolute;
		top: -90px;
		color: #ffffff;
		margin-left: -50px;
		width: 100px;
		text-align: center;
		font-size: 11pt;
	}

	.down-triangle .fa {
		line-height: 30px;
	}

	.cd-timeline-content {
		margin-left: 0;
		width: 100%;
	}

	.cd-timeline-block {
		margin: 10px;
	}

	.cd-timeline-block:nth-child(even) .cd-timeline-content {
		float: none;
	}

	.cd-timeline-block i.arrow {
		visibility: hidden;
	}

	.infogroup h1 {
		font-size: 14px;
	}

	.infogroup .one_half:last-child {
		text-align: right !important;
	}

	.infogroup .one_half a,.infogroup .one_half span {
		font-size: 10px!important;
	}

	.infogroup .one_half a i {
		font-size: 12px!important;
	}
	#playbox .infogroup {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		margin-top: 10vh;
	}

	#playbox .infogroup .one_half:first-child a:nth-of-type(2){
		display: none;
	}
	#playbox .infogroup .one_half a{
		line-height: 0 !important;
		font-size: 0 !important;
		overflow: hidden;
	}
	#playbox .infogroup .one_half{
		width: auto !important;
		margin: 0 !important;
	}
	#playbox .imagelist .imagetop{
		text-align: center;
	}
	.imagelist .thumb,.imagelist .thumb_2_1,.imagelist .thumb_2_2,#scrool_div,#scrool_wrap{
		height: 90px;
	}
	#scrool_div img {
		width: 30vw;
		height: auto;
	}
	#playbox .imagelist{
		/* margin-top: 10vh; */
		display: flex;
		flex-direction: column-reverse;
	}
	#playbox .imagelist .thumb{
		display: none;
	}
	#playbox .infogroup:last-child{
		position:fixed;
		bottom:20vh;
		z-index: 99;
	}
	.copyright a{
		display: block;
	}
	#portfolio1{
 
	}
	#playbox .infogroup h1 .right{
		padding-top: 0 !important;
	}
	.picnr .picnrbox{
		background-color: transparent;
	}
	.news-slider p {
		margin: 20px auto;
		text-align: center;
		width: 100%;
	}

	.project-name {
		font-size: 12px;
	}

	#portfolio-wrap {
		background-size: 100% auto;
	}
}

#AD h3 {
	font-size: 12px;
	color: #ffffff;
	text-shadow: 0px 0px 3px rgba(0,0,0,1);
	position: relative;
	padding: 0px 10px;
}

#AD h3 span {
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	right: 0px;
	top: -28px;
}

#AD ul li {
	position: relative;
	overflow: visible;
	margin-bottom: 1px;
}

.ol_iconlist a.sb_out {
	background-color: rgba(0,0,0,.2);
	display: inline-block;
}

.ol_iconlist a.sb_over,.ol_iconlist a:hover {
	background-color: rgba(0,0,0,.4);
	display: inline-block;
}

#qqbox {
	top: 0px;
	right: 70px;
	position: absolute;
	width: 120px;
	background-color: rgba(0,0,0,.4);
	border-radius: 5px 0 5px 5px;
}

#qqbox a {
	display: block;
	background-color: rgba(250,250,250,.6);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.1);
	border: 1px solid #dddddd;
	color: #000000;
	border-radius: 30px;
	margin: 8px;
	padding: 3px 5px;
}

#qqbox a:hover {
	background-color: rgba(0,0,0,.3);
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.2);
}

#olcallbox {
	height: 70px;
	top: 0px;
	right: 70px;
	border-radius: 5px 0 0 5px;
	width: 200px;
	position: absolute;
	background-color: rgba(0,0,0,.4);
	color: #ffffff;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}

#olcallbox p {
	padding: 10px;
}

#olcallbox p span {
	font-size: 24px;
}

#MyContent {
	font-size: 16px;
	color:#ddd;
}
#MyContent a{
	color:#00f8ff;
}
#MyContent a:hover{
	color:#00f8ff;
}
.imgborder1{
	padding:10px;
	background:url('images/new style/imgborder1.png') no-repeat;
	margin-left:5%;
}
.imgborder1 p img{
	width:444px;
	height:208px;
}
.fontlv1{
	color:#eee;
}
.fontlv2{
	color:#bbb;
}
.newbg01{
	background:url('images/new style/bg01.jpg') no-repeat fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: fixed;
	top:0;
	left:0;
	z-index:-1;
}
.newbg02{
	background:url('images/new style/bg02.jpg') no-repeat fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: fixed;
	top:0;
	left:0;
	z-index:-1;
}
.newbg03{
	background:url('images/new style/bg03.jpg') no-repeat fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: fixed;
	top:0;
	left:0;
	z-index:-1;
}
.newbg04{
	background:url('images/new style/bg04.jpg') no-repeat fixed;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: fixed;
	top:0;
	left:0;
	z-index:-1;
}
.newbg05{
	background:url('images/new style/bg05.jpg') no-repeat fixed center;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index:-1;
}
.newbg07{
	background:url('images/new style/bg07.jpg') no-repeat fixed center;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index:-1;
}
.outline {
	background: rgba(0,0,0,.5);
	border: 2px solid #00f8ff;
	color: #fff;
	line-height: 10px!important;
}
.outline.bluegreen {
    background-color: none;
    border: 2px solid #00f8ff;
    color: #00f8ff;
}
.outline:hover, li.currclass .outline {
    background-color: rgb(255, 255, 255,0.2);
}
li.currclass .outline {
    color: #00f8ff;
}
#portfolio,#portfolio-wrap,.bg_molv{
	background:none !important;
}
.bg_molv{
	margin-bottom:5em;
}
#lmlist{
	margin-top:5em;
}
.nline1{
	width:100%;
	height:1px;
	line-height:1px;
	position: absolute;
    top: 0;
    left: 0;
}
.nline2{
	width:100%;
	height:1px;
	line-height:1px;
	position: absolute;
    bottom: 0;
    left: 0;
}
#playbox .infogroup a,.imagelist .imagetop a{
	color:#eee !important;
}
#portfolio1{
	background: rgba(255,255,255,.1) !important;
	padding-bottom: 5em;
}
#filters ul li a h5{
	background-color: #143053;
}
#filters ul li a:hover h5{
	background-color: #2d7ca6;
}
#filters ul li a.active h5 {
	color:#fff;
    background-color: #2d7ca6;
}
.blueg{
	background-color: #00606a;
	color: #5cfff3;
}
#blog-header a{
	color:#fff
}
#blog-header a:hover{
	color:#00f8ff
}
.dropdown-menu{
	background-color: rgba(0,0,0,.5);
}
.dropdown-menu li>a{
	color:#fff;
}
.dropdown-menu li>a:hover{
	color:#00f8ff;
}
.parallax{
	height:auto;
}
.borderbgc1{
	color: #fff;
	/* background: rgba(0, 0, 0, 0.2); */
	background: rgb(2 8 16 / 80%);
	
}
#playbox .container-fluid .innerlink{
	color: #00f8ff !important;
}

.card-area .card-item .card .card-content.content-second .main-desc{
	clear: both;
}
.card-area .card-item .card .card-content.content-second .main-head span{
	padding:0 2px;
}
.jpal-desc .pp5{
	flex-wrap: wrap;
}

.header {
    width: 100%
}

.fixed-header .header {
    top: 0;
    left: 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px 0;
    position: fixed;
    z-index: 9;
    background: #fff;
    top: -100px
}

.fixed-header header.slideInDown {
    -webkit-transform: translate3d(0,100px,0);
    transform: translate3d(0,100px,0)
}

.is-animated {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.header-wrapper {
    padding: 2.2em 0;
    line-height: 1em;
    position: relative;
    max-width: 1000px;
	margin: 0 auto;
	top: 2.6em;
}

.header-logo {
    font-size: 2em;
    font-weight: 800;
    float: left
}

.logo-end {
    color: #ff9f35;
    font-size: 1.3em
}

.header-menu {
    float: right
}

.header-menu li {
    display: inline-block;
    margin: 0 12px
}

.header-menu li a {
    display: block
}

.header-menu .icon-twitter {
    font-size: 1.4em;
    color: #ccc
}

.header-menu .icon-twitter:hover {
    color: #ff9f35
}

.footer a,.header-menu li a {
    letter-spacing: .12em;
    line-height: 1.5em;
    background-size: .05em 2px,.05em 2px,2px 1px;
    text-decoration: none;
    text-shadow: .03em .15em #fff,-.03em .15em #fff,.03em .15em #fff,.03em -.09em #fff,.06em .15em #fff,-.06em .15em #fff,.09em .15em #fff,-.09em .15em #fff,.12em .15em #fff,-.12em .15em #fff,.15em .15em #fff,-.15em .15em #fff
}

#fullpage{
	z-index: 0;
}
.header{
	position: fixed;
    z-index: 10;
}
.header-burgerMenu {
    display: none;
    cursor: pointer;
    padding: 0px 0;
    position: absolute;
    right: 5%;
    top: 50%
}

.header-burgerMenu span {
    position: relative;
    display: block;
    width: 36px;
    height: 4px;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border-radius: 5px;
	
	box-shadow:0px 0px 10px #00f8ff;
    animation-timing-function: ease-in-out;
    animation-name: breathe;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.header-burgerMenu span:after,.header-burgerMenu span:before {
    position: absolute;
    background: #fff;
    content: '';
    width: 36px;
    height: 4px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.header-burgerMenu span:before {
	top: -10px;
	box-shadow:0px 0px 10px #00f8ff;
	border-radius: 5px;
}

.header-burgerMenu span:after {
    top: 10px;
	box-shadow:0px 0px 10px #00f8ff;
	border-radius: 5px;
}
@keyframes breathe {
    0% {
        opacity: .75;
        box-shadow: 0px 0px 7px #00f8ff;
    }

    100% {
        opacity: 1;
        box-shadow: 0px 0px 12px #00f8ff;
    }
}
.header-burgerMenu.active span {
    background: 0 0
}

.header-burgerMenu.active span:before {
    -webkit-transform: rotate(45deg) translate(5px,7px);
    transform: rotate(45deg) translate(5px,7px)
}

.header-burgerMenu.active span:after {
    -webkit-transform: rotate(-45deg) translate(7px,-10px);
    transform: rotate(-45deg) translate(7px,-10px)
}

.header-burgerMenu.place-over span:after,.header-burgerMenu.place-over span:before {
    background: #fff;
    z-index: 10
}
@media all and (max-width: 1100px) {
    .header-logo {
		padding:0 0 0 5%;
		position: relative;
    }
}

@media all and (max-width: 820px) {
    .hide-scrollbar .header-logo {
        display: none
    }

    .hide-scrollbar .header.slideInDown {
        height: 100%
    }

    .hide-scrollbar .header-menu {
        background: rgba(0,0,0,.8)
    }

    .header-menu {
        display: none
    }

    .header-burgerMenu {
        display: block;
        z-index: 44
    }

    .header-menu {
        height: 100%;
        width: 100%;
        float: none;
        top: 0;
        bottom: 0;
        z-index: 2
    }

    .header-menu.active {
        display: table;
        position: fixed
    }

    .header-menu li {
        display: table-row;
        margin: 0 12px;
        width: 100%
    }

    .header-menu li a {
        display: table-cell;
        vertical-align: middle;
        margin: 0;
        text-align: center;
        font-size: 2.8em;
        background-image: none;
        text-shadow: none;
        color: #fff;
        font-weight: 700;
        opacity: .8
    }

    .header-menu .icon-twitter {
        font-size: 2.4em
    }

    .header-menu li a:hover {
        opacity: 1
    }
	footer{bottom:0px;position: relative;width:100%;}
}

#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

 


@media (max-width: 640px){
	
	#playbox .container {
		/* padding: 30px 0 !important; */
		padding: 0 !important;
		margin: 0 auto !important;
		width: 90%;
	}

	.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a{
		color: #FFF;
		font-size: 18px;
	}
	section.list-top {
		height: auto;
		/* padding-top: 10%; */
	}
	.top_menu{
		position: relative;
		z-index: 3;
		top:50px;
	}

	#aboutus .row-fluid > div{
		margin-top: 20px !important;
	}
	.btn_menu{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.btn_menu>a{ max-width: 30%;margin:0.5%;}
	.btn_menu>li,#filters ul li{ width: 49%;display: flex;margin:0.5%;}
	.btn_menu>li a,#filters ul li a{
		width: 100%;
	}
	#filters .clearfix{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	#lmlist .container,#blog.masonry .container,.blog-post.masonry,#blog .container,#aboutus  .container{
		padding:5% !important;
		margin: 0 !important;
		width: 90% !important;
	}

	#blog-header{
		padding:55px 0 55px 0;
	}
	#blog.masonry{
		 margin-top: -30px;
	}
	.blog-post.masonry{
		margin: 10px 0 !important;
	}
	.blog-title a{
		color: #2d7ca6;
	}
	.blog-content{
		color: #333;
	}
	.post-content{padding: 0;}
	.blog-posts-content,.blog-post,.post-content{width: 100%;}
	.bx-wrapper .clients-slider h3{
		font-size: 17.9px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	section.rongyu .rongyulist ul.ryimglist li img{
		height: 120px;
	}
	.bg_lightgrey .container {
		padding-top: 0;
	}
}
@media (min-width: 1023px){
	/* #navigation_m{
		display: none !important;
	}
	#navigation{
		display: block !important;
	} */
}
@media (min-width: 1280px){
	.top_menu {
	position: relative;
	width: 100%;
	top: 30px;
	}
}

#fullpage>.section{
	background-attachment: inherit !important;
}
@media (max-width: 1023px){
	/* #navigation_m{
		display: block !important;
	}
	#navigation{
		display: none !important;
	} */
	/* #navigation::after{
		content: "力方集团";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "微软雅黑",Helvetica,Arial,sans-serif;
		font-size: 20px;
		font-weight: bold;
		color: #ccc;
	} */
	.swiper-container1{
		max-width: 100% !important;
		flex-grow: 1;
	}
	#navigation .navbar-inner {
		min-height: 49px!important;
	}
	.navbar-fixed-top {
		margin-bottom: 0px;
	}
	#navigation-sticky-wrapper{
		height: 50px !important;
		z-index: 999;
	}
	.navbar .nav{
		min-height: 100vh;
	}
	.nav-collapse, .nav-collapse.collapse {
		background: rgba(0,0,0,0.8);
	}
	.navbar .show-menu{
		background-color: rgba(255,255,255,1);
		opacity: 1;
		margin-right: 25px;
		border-radius: 2px;
	}
	.modal-backdrop, .modal-backdrop.fade.in{
		z-index: 0;
	}
	#logo a{
		width: 100%;
		height: 100%;
	}
	#logo{
		width: 30px;
		height: 40px;
		background-size:30px;
		margin-left: 0px;
		top: 5px;
		left: 20px;
	}
	.header-logo,#back-top{
		display: none;
	}
	.erweima{
		display: none;
	}
	#back-top{
		bottom: 20px !important;
	}
}
@media (max-width: 800px){
	.infogroup .newave-button{
		border: none;
	}
	.newave-button span{
		display: none !important;
	}
	.imagelist .imagetop>a{
		font-size: 16px;
	}
	.imagelist .imagetop>a:first-child,.imagelist #playid{
		display: none;
	}	
	.ol_iconlist{
		width: 50px;
		position: absolute;
		right: 5px;
	}
	#olcallbox {
		right: 50px;
	}
	.infogroup .one_half a i.fa {
		font-size: 20px!important;
	}
	#aboutus .top_menu h1{
		margin-top: 60px;
	}
	#aboutus .row-fluid > div {
		max-width: 100%;
	}
	#aboutus .row-fluid .contactus {
		padding: 5%;
	}
	#aboutus  .top_menu h2 {
		font-size: 3rem !important;
		letter-spacing:0 !important;
	}
	#cd-timeline::before{
		opacity: 0.1;
	}
	.fzlc{
		flex-direction: column;
		margin-bottom: 20px;
		line-height: 2.5em;
	}
	.fzlc .n1,.fzlc .z{
		font-size: 1.5em;
	}
	.fzlc >div:nth-child(3) .n1{
		font-size: 1.5em;
	}
	.fzlc >div{
		padding: 0;
		min-height: 1.5em;
		min-width: 1.5em;
		flex-direction: row;
	}
	.fzlc >div:nth-child(3) .z {
		writing-mode: unset; 
		text-indent: 0em;
	}
	.fzlc >div::before{
		display: none;
	}
	.cd-timeline-content{
		width: 86%;
		margin-bottom: 60px;
	}
	.cd-timeline-content h2{
		display: none;
	}
	.cd-timeline-img{
		top: -70px;
		margin-left: -34px;
		line-height: 60px;
	}
}
@media (max-width: 1300px){
	#bx-pager a img {
		width: 16%;
		margin-top: 5px;
	}
	#bx-pager a {
		margin: 1%;
	}
}

#about .pp_content_container .two_fifth img{
	max-width:188px;
	max-height: 208px;
}
 
/* #navigation-sticky-wrapper{z-index: 99999;} */