.news-text a{
	color:#333333 !important;
	font-family:"微软雅黑" !important;
	font-size:14px !important;
}
.news-text span{
	color:#666666 !important;
	font-family:"微软雅黑" !important;
	font-size:14px !important;
}
.news-text a:hover{
	color:#CB1D3C !important;
	font-family:"微软雅黑" !important;
	font-size:14px !important;
}
.news-text{
	font-family:"微软雅黑" !important;
	font-size:14px !important;
}
.news-text a:hover span strong{
	color:#CB1D3C !important;
	font-family:"微软雅黑" !important;
	font-size:14px !important;
}
.innerr{ 	}
/* 分页 */

.top{
	width:100%;
	height:84px;
	position:fixed;
	top:0px;
	left:0px;
	background:url(../images/top-bj.png) repeat-x;
	z-index:9999;
}
.logo{
	width:180px;
	/* border-right:1px solid #D9D9D9;
	+border-right:1px solid #ffffff; */
	margin-left: 115px;
	padding-top: 10px;
}
.logo img{
	width:100%;
	height: auto;
}
.navTag{background:#ffffff;height:81px; width:76.4%; overflow:hidden;}
.navTag li{float:left;width:16.55%;border-right:1px solid #E9E9E9;}
.navTag a{ height:81px;background:url(../images/nav-bj.png) right top repeat-x;text-decoration:none;display:block;float:left;display:block;width:100%; position:relative;}
.navTag ul li a p{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background:url(../images/nav-bj.png) right top repeat-x;
	height:162px;
	display:block;
	z-index:10;
}
.navTag a span{display:block;background:url(images/bleft_111.gif) left top repeat-x; font-family:"微软雅黑"; font-size:16px; color:#363636; height:56px; padding-top:25px;  padding-left:32px;padding-right:32px; position:relative; z-index:100;}
.navTag a:hover{background-position:right bottom;}
.navTag a:hover span{background-position:left bottom;font-style:normal;text-decoration:none; font-family:"微软雅黑"; font-size:16px; color:#363636; }
.navTag a span font{
	display:block;
	font-family:"微软雅黑";
	font-size:12px;
	color:#cecece;
	margin-top:4px;
}
.wtel{
	width:163px;
}
.wtel a{
	display:block;
	width:81px;
	height:81px;
	text-align:center;
	background:url(../images/nav-bj.png) repeat-x right top;
}
.wtel a:hover{
	background:url(../images/nav-bj.png) no-repeat;
	background-position:0 -81px;
}
.wtel p{
    width:81px;height:81px;
    line-height:81px;  /* 行高等于高度 */
}

/* 兼容标准浏览器 */
.wtel p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-5px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}
.home{
	background:#ffffff;
}
.wtel p img{
    *margin-top:expression((81 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;
}
.wmain{
	padding-top:81px;
}
.Service-main{
	background:url(../images/zy_bg2_2.jpg) center bottom;
	width:100%;
	min-height:799px;
	max-height:800px;
}
.scrollBar{
	background:#000000;
}
#nav{
	border-bottom:1px solid #dddddd;
	height:100%;
	width:auto;
}
.Service-top>em{
	width:34px;
	height:3px;
	background:#CB1D3C;
	display:block;
	margin-bottom:29px;
}
.btn2{
	background:url(../images/btn.png) no-repeat;
	width:154px;
	height:38px;
	display:block;
	text-indent:-9999px;
	margin-top:33px;
}
.btn2:hover{
	background:url(../images/js-anniu.png) no-repeat;
}
.Service-list{
	margin-top:75px;
}
.Service-list-main{
	background:url(../images/bj3.png) no-repeat;
	width:158px;
	height:150px;
	margin-right:30px;
	border: 1px solid #ccc;
	border-radius: 130px;
}
.Service-list-main:hover{
	background:url(../images/bj4.png) no-repeat;
}

/*------ servicesBox ------*/
#servicesBox h3{font-weight:normal;font-size:16px;height:30px;line-height:20px;color:#000000;}
#servicesBox .serBox{cursor:pointer;display:inline;width:106px;height:275px;float:left;overflow:hidden;position:relative;padding:0;margin-top: -50px;margin-left: 26px;}
#servicesBox .serBoxOn{display:none;width:310px;height:270px;position:absolute;left:0px;top:0px;z-index:19;}
#servicesBox .serBox .pic1{width:108px;height:110px;text-align:center;position:absolute;top:22px;right:55px;z-index:99;}
#servicesBox .serBox .pic2{width:110px;height:110px;text-align:center;position:absolute;top:22px;left:-110px;z-index:99;}
#servicesBox .serBox .txt1{width:115px;height:100px;color:#737373;position:absolute;top:160px;left:0px;z-index:99; text-align:center; font-family:"微软雅黑"; font-size:16px; color:#4f4f4f;}
#servicesBox .serBox .txt2{width:115px;height:100px;color:#737373;position:absolute;top:160px;right:240px;z-index:99;text-align:center; font-family:"微软雅黑"; font-size:16px;}
#servicesBox .serBox span.tit{font-family:"微软雅黑"; font-size:14px; color:#737373;display:block;height:68px;text-align:center;}
#servicesBox .serBox .txt1 .tit{font-family:"微软雅黑"; font-size:14px; color:#737373;}
#servicesBox .serBox .txt2 .tit {font-family:"微软雅黑"; font-size:14px; color:#737373;}







.conmid{overflow:hidden; position:relative;}

.conmid ul{  height:auto; overflow:hidden; font-family:"微软雅黑"; }
.conmid ul li a {display:block; position:relative; overflow:hidden; white-space:nowrap;  }
.conmid ul li img {width:100%; height:100%; display:block;}
.conmid ul li a .topspan {display:block; color:#2f2f2f; font-weight:normal; font-size:12px; padding:130px 0 0 10px; height:34px;line-height:34px;}
.conmid ul li a .bottomspan {display:block; position:absolute; bottom:-54px; padding-left:10px; font-size:13px; width:208px; padding-top:6px; line-height:20px; overflow:hidden; height:48px;background:#129600;}
.conmid ul li a .bottomspan span { position:relative; top:-60px;}
.conmid ul li a .bottomspan span samp { display: block; font-size: 12px; }


.conmid ul li img{ border:0px;}
span.cnm01{ padding-top:13px; width:208px; height:22px; line-height:22px; display:block; overflow:hidden; color:#8E8E8E; }
span.cnm02{ width:208px; height:22px; line-height:22px; display:block; overflow:hidden; color:#8E8E8E; }
.showimg{ position:absolute; left:4px; top:0px; background-color:#000000; width:208px; height:130px; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; -khtml-opacity:0.15;  }

.work-btn{
	display:block; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:10; text-indent:-9999px;
}
.work-title{
	width:100%;
	height:20%;
	bottom:-20%;
	left:0px;
	background:#1A1A1A;
	position:absolute;
	z-index:20;
}
.title-left em{
	width:8%;
	height:3%;
	background:#CB1D3C;
	display:block;
}
.title-left span{
	font-family:"微软雅黑";
	font-size:100%;
	color:#ffffff;
	display:block;
	margin-top:4.2%;
	+margin-top:10%;
}
.title-left font{
	font-family:"微软雅黑";
	font-size:12px;
	color:#4C4C4C;
	display:block;
	margin-top:2%;
}
.title-left{
	padding-top:5%;
	padding-left:5%;
	width:100%;
	height:80%;
}
.title-right{
	width:20%;
	height:100%;
	text-align:center;
	font-size:4vw;
	color:#949494;
	position:relative;
	border-left:1px solid #262626;
}
.title-right span{
	display:block;
	margin-top:15%;
}
.Client{
	background:url(../images/zy_bg3.jpg) center center #ffffff;
	width:100%;
	height:974px;
}
.Client-list{
	margin:0 auto;
	height:385px;
	width:1125px;
	padding-top:70px;

}
.Client-list ul li{
	float:left;
	width:225px;
	height:91px;
}
.Client-list ul li p{
    width:225px;height:91px;
    line-height:91px;  /* 行高等于高度 */
	text-align:center;
}

/* 兼容标准浏览器 */
.Client-list ul li p:before{
    content:".";  /* 具体的值与垂直居中无关，尽可能的节省字符 */
    margin-left:-5px; font-size:10px;  /* 修复居中的小BUG */
    visibility:hidden;  /*设置成隐藏元素*/
}

.Client-list ul li p img{
    *margin-top:expression((91 - this.height )/2);  /* CSS表达式用来兼容IE6/IE7 */
    vertical-align:middle;
}

.menu{
	/* border-right:1px solid #D9D9D9 !important;
	+border-right:1px solid #D9D9D9 !important;
	+border-left:1px solid #D9D9D9 !important; */
}
/**************nav start**************/
#siteNav {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	height: 81px;
	background: #000;
}
#siteNav ul {
	margin: 0;
	padding: 0;
}
#siteNav ul .menu {
	-webkit-font-smoothing:antialiased;
	margin: 0;
	padding: 0;
	display: block;
	height: 100%;
	background: #000;
	overflow: hidden !important;
	position: absolute;
	top: 0;
	max-width:140px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	perspective: 1000px;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
}
#siteNav ul .menu>div {
	position: absolute;
	height: 124px;
	pointer-events: none;
	width: 100%;
	padding-left: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	transition: all .2s ease;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transform-origin: 50% 50% -25px;
	-webkit-transform-origin: 50% 50% -25px;
	-moz-transform-origin: 50% 50% -25px;
	-ms-transform-origin: 50% 50% -25px;
}
#siteNav ul .menu .sta1 {
	background: #ffffff;
	transform: rotateX(90deg);
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
}
#siteNav ul .menu .sta2 {
	background: #000000;
	transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
}
#siteNav ul .menu div h1 {
	font-family: "Microsoft Yahei" !important;
	font-size: 15px;
	font-smooth:always;
	letter-spacing:1px;
	line-height: 18px;
	display: block;
	height: 18px;
	clear: both;
	text-align:center;
	text-transform:uppercase;
	margin:24px 0 0 0;
}
#siteNav ul .menu .sta1 h1 {
	color:#000 !important;
	font-family:"微软雅黑" !important;
}
#siteNav ul .menu:hover h1 {
	color:#000 !important;
	font-family:"微软雅黑" !important;
}
#siteNav ul .menu .sta2 h1 {
	color:#fff;
	font-family:"微软雅黑" !important;
}
#siteNav ul .menu div span {
	display: block;
	width: 100%;
	height: 20px;
	margin-top: 4px;
	font-family:"微软雅黑" !important;
	text-align: center;
}
#siteNav ul .menu div span {
	font-family:"微软雅黑" !important;
	font-size:12px;
	color:#a8a8a8;
}
#siteNav ul .current div span {
	font-family:"微软雅黑" !important;
	font-size:12px;
	color:#a8a8a8;
}
#siteNav ul .current div h1 {
	color:#ffffff !important;
	font-family:"微软雅黑";
	font-size:12px;
	color:#a8a8a8;
}
#siteNav ul .menu:hover{cursor:pointer}
#siteNav ul .menu:hover>div{transition:all .25s ease;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease}
#siteNav ul .menu:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg)}
#siteNav ul .menu:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg)}

#siteNav ul .current:hover{cursor:default}
#siteNav ul .current .sta1, #siteNav ul .current:hover .sta1{color:#fff;transform:rotateX(0deg);-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg)}
#siteNav ul .current .sta2, #siteNav ul .current:hover .sta2{color:#000;background-color:#000;transform:rotateX(-90deg);-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg)}

/**************nav end**************/
.content{
	width:100% !important;
}
.about{
	height:100% !important;
}
.work{
	height:100% !important;
}
#siteNav ul{
	position:absolute;
	left:310px;
	top:0px;
}
.wtel{
	position:absolute;
	right:0px;
	top:0px;
}
.wis-content{
	background:url(../images/zy_bg_foot.jpg) center 0;
	background-repeat: no-repeat;
	width:100%;
	height:889px;
}
#wis-content{height: auto!important;}
.wis-content-title{
	text-align:center;
	margin-right: 50px;
}
.wis-list{
	padding-top:0px;
	width:1002px;
	margin:0 auto;
}
.wis-list1{
	width:210px;
	text-align:center;
	margin-right:120px;
}
.wis-list1 em{
	background:url(../images/ico7.png) no-repeat;
	width:32px;
	height:48px;
	display:inline-block;
}
.wis-text1{
	display:block;
	font-family:"微软雅黑";
	font-size:16px;
	color:#DEDEDE !important;
	line-height:24px;
	padding-top:30px;
	padding-bottom:21px;
}
.wis-text1:hover{
	color:#DEDEDE !important;
	text-decoration:underline;
}
.btn3{
	background:url(../images/btn3.png) no-repeat;
	width:110px;
	height:26px;
	display:inline-block;
	text-indent:-9999px;
}
.btn3:hover{
	background:url(../images/btn3-hover.png) no-repeat;
}
.wis-list2{
	width:127px;
	margin-right:143px;
	text-align:center;
}
.wis-list2 em{
	background:url(../images/ico8.png) no-repeat;
	width:37px;
	height:40px;
	display:inline-block;
}
.wis-text2{
	display:block;
	font-family:"微软雅黑";
	font-size:16px;
	color:#DEDEDE !important;
	line-height:24px;
	padding-top:36px;
	padding-bottom:21px;
	font-weight:bold;
}
.wis-text2:hover{
	color:#DEDEDE !important;
	text-decoration:underline;
}
.wis-list3{
	width:152px;
	text-align:center;
	margin-right:153px;
}
.wis-text3{
	display:block;
	font-family:"微软雅黑";
	font-size:16px;
	color:#DEDEDE !important;
	line-height:24px;
	padding-top:36px;
	padding-bottom:21px;
}
.wis-text3:hover{
	color:#DEDEDE !important;
	text-decoration:underline;
}
.wis-list3 em{
	background:url(../images/ico9.png) no-repeat;
	width:50px;
	height:36px;
	display:inline-block;
}
.wis-list4{
	width:96px;
	text-align:center;
}
.wis-text4{
	display:block;
	font-family:"微软雅黑";
	font-size:16px;
	color:#DEDEDE !important;
	line-height:24px;
	padding-top:28px;
	padding-bottom:21px;
}
.wis-text4:hover{
	color:#DEDEDE !important;
	text-decoration:underline;
}
.wis-list4 em{
	background:url(../images/ico10.png) no-repeat;
	width:45px;
	height:47px;
	display:inline-block;
}
.wis-ico{
	text-align:center;
	padding-top:85px;
	padding-bottom:90px;
}
.wis-wb{
	width:118px;
	margin:0 auto;
}
.wb1{
	display:block;
	overflow:hidden;
	width:53px;
	height:46px;
	position:relative;
}
.wb2{
	display:block;
	overflow:hidden;
	width:53px;
	height:46px;
	position:relative;
}
.wb1-ico{
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:-1px;
	background:url(../images/ico12.png) no-repeat;
	width:108px;
	height:47px;
}
.wb2-ico{
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:-1px;
	background:url(../images/ico13.png) no-repeat;
	width:108px;
	height:47px;
}
.copy{
	font-family:"微软雅黑";
	font-size:16px;
	color:#B8B8B8 !important;
	text-align:center;
	padding-top:40px;
}
.Client-img{
	text-align:center;
	padding-top:90px;
}
.work2-list ul li{
	float:left;
	position:relative;
}
.work2-list ul li a{
	float:left;
	display:block;
	width:auto;
	height:auto;
	position:relative;
}
.work2{
	height:870px;
	overflow:hidden;
}
.work2-list{
	overflow:hidden;
}
.workbj{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(../images/bg-project-overlay.png);
}
.case-pagebj{
	background:url(../images/cese-bj.png) center top #000000 no-repeat;
	padding-top:30px;
	height:100%;
}
.cese-tablenav{
	width:100%;
	height:153px;
	position:fixed;
	top:81px;
	left:0px;
	height:35px;
	padding-top:15px;
	background:#000000;
	z-index:9999;
}
.cese-tablenav ul{
	margin-left:28%;
}
.cese-tablenav ul li{
	float:left;
}
.cese-tablenav ul li a{
	float:left;
	font-family:"微软雅黑";
	font-size:16px;
	color:#878787;
	font-weight:bold;
	display:block;
	padding-bottom:8px;
	margin-right:20px;
}
.cese-tablenav ul li a:hover{
	color:#ffffff;
}
.cese-tablenav ul li.cur a{
	color:#ffffff;
	padding-left:6px;
	padding-right:6px;
	border-bottom:3px solid #CB1D3C;
}
.cese-text{
	text-align:center;
	padding-top:130px;
	padding-bottom:108px;
}
.case-listmain{
	margin:0 auto;
	margin-bottom:80px;
	min-height:180px;
}
.case-listmain ul li{
	float:left;
	padding-right:9px;
	background:#00000;
	padding-bottom:9px;
	position:relative;
}
.case-listmain ul li a{
	display:block;
}
.case-listmain ul li a img{
	width:100%;
}
.case-title{
	width:100%;
	position:relative;
}
.case-title img{
	width:100%;
	display:block;
}
.title-main{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
.on-bj{
	position:absolute;
	left:0px;
	top:0px;
	display:none;
	text-align:center;
}
.case-ontext{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	+display:none;
}
.title-position{
	position:absolute;
	top:60%;
	text-align:center;
	width:100%;
}
.case-ontext span{
	font-family:"微软雅黑";
	font-size:18px;
	color:#ffffff;
}
.case-ontext font{
	font-family:"微软雅黑";
	font-size:14px;
	color:#E39EA6;
	display:block;
	padding-top:5px;
}
.case-btn{
	height:80px;
	padding-top:40px;
	text-align:center;
	background:#000000;
	width:100%;
}
.case-btn a{
	display:inline-block;
	background:url(../images/btn2.png) no-repeat;
	width:128px;
	height:38px;
	line-height:38px;
	text-align:center;
	font-family:"微软雅黑";
	font-size:16px;
	color:#919191 !important;
}
.case-btn a:hover{
	color:#ffffff !important;
}
.page-foot{
	background:url(../images/foot.png) center center #000000;
	width:100%;
	height:165px;
	padding-top:40px;
}
.page-foot-nav{
	width:300px;
	margin:0 auto;
}
.page-foot-nav a{
	float:left;
}
.ico01{
	background:url(../images/ico15.png) no-repeat;
	width:18px;
	height:28px;
	display:block;
	text-indent:-9999px;
	margin-right:69px;
}
.ico02{
	background:url(../images/ico16.png) no-repeat;
	width:20px;
	height:22px;
	display:block;
	text-indent:-9999px;
	margin-right:68px;
}
.ico03{
	background:url(../images/ico17.jpg) no-repeat;
	width:28px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin-right:68px;
}
.ico04{
	background:url(../images/ico18.png) no-repeat;
	width:25px;
	height:26px;
	display:block;
	text-indent:-9999px;
}
.ico01:hover{
	background:url(../images/ico15-hover.png) no-repeat;
	width:18px;
	height:28px;
	display:block;
	text-indent:-9999px;
	margin-right:69px;
}
.ico02:hover{
	background:url(../images/ico16-hover.png) no-repeat;
	width:20px;
	height:22px;
	display:block;
	text-indent:-9999px;
	margin-right:68px;
}
.ico03:hover{
	background:url(../images/ico17-hover.png) no-repeat;
	width:28px;
	height:20px;
	display:block;
	text-indent:-9999px;
	margin-right:68px;
}
.ico04:hover{
	background:url(../images/ico18-hover.png) no-repeat;
	width:25px;
	height:26px;
	display:block;
	text-indent:-9999px;
}
.foot-wb{
	width:80px;
	margin:0 auto;
	padding-top:45px;
}
.ico05{
	background:url(../images/ico19.png) no-repeat;
	width:34px;
	height:33px;
	display:block;
	text-indent:-9999px;
}
.ico06{
	background:url(../images/ico21.png) no-repeat;
	width:34px;
	height:33px;
	display:block;
	text-indent:-9999px;
}
.ico05:hover{
	background:url(../images/ico19-hover.png) no-repeat;
	width:34px;
	height:33px;
	display:block;
	text-indent:-9999px;
}
.ico06:hover{
	background:url(../images/ico21-hover.png) no-repeat;
	width:34px;
	height:33px;
	display:block;
	text-indent:-9999px;
}





@import url(http://fonts.googleapis.com/css?family=Raleway:400,200,100,300,500,600,700,800,900|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(font-awesome.min.css);
/* ==========================================================================
   DOCOMENT INFORMATION
   ========================================================================== */
/* 
 - Document: Winchester
 - Version:  1.0.0
 - Client:   ThemeForest
*/
/* CSS Document 
----------------------------------------------------*/
html, body {
  overflow-x: hidden;
}

body {
  background: #000;
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 16px;
  line-height: 28px;
  color: #000;
}

/* default css
----------------------------------------------------*/
.form-control:focus {
  box-shadow: none;
  border: 1px solid #969696;
}

.alpha {
  padding-left: 0;
}

.omega {
  padding-right: 0;
}

.font-weight-500 {
  font-weight: 500;
}

.open-sans {
  font-family: "Open Sans";
}



.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: #31d385;
  background: none;
  border-color: #31d385;
}

.btn-default.border-braun {
  color: #ffffff;
  background:url(../images/btn4.png) no-repeat;
  width:143px;
  height:47px;
  line-height:47px;
  text-align:center;
  display:block;
  font-family:"微软雅黑";
  font-size:16px;
  color:#ffffff;
}



.btn-more {
  color: #e32235;
  background: url(../images/ico/more.png) no-repeat;
  background-position: right center;
  padding-right: 25px;
}

.btn-more:hover {
  color: #e32235;
}

h1 {
  font-family: Raleway;
  font-size: 88px;
  line-height: 60px;
  font-weight: 100;
}

h2 {
  font-family: Raleway;
  font-size: 54px;
  line-height: 56px;
  font-weight: 200;
}

h3 {
  font-family: Raleway;
  font-size: 68px;
  line-height: 60px;
  font-weight: 100;
}

h4 {
  font-family: Raleway;
  font-size: 34px;
  line-height: 44px;
  font-weight: 200;
}

h5 {
  font-family: Raleway;
  font-size: 20px;
  line-height: 44px;
  font-weight: 600;
}

.fade {
  -webkit-transition: opacity 1s linear;
  transition: opacity 1s linear;
}

.weight-600 {
  font-weight: 600;
}

.inner-top-bottom-15 {
  padding: 15px 0;
}

.inner-top-bottom-180 {
  padding: 180px 0;
}

.inner-top-bottom-42 {
  padding: 42px 0;
}

.inner-top-bottom-62 {
  padding: 62px 0;
}

.align-l {
  text-align: left;
}

.align-c {
  text-align: center;
}

.pull-down-20 {
  margin-top: 20px;
}

.pull-down-30 {
  margin-top: 30px;
}

.pull-down-62 {
  margin-top: 62px;
}

.push-down-20 {
  margin-bottom: 20px;
}

.push-down-30 {
  margin-bottom: 30px;
}

.push-down-62 {
  margin-bottom: 62px;
}

.push-down-82 {
  margin-bottom: 82px;
}

.img-responsive {
  min-width: 100%;
}

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

.relative {
  position: relative;
}

/* menu
----------------------------------------------------*/
.row-offcanvas {
  position: relative;
}

.row-offcanvas-right .sidebar-offcanvas {
  right: -285px;
  padding-left: 2px;
  z-index: 50;
  -webkit-transition: right 3s ease-in;
  -most-transition: right 3s ease-in;
  transition: right 3s ease-in;
}

.row-offcanvas .close_menu {
  border: 1px #222524 solid;
  cursor: pointer;
  padding: 0px 10px 0px 10px;
  display: block;
  position: absolute;
  top: 10px;
  right: 13px;
  color: #fff;
  line-height: 24px;
  font-size: 14px;
  font-weight: 300;
}

.row-offcanvas .close_menu:hover {
  text-decoration: none;
}

.sidebar-offcanvas {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #111212;
  width: 300px;
}

.row-offcanvas-right .sidebar-offcanvas .btn-menu {
  position: absolute;
  left: -44px;
  top: 17px;
  border-right: 2px solid #31d385;
  width: 44px;
  height: 122px;
  display: block;
  padding-top: 40px;
}

.row-offcanvas-right .sidebar-offcanvas .btn-menu span {
  width: 42px;
  height: 42px;
  background: url(../images/ico/menu.png) no-repeat;
  display: block;
  cursor: pointer;
}

.row-offcanvas .list-group-holder {
  width: 300px;
  margin-bottom: 0;
  position: relative;
}

.row-offcanvas .list-group-holder .menu-logo {
  text-align: center;
  display: block;
  padding: 41px 0 24px 0;
}

.list-group-item {
  position: relative;
  padding: 10px 2px;
  background: none;
  border: none;
  border-bottom: 1px solid #222524 !important;
  color: #8d8d8d !important;
  margin: 0 35px 0 35px;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 400;
}

a.list-group-item:hover, a.list-group-item:focus {
  text-decoration: none;
  background: none;
}

.list-group-item:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  margin-bottom: -1px;
  bottom: 0;
  left: 0;
  background: #31d385;
}

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background: none;
  border-color: #428bca;
}

.row-offcanvas .touch {
  padding-left: 37px;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 400;
  color: #8d8d8d;
}

.row-offcanvas .social {
  padding-left: 35px;
}

.row-offcanvas .socialbtn {
  width: 54px;
  height: 38px;
  display: inline-block;
  padding-top: 5px;
  text-align: center;
  border-radius: 3px;
  background: rgba(204, 204, 204, 0.2);
  color: #fff;
  font-size: 22px;
}

.row-offcanvas .socialbtn:hover {
  background: rgba(90, 220, 157, 0.8);
}

/* banner
----------------------------------------------------*/
.banner {
  position: relative;
  text-align: center;
  color: #fff;
  min-height: 700px;
}

.banner .top {
  position: absolute;
  width: 100%;
  top: 48%;
  height: 276px;
  margin-top: -276px;
}

.banner .container {
  position: absolute;
  width: 100%;
  top: 49%;
}

.banner .logo {
  text-align: center;
}

.banner h1 {
  top: 129px;
}

.banner .since {
  font-family: Raleway;
  font-size: 32px;
  line-height: 30px;
  top: 217px;
}

.banner .scroll_down {
  position: absolute;
  width: 100%;
  bottom: 55px;
}

.banner .scroll_down a {
  background: url(../images/ico/scroll_down.png) no-repeat;
  width: 22px;
  height: 52px;
  text-indent: -5000px;
  display: inline-block;
}

.banner .carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.banner .carousel-fade .carousel-inner .active {
  opacity: 1;
}

.banner .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.banner .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.banner .carousel-fade .carousel-control {
  z-index: 2;
}

.banner .scroll_down, .banner .since, .banner h1, .banner .logo {
  opacity: 1;
  z-index: 22;
  position: absolute;
  width: 100%;
}

.banner .carousel-caption {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.banner .carousel-inner > .item {
  background-size: cover;
  background-position: center;
  min-height: 700px;
}

.banner .carousel-indicators {
  bottom: 162px;
}

.banner .carousel-indicators li {
  display: inline-block;
  width: 46px;
  height: 4px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #615b57;
  border: 1px solid #615b57;
  border-radius: 10px;
}

.banner .carousel-indicators .active {
  width: 46px;
  height: 4px;
  margin: 1px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

/* welcome
----------------------------------------------------*/
.welcome {
  text-align: center;
  background: #31d385;
  color: #fff;
}

.welcome h3 {
  padding: 98px 0 0 0;
}

.welcome h4 {
  padding: 0 0 173px 0;
}

/* what we do
----------------------------------------------------*/
.whatwedo {
  background: #fff;
  text-align: center;
  padding: 0 0 121px 0;
}

.whatwedo p {
  color: #606369;
}

.whatwedo .digitalsolutions {
  margin-top: -238px;
  height: 769px;
  position: relative;
  background: url(../images/digital-solutions1.png) no-repeat;
  background-size: 95% auto;
}

.whatwedo .digitalsolutions .bg2 {
  background: url(../images/digital-solutions2.png) no-repeat;
  display: block;
  height: 100%;
  background-size: 95% auto;
}

.whatwedo .line span {
  background: #e5e5e5;
  display: inline-table;
  width: 170px;
  height: 2px;
}

.whatwedo h4 {
  color: #31d385;
  margin: 34px 0 34px 0;
}

.whatwedo .chart {
  position: relative;
  display: inline-block;
  width: 191px;
  height: 191px;
  margin-top: 34px;
  margin-bottom: 34px;
  text-align: center;
}

.whatwedo .chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.whatwedo .percent {
  display: inline-block;
  line-height: 191px;
  z-index: 2;
  font-size: 64px;
  font-family: Raleway;
  font-weight: 200;
  color: #c8c8c8;
}

.whatwedo .percent:after {
  content: '%';
  margin-left: 0.1em;
}

.whatwedo .angular {
  margin-top: 100px;
}

.whatwedo .angular .chart {
  margin-top: 0;
}

/* work process
----------------------------------------------------*/
.workprocess {
  text-align: center;
  min-height: 820px;
  background: url(../images/bg_workprocess.jpg) no-repeat center;
  background-size: cover;
}

.workprocess h3 {
  color: #fff;
  margin-top: 152px;
}

.workprocess h4 {
  color: #31d385;
  margin: 34px 0 34px 0;
}

.workprocess .nav-tabs {
  border-bottom: 1px solid #79807c;
  margin-top: 30px;
}

.workprocess .nav-tabs > li {
  width: 16%;
}

.workprocess .nav-tabs > li > a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  padding: 10px 0 20px 0;
}

.workprocess .nav-tabs > li > a:hover {
  border-color: transparent;
  background: none;
}

.workprocess .nav-tabs > li > a img {
  margin-left: 3px;
}

.workprocess .nav-tabs > li > a:hover:after, .workprocess .nav-tabs > li.active > a:after {
  content: "";
  position: absolute;
  bottom: 5px;
  margin: 0 0 -5px -4px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #79807c;
}

.workprocess .nav-tabs > li.active > a, .workprocess .nav-tabs > li.active > a:hover, .workprocess .nav-tabs > li.active > a:focus {
  color: #fff;
  cursor: default;
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: transparent;
}

.workprocess .nav-tabs > li > a i.fa {
  font-size: 68px;
  color: #fff;
}

.workprocess .tab-content {
  text-align: justify;
  color: #fff;
  padding: 10px 100px 0 100px;
  position: relative;
}

.workprocess .button-previous {
  left: 1px;
  margin-left: 0px;
  top: 78px;
  width: 42px;
  height: 50px;
  border: 2px #cacaca solid;
  display: block;
  position: absolute;
  border-radius: 0;
  cursor: pointer;
}

.workprocess .button-previous:hover {
  border: 2px #31d385 solid;
}

.workprocess .button-previous:hover:before {
  border: 2px #31d385 solid;
  border-right: none;
  border-top: none;
}

.workprocess .button-previous:before {
  content: "";
  position: absolute;
  top: 17px;
  left: 14px;
  z-index: 1026;
  width: 11px;
  height: 11px;
  border: 2px solid #cacaca;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: none;
  border-top: none;
}

.workprocess .button-next {
  right: 1px;
  top: 78px;
  width: 42px;
  height: 50px;
  border: 2px #cacaca solid;
  display: block;
  position: absolute;
  cursor: pointer;
  border-radius: 0;
}

.workprocess .button-next:hover {
  border: 2px #31d385 solid;
}

.workprocess .button-next:hover:before {
  border: 2px #31d385 solid;
  border-left: none;
  border-bottom: none;
}

.workprocess .button-next:before {
  content: "";
  position: absolute;
  top: 17px;
  right: 14px;
  z-index: 1026;
  width: 11px;
  height: 11px;
  border: 2px solid #cacaca;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: none;
  border-bottom: none;
}

/* features
----------------------------------------------------*/
.features {
  text-align: left;
  background: #fff;
}

.features .nav-tabs {
  border-bottom: none;
  margin-top: -115px;
}

.features .nav-tabs > li {
  width: 16.30%;
}

.features .nav-tabs > li > a img {
  width: 75px;
  margin-left: 3px;
}

.features .nav-tabs > li > a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  padding: 10px 0 0 0;
  height: 115px;
  background-repeat: no-repeat;
  background-position: center;
}

.features .nav-tabs > li > a:hover {
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #fff;
}

.features .nav-tabs > li > a:hover {
  border: 1px solid transparent;
  border-radius: 0;
  background-color: #2cbd77;
}

.features .nav-tabs > li.active > a, .features .nav-tabs > li.active > a:hover, .features .nav-tabs > li.active > a:focus {
  color: #000;
  cursor: default;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom-color: transparent;
}

.features .nav-tabs > li:nth-child(1) > a {
  background-image: url(../images/ico/f_tab_1.png);
}

.features .nav-tabs > li:nth-child(1).active > a {
  background-image: url(../images/ico/f_tab_1_h.png);
}

.features .nav-tabs > li:nth-child(2) > a {
  background-image: url(../images/ico/f_tab_2.png);
}

.features .nav-tabs > li:nth-child(2).active > a {
  background-image: url(../images/ico/f_tab_2_h.png);
}

.features .nav-tabs > li:nth-child(3) > a {
  background-image: url(../images/ico/f_tab_3.png);
}

.features .nav-tabs > li:nth-child(3).active > a {
  background-image: url(../images/ico/f_tab_3_h.png);
}

.features .nav-tabs > li:nth-child(4) > a {
  background-image: url(../images/ico/f_tab_4.png);
}

.features .nav-tabs > li:nth-child(4).active > a {
  background-image: url(../images/ico/f_tab_4_h.png);
}

.features .nav-tabs > li:nth-child(5) > a {
  background-image: url(../images/ico/f_tab_5.png);
}

.features .nav-tabs > li:nth-child(5).active > a {
  background-image: url(../images/ico/f_tab_5_h.png);
}

.features .nav-tabs > li:nth-child(6) > a {
  background-image: url(../images/ico/f_tab_6.png);
}

.features .nav-tabs > li:nth-child(6).active > a {
  background-image: url(../images/ico/f_tab_6_h.png);
}

.features .tab-content {
  background:url(../images/bj7.png) no-repeat right center;
  text-align: justify;
color: #606369;
padding-bottom: 0px;
margin: 20px 0 10px 0;
font-size: 18px;
font-family: Open Sans;
font-weight: 300;
line-height: 38px;
min-height: 609px;
}

.features .tab-content h4 {
  margin-top: 40px;
  color: #000;
}

.features .tab-content .line span {
  height: 3px;
  width: 51px;
  display: block;
  background:#E21E41;
  margin: 36px 0 36px;
}

.features .tab-content p {
  margin-bottom: 50px;
}

.features .btn {
  margin-top: -10px;
}

.features .button-previous {
  display: none;
}

.features .button-next {
  display: none;
}

/* what we've done
----------------------------------------------------*/
.whatwedone {
  text-align: center;
  position: relative;
  background: url(../images/bg_portfolio.jpg) no-repeat center;
  background-size: cover;
}

.whatwedone h3 {
  color: #fff;
  margin-top: 129px;
}

.whatwedone h4 {
  color: #31d385;
  margin: 34px 0 100px 0;
}

#portfolioSlider {
  position: relative;
}

#portfolioSlider .carousel-inner {
  margin: 0 -5px 0 -5px;
  position: relative;
  width: auto;
  overflow: hidden;
}

#portfolioSlider .carousel-inner > .item {
  background-position: center bottom;
  background-size: auto 100%;
  background-repeat: no-repeat;
  max-height: 656px;
}

.whatwedone .glyphicon-chevron-right:before {
  content: "";
  position: absolute;
  top: 137px;
  right: 16px;
  z-index: 1026;
  width: 46px;
  height: 47px;
  border: 4px solid rgba(150, 150, 150, 0.4);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: none;
  border-bottom: none;
}

.whatwedone .glyphicon-chevron-left:before {
  content: "";
  position: absolute;
  top: 137px;
  left: 16px;
  z-index: 1026;
  width: 46px;
  height: 47px;
  border: 4px solid rgba(150, 150, 150, 0.4);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: none;
  border-top: none;
}

/* recent design work
----------------------------------------------------*/
.recentdesignwork .carouseltop {
  background: #fff;
  padding: 45px 0 40px 0;
}

.recentdesignwork .portfolio-item {
  cursor: pointer;
}

.recentdesignwork .carouseltop .title {
  text-align: center;
  font-family: Raleway;
  font-size: 38px;
  line-height: 60px;
  font-weight: 200;
}

.recentdesignwork .carouseltop .left {
  margin-top: 14px;
  width: 70px;
  height: 31px;
  border: 2px #cacaca solid;
  display: block;
  position: relative;
  cursor: pointer;
}

.recentdesignwork .carouseltop .left:hover {
  border: 2px #31d385 solid;
}

.recentdesignwork .carouseltop .left:hover:before {
  border: 2px #31d385 solid;
  border-right: none;
  border-top: none;
}

.recentdesignwork .carouseltop .left:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 14px;
  z-index: 1026;
  width: 11px;
  height: 11px;
  border: 2px solid #cacaca;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-right: none;
  border-top: none;
}

.recentdesignwork .carouseltop .right {
  float: right;
  margin-top: 14px;
  width: 70px;
  height: 31px;
  border: 2px #cacaca solid;
  display: block;
  position: relative;
  cursor: pointer;
}

.recentdesignwork .carouseltop .right:hover {
  border: 2px #31d385 solid;
}

.recentdesignwork .carouseltop .right:hover:before {
  border: 2px #31d385 solid;
  border-left: none;
  border-bottom: none;
}

.recentdesignwork .carouseltop .right:before {
  content: "";
  position: absolute;
  top: 8px;
  right: 14px;
  z-index: 1026;
  width: 11px;
  height: 11px;
  border: 2px solid #cacaca;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: none;
  border-bottom: none;
}

.recentdesignwork .carouselbottom {
  background: #fff;
}

.recentdesignwork .allprojects {
  padding: 50px 0 40px;
  background: #fff;
}

/* carousel */
#rdw .item {
  margin: 0px;
  position: relative;
}

#rdw .item .owlcaption {
  display: none;
  margin: 0px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #5adc9d;
  color: #fff;
  font-size: 18px;
  opacity: 0.9;
}

#rdw .item .owlcaption .heart {
  left: 50%;
  margin-left: -65px;
  color: #fff;
  text-align: right;
  top: 50%;
  margin-top: -26px;
  position: absolute;
}

#rdw .item .owlcaption .heart i, #rdw .item .owlcaption .view i {
  font-size: 24px;
  margin: 0 9px 0 10px;
}

#rdw .item .owlcaption .view {
  right: 50%;
  margin-right: -65px;
  color: #fff;
  opacity: 1;
  top: 50%;
  margin-top: -26px;
  position: absolute;
}

#rdw .item img {
  display: block;
  width: 100%;
  height: auto;
}

/* call to action
----------------------------------------------------*/
.calltoaction {
  text-align: center;
  padding-bottom: 60px;
  background: url(../images/bg_calltoaction.jpg) no-repeat center;
  background-size: cover;
}

.calltoaction h3 {
  color: #fff;
  margin-top: 58px;
}

.calltoaction h4 {
  color: #31d385;
  margin: 34px 0 34px 0;
}

/* happy customers
----------------------------------------------------*/
.happycustomers {
  text-align: center;
  background: #fff;
}

.happycustomers h3 {
  margin-top: 102px;
}

.happycustomers h4 {
  color: #31d385;
  margin: 34px 0 34px 0;
}

.happycustomers .line {
  margin: 35px 0 35px 0;
}

.happycustomers .line span {
  background: #e5e5e5;
  display: inline-table;
  width: 170px;
  height: 2px;
}

.happycustomers .clientslist {
  border-top: #e5e5e5 3px solid;
  padding: 50px 0 35px;
}

.happycustomers .clientslist ul {
  list-style: none;
}

.happycustomers .clientslist ul li {
  float: left;
  width: 133px;
  text-align: center;
}

.happycustomers .fa {
  color: #dcdcdc;
  line-height: 80px;
}

.happycustomers .description {
  font-size: 20px;
  line-height: 34px;
  font-family: Open Sans;
  font-weight: 300;
  color: #191919;
}

.happycustomers .client {
  font-size: 16px;
  line-height: 34px;
  font-family: Open Sans;
  font-weight: 400;
}

.happycustomers .client a {
  color: #969696;
}

.happycustomers .nav-tabs {
  border-bottom: none;
  margin-bottom: 80px;
  margin-top: 38px;
  height: 79px;
}

.happycustomers .nav-tabs > li {
  width: 12%;
}

.happycustomers .nav-tabs > li > a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  margin-top: 0;
  padding: 0px 10px 0px 11px;
  color: #fff;
  transition: padding 0.25s,margin 0.25s;
  -webkit-transition: padding 0.25s,margin 0.25s;
  /* Safari */
}

.happycustomers .nav-tabs > li > a img {
  width: 70px;
  transition: width 0.25s;
  -webkit-transition: width 0.25s;
}

.happycustomers .nav-tabs > li.active > a {
  padding: 0px 0px 0px 0px;
  margin-top: -13px;
}

.happycustomers .nav-tabs > li.active > a img {
  width: 91px;
}

.happycustomers .nav-tabs > li > a:hover {
  border-color: transparent;
  background: none;
}

.happycustomers .nav-tabs > li.active > a, #features .nav-tabs > li.active > a:hover, #features .nav-tabs > li.active > a:focus {
  color: #000;
  cursor: default;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom-color: transparent;
}

.happycustomers .nav-tabs > li > a:before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0px;
  margin: -22px 0 -5px -5px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #31d385;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
}

.happycustomers .nav-tabs > li > a:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 0px;
  margin: -16px 0 0px 0px;
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 3px solid #31d385;
  transition: opacity 0.25s;
  -webkit-transition: opacity 0.25s;
}

.happycustomers .nav-tabs > li.active > a:before {
  opacity: 1;
}

.happycustomers .nav-tabs > li.active > a:after {
  opacity: 1;
}

.happycustomers .btn {
  margin-top: -10px;
}

.happycustomers .button-previous {
  display: none;
}

.happycustomers .button-next {
  display: none;
}

/* contact
----------------------------------------------------*/
.contact {
  text-align: center;
  color: #fff;
  min-height: 950px;
}
.contact.photography a {
  color: #cf2b2b;
}
.contact.photography a:hover {
  color: #831b1b;
}

.contact a {
  color: #31d385;
}

.contact h3 {
  margin-top: 102px;
}

.contact h4 {
  color: #31d385;
  margin: 34px 0 55px 0;
}

.contact p a.phone_number {
  font-family: Open Sans;
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  line-height: 28px;
}

.contact p a.mail_link {
  font-family: Open Sans;
  font-weight: 300;
  font-size: 16px;
  color: #fff;
  line-height: 28px;
}

.contact .socialbtn {
  width: 61px;
  height: 48px;
  display: inline-block;
  padding-top: 8px;
  text-align: center;
  border-radius: 3px;
  background: rgba(204, 204, 204, 0.2);
  color: #fff;
  font-size: 26px;
  position: relative;
  cursor: pointer;
}

.contact .socialbtn:hover, .contact .socialbtn.active {
  background: rgba(90, 220, 157, 0.8);
}

.contact .socialbtn.active:after {
  content: "";
  position: absolute;
  bottom: -3px;
  margin: 0 0 -5px -4px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(90, 220, 157, 0.8);
}

.contact i.contactico {
  height: 100px;
  padding-top: 25px;
  display: block;
}

.contact .line {
  margin: 35px 0 84px 0;
}

.contact .line span {
  background: #e5e5e5;
  display: inline-table;
  width: 170px;
  height: 2px;
}

.contact .copyinfo {
  margin-top: 30px;
}

.contact .copyinfo a {
  color: #fff;
}

.contact .cform {
  margin-top: 40px;
  display: none;
}

.contact .form-control {
  color: #555555;
  background-color: rgba(0, 0, 0, 0.3);
  background-image: none;
  border: 1px solid rgba(204, 204, 204, 0.3);
  border-radius: 0px;
}

.contact .btn {
  margin-top: 20px;
  border: 1px solid rgba(204, 204, 204, 0.3);
}

.contact-form .help-block {
  font-size: 12px;
  color: #fff;
}
.contact-form .text-info {
  font-size: 13px;
  color: #FFF;
  padding: 10px 0;
}

/* photography
----------------------------------------------------*/
body.photography {
  background: #FFF;
  font-family: "Open Sans";
  font-weight: lighter;
  color: #666666;
  font-size: 16px;
}
body.photography a:hover {
  color: #CF2B2C;
}

.photography .since {
  color: #999999;
}
.photography .navigation-holder {
  -webkit-box-shadow: 0 1px 2px 1px #d3d3d3;
  box-shadow: 0 1px 2px 1px #d3d3d3;
}
.photography .navigation-holder.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFF;
  z-index: 1000;
}
.photography ul.navigation {
  list-style: none;
  margin: 0;
  margin-top: 12px;
}
.photography ul.navigation li {
  display: inline-block;
}
.photography ul.navigation li a {
  display: block;
  margin-right: 35px;
  color: #000000;
  font-family: "Raleway";
  font-size: 18px;
  font-weight: 500;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.photography ul.navigation li a.active, .photography ul.navigation li a:hover {
  border-bottom: 2px solid #CCCCCC;
  text-decoration: none;
}
.photography .work {
  background: #F2F1EC;
}

.photography .contact .socialbtn {
  color: #FFF;
}
.photography .contact .socialbtn:hover {
  background: rgba(0, 0, 0, 0.4);
  color: #cf2b2b;
}
.photography .contact .socialbtn:hover, .photography .contact .socialbtn.active {
  background: #cf2b2b;
  color: #FFF;
}
.photography .contact .socialbtn.active:after {
  content: "";
  position: absolute;
  bottom: -3px;
  margin: 0 0 -5px -4px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #cf2b2b;
}

.title h5 {
  color: #6F6F6F;
  font-weight: 400;

}
.title h4 {
  color: #000000;
  position: relative;
  margin-bottom: 73px;
  font-weight: 400;
}
.title h4.decorating-line:before {
  position: absolute;
  content: '';
  width: 62px;
  height: 2px;
  background: #cf2b2b;
  left: 50%;
  margin-left: -25px;
  bottom: -32px;
}

.standard-version .title h4.decorating-line:before {
  background: #e5e5e5;
}
.standard-version #owl-portfolio .owl-controls .owl-page.active span, .standard-version .dark-owl .owl-controls .owl-page.active span {
  background: #31d385 !important;
}

.white {
  color: #C2C3C5;
}
.white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
  color: #C2C3C5;
}
.white p {
  color: #C2C3C5;
}
.white .decorating-line:before {
  background: #FFF !important;
}

.pure-white {
  color: #FFF;
}
.pure-white h1, .pure-white h2, .pure-white h3, .pure-white h4, .pure-white h5, .pure-white h6 {
  color: #fff;
}
.pure-white p {
  color: #fff;
}

.black {
  color: #000;
}

.banner-content {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background: #FFF;
}

.portfolio-filter {
  list-style: none;
  padding-left: 0;
}
.portfolio-filter li {
  display: inline-block;
}
.portfolio-filter li a {
  display: block;
  color: #868581;
  font-weight: 500;
  position: relative;
}
.portfolio-filter li a:hover, .portfolio-filter li a.active {
  color: #D23838;
  text-decoration: none;
}
.portfolio-filter li a:hover:before, .portfolio-filter li a.active:before {
  color: #868581;
}
.portfolio-filter li a:before {
  content: '/';
  margin-right: 20px;
  margin-left: 20px;
}
.portfolio-filter li:first-of-type a:before {
  content: '';
  margin: 0;
}

.portfolio-grid .portfolio-item {
  position: relative;
  overflow: hidden;
}
.portfolio-grid .portfolio-item img {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
.portfolio-grid .portfolio-item:hover img {
  -webkit-transform: scale(1.3, 1.3);
  -moz-transform: scale(1.3, 1.3);
  -ms-transform: scale(1.3, 1.3);
  -o-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
  opacity: 0.85;
}

.portfolio-details {
  position: relative;
  background: #FAFAFA;
}
.portfolio-details .close {
  position: absolute;
  right: 20px;
  top: 55px;
  font-size: 13px;
  width: 30px;
  height: 30px;
  text-align: center;
  display: inline-block;
  background: #FFF;
  line-height: 30px;
  border: 1px solid #ccc;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
}
.portfolio-details.standard-version a {
  color: #31d385;
}

#grid .mix {
  opacity: 0;
  display: none;
  margin-bottom: 15px;
}
#grid .mix img {
  width: 100%;
}

.purchase-theme {
  padding: 10px 30px;
  color: #FFF;
  border: 2px solid #524E4F;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  margin-top: 30px;
  font-weight: 400;
  display: inline-block;
}
.purchase-theme:hover {
  text-decoration: none;
}

.features-line {
  text-align: center;
}
.features-line .line {
  display: inline-block;
  width: 1px;
  background: #E9E7E8;
  height: 500px;
}

.features .feature {
  position: relative;
  margin-bottom: 60px;
}
.features .feature .over-image {
  position: absolute;
  top: 15px;
  left: -150px;
}

.item {
  font-weight: 400;
}
.item .meta {
  display: block;
  font-size: 16px;
}
.item .author {
  color: #9C2622;
}
.item .date {
  color: #8D8D8D;
}
.item p {
  color: #FEFFFF;
  margin-top: 20px;
  font-size: 18px;
}

.no-gutter {
  padding-left: 0;
  padding-right: 0;
}

.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen {
  padding-bottom: 57.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

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

.team {
  float: left;
  width: 100%;
}

.faces {
  float: left;
  width: 10%;
}
.faces ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.faces ul li {
  display: block;
  margin: 0;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.faces ul li.active img {
  padding: 6px;
  background: #000;
}

.faces-content {
  float: left;
  width: 90%;
  background: #F8F8F6;
}
.faces-content .half {
  float: left;
  width: 46%;
}
.faces-content .half img {
  padding-right: 20px;
}
.faces-content .half h4 {
  margin-top: 20px;
}
.faces-content .half h5 {
  margin: 0;
}
.faces-content .half.data {
  padding-right: 25px;
}

.faces-social {
  width: 8%;
  float: left;
  border: 1px solid #EAEAEA;
  background: #FFF;
}
.faces-social ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.faces-social ul li {
  display: block;
}
.faces-social ul li a {
  display: block;
  text-align: center;
  padding: 17px 0;
  border-bottom: 1px solid #EAEAEA;
  font-size: 29px;
  color: #818181;
}

.grey-circle {
  border: 1px solid #d9d9d9;
}

.circle-75 {
  width: 75px;
  height: 75px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
}
.circle-75 img {
  vertical-align: middle;
  max-width: 75px;
  max-height: 75px;
  display: inline;
}

.circle-100 {
  background: #FFF;
  width: 100px;
  height: 100px;
  line-height: 93px;
  text-align: center;
  border-radius: 50%;
}
.circle-100 img {
  vertical-align: middle;
  max-width: 100px;
  max-height: 100px;
  display: inline;
}

.open-navigation {
  display: none;
}

.blog-post {
  position: relative;
}
.blog-post a {
  color: #cf2b2b;
}
.blog-post .meta {
  font-weight: 300;
}
.blog-post .blog-date {
  position: absolute;
  left: -100px;
  top: -5px;
  border-bottom: 3px solid #cf2b2b;
}
.blog-post .blog-date h3, .blog-post .blog-date h5 {
  margin: 0;
}
.blog-post .blog-date h5 {
  font-weight: 300;
}
.blog-post .blog-content .quote {
  background: #cf2b2b;
  padding: 18px 20px;
  color: #FFF;
}

.comments [class*="level-"] .photo:before {
  background-color: #fff;
}

.comments .meta {
  font-family: "Open Sans";
  line-height: 18px;
  margin-top: 6px;
}
.comments .meta span.author {
  color: #000;
  font-weight: 600;
}
.comments .meta span.date {
  font-size: 12px;
  color: #292929;
}

.comments .meta a {
  color: inherit;
}

.comments .meta a:hover {
  color: #34b5d0;
}

.comments .body {
  color: #808080;
}

.comments {
  list-style-type: none;
  position: relative;
  padding-left: 0;
}

.comments .comment {
  display: block;
  margin-bottom: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #e6e6e6;
}
.comments .comment .divider {
  margin-left: 10px;
  margin-right: 10px;
}
.comments .comment .reply i {
  transform: rotate(180deg);
  cursor: pointer;
  padding-top: 2px;
  font-size: 12px;
  color: #bfbfbf;
}
.comments .comment .body {
  margin-top: 20px;
  color: #808080;
  font-size: 13px;
}

.comments .photo {
  float: left;
  margin-right: 18px;
}

.comments .photo img {
  border: 1px solid #fff;
  border-radius: 32px;
  overflow: hidden;
  width: 50px;
}

.comments .meta {
  margin-bottom: 5px;
}

.comments [class*="level-"] .photo:before {
  display: block;
  content: '';
  position: absolute;
  margin-top: -2px;
  height: 4px;
  width: 20px;
  left: -10px;
  top: 50%;
  z-index: -1;
}

.comments .level-2 {
  margin-left: 30px;
}

.comments .level-3 {
  margin-left: 50px;
}

.comments .level-4 {
  margin-left: 70px;
}

.comments .level-5 {
  margin-left: 90px;
}

.comments .level-6 {
  margin-left: 110px;
}

.comments .level-3 .photo:before {
  width: 40px;
  left: -30px;
}

.comments .level-4 .photo:before {
  width: 60px;
  left: -50px;
}

.comments .level-5 .photo:before {
  width: 80px;
  left: -70px;
}

.comments .level-6 .photo:before {
  width: 100px;
  left: -90px;
}

#sidebar-blog .search-holder {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
#sidebar-blog .search-holder input {
  display: block;
  border: 1px solid #ccc;
  height: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 100%;
  padding-left: 14px;
  padding-right: 35px;
}
#sidebar-blog .search-holder button {
  position: absolute;
  right: 5px;
  top: 0;
  height: 30px;
  color: #bcbcbc;
  background: none;
  border: none;
  padding-left: 9px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  border-left: 1px solid #ccc;
}
#sidebar-blog .search-holder button:hover {
  color: #333;
}

.add-comment input, .add-comment textarea {
  border-radius: 0;
  border: 1px solid #d8d8d8;
  box-shadow: none;
  display: block;
}
.add-comment button {
  margin-top: 20px;
  display: block;
  color: #000;
  font-family: "Open Sans";
  font-weight: 600;
  background: none;
  font-size: 16px;
  padding: 6px 30px;
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.add-comment button:hover {
  color: #cf2b2b;
}

.widget {
  font-size: 13px;
}
.widget .widget-title {
  text-transform: uppercase;
  font-weight: bold;
  color: #000;
  font-family: "Raleway";
  margin-bottom: 20px;
}
.widget .widget-title h5 {
  font-size: 15px;
  margin: 0;
  border-bottom: 1px solid #ccc;
}

.arrow-list {
  padding-left: 0;
  list-style: none;
}
.arrow-list li {
  display: block;
  padding-left: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
}
.arrow-list li:before {
  font-family: "FontAwesome";
  content: "\f054";
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 10px;
  color: #bbbbbb;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.arrow-list li:hover:before {
  left: 6px;
}
.arrow-list li a {
  display: block;
  color: #a1a1a1;
}
.arrow-list li:last-of-type {
  border-bottom: none;
}

.posts-list {
  padding-left: 0;
  list-style: none;
}
.posts-list li {
  display: block;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  padding-top: 10px;
}
.posts-list li a {
  display: block;
  color: black;
  line-height: 16px;
}
.posts-list li .meta {
  color: #b3b3b3;
  font-size: 12px;
}
.posts-list li:last-of-type {
  border-bottom: none;
}

.tags-list {
  padding-left: 0;
  list-style: none;
}
.tags-list li {
  display: inline-block;
  border: 1px solid #626262;
  margin-right: 3px;
  margin-bottom: 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.tags-list li a {
  display: block;
  color: #a1a1a1;
  padding: 3px 5px;
}
.tags-list li a:hover {
  text-decoration: none;
}

/* media queries
----------------------------------------------------*/
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video {
    padding-top: 0;
  }
}
@media (max-width: 400px) {
  .banner .since {
    top: 204px;
  }

  .whatwedo .digitalsolutions {
    margin-top: -62px !important;
    height: 230px !important;
  }

  .welcome h4 {
    padding: 0 0 74px 0 !important;
  }

  .features .nav-tabs > li {
    width: 100px !important;
    margin-left: -50px !important;
  }

  .happycustomers .nav-tabs > li {
    width: 100px !important;
    margin-left: -50px !important;
  }

  .happycustomers .button-previous, .happycustomers .button-next {
    bottom: 76px !important;
  }
}
@media (max-width: 768px) {
  .contact {
    background-size: cover;
  }

  .btn-default {
    padding: 10px 27px 10px 27px;
  }

  h1 {
    font-size: 43px;
  }

  h2 {
    font-family: Raleway;
    font-size: 34px;
    line-height: 36px;
    font-weight: 200;
  }

  h3 {
    font-family: Raleway;
    font-size: 48px;
    line-height: 40px;
    font-weight: 100;
  }

  h4 {
    font-family: Raleway;
    font-size: 24px;
    line-height: 34px;
    font-weight: 200;
  }

  h5 {
    font-family: Raleway;
    font-size: 15px;
    line-height: 34px;
    font-weight: 600;
  }

  .workprocess h5 {
    font-family: Raleway;
    font-size: 31px;
    line-height: 34px;
    text-align: left;
    font-weight: 600;
  }

  .workprocess .nav-tabs > li > a:hover:after, .workprocess .nav-tabs > li.active > a:after {
    display: none;
  }

  .workprocess .nav-tabs {
    position: relative;
    height: 118px;
  }

  .workprocess .nav-tabs > li {
    width: 100%;
    position: absolute;
  }

  .workprocess .nav-tabs > li > a img {
    color: #fff;
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
  }

  .workprocess .nav-tabs > li.active > a img {
    color: #fff;
    opacity: 1;
  }

  .workprocess .tab-content {
    padding: 10px 0px 0 0px;
    text-align: left;
  }

  .workprocess .button-previous {
    top: -93px;
  }

  .workprocess .button-next {
    top: -93px;
  }

  .whatwedo .digitalsolutions {
    height: 500px;
    margin-top: -132px;
  }

  .welcome h4 {
    padding: 0 0 94px 0 !important;
  }

  .features .tab-content {
    background: none !important;
  }

  .features .bg {
    padding: 118px 0 128px 0;
  }

  .features .nav-tabs {
    position: relative;
    height: 100px;
  }

  .features .nav-tabs > li {
    width: 200px;
    position: absolute;
    margin-left: -100px;
    left: 50%;
  }

  .features .nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 7px 0 10px 0;
    height: 116px;
    background-size: 50%;
    color: #fff;
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
  }

  .features .nav-tabs > li.active > a {
    color: #fff;
    opacity: 1;
  }

  .features .tab-content {
    padding: 10px 0px 0 0px;
    position: relative;
    text-align: left;
  }

  .features .button-previous {
    display: block;
    left: 32px;
    margin-left: 0px;
    top: -96px;
    width: 42px;
    height: 50px;
    border: 2px #fff solid;
    display: block;
    position: absolute;
    border-radius: 0;
    cursor: pointer;
  }

  .features .button-previous:hover {
    border: 2px #000 solid;
  }

  .features .button-previous:hover:before {
    border: 2px #000 solid;
    border-right: none;
    border-top: none;
  }

  .features .button-previous:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 14px;
    z-index: 1026;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: none;
    border-top: none;
  }

  .features .button-next {
    display: block;
    right: 32px;
    top: -96px;
    width: 42px;
    height: 50px;
    border: 2px #fff solid;
    display: block;
    position: absolute;
    cursor: pointer;
    border-radius: 0;
  }

  .features .button-next:hover {
    border: 2px #000 solid;
  }

  .features .button-next:hover:before {
    border: 2px #000 solid;
    border-left: none;
    border-bottom: none;
  }

  .features .button-next:before {
    content: "";
    position: absolute;
    top: 17px;
    right: 14px;
    z-index: 1026;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: none;
    border-bottom: none;
  }

  /*
  .happycustomers .nav-tabs > li.active > a { padding:0px 2px 0px 2px; margin-top:0px;}
  .happycustomers .nav-tabs > li.active > a img { width:100%;}
  .happycustomers .nav-tabs > li.active > a:after {width: 100%;}
  */
  .happycustomers .nav-tabs {
    position: relative;
    height: 150px;
  }

  .happycustomers .nav-tabs > li {
    width: 192px;
    position: absolute;
    margin-left: -96px;
    left: 50%;
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
  }

  .happycustomers .nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0;
    color: #fff;
  }

  .happycustomers .nav-tabs > li.active {
    opacity: 1;
  }

  .happycustomers .nav-tabs > li.active > a {
    padding: 0;
    margin-top: 0px;
    opacity: 1;
  }

  .happycustomers .nav-tabs > li > a img {
    width: 100%;
    margin-left: 0;
  }

  .happycustomers .nav-tabs > li.active > a img {
    width: 100%;
  }

  .happycustomers .nav-tabs > li.active > a:after {
    width: 100%;
  }

  .happycustomers .button-previous {
    left: 32px;
    margin-left: 0px;
    bottom: 37px;
    width: 42px;
    height: 50px;
    border: 2px #31d385 solid;
    display: block;
    position: absolute;
    border-radius: 0;
    cursor: pointer;
  }

  .happycustomers .button-previous:hover {
    border: 2px #000 solid;
  }

  .happycustomers .button-previous:hover:before {
    border: 2px #000 solid;
    border-right: none;
    border-top: none;
  }

  .happycustomers .button-previous:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 14px;
    z-index: 1026;
    width: 11px;
    height: 11px;
    border: 2px solid #31d385;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: none;
    border-top: none;
  }

  .happycustomers .button-next {
    display: block;
    right: 32px;
    bottom: 37px;
    width: 42px;
    height: 50px;
    border: 2px #31d385 solid;
    display: block;
    position: absolute;
    cursor: pointer;
    border-radius: 0;
  }

  .happycustomers .button-next:hover {
    border: 2px #000 solid;
  }

  .happycustomers .button-next:hover:before {
    border: 2px #000 solid;
    border-left: none;
    border-bottom: none;
  }

  .happycustomers .button-next:before {
    content: "";
    position: absolute;
    top: 17px;
    right: 14px;
    z-index: 1026;
    width: 11px;
    height: 11px;
    border: 2px solid #31d385;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: none;
    border-bottom: none;
  }

  #portfolioSlider .carousel-inner > .item {
    height: 250px !important;
  }

  .recentdesignwork .carouseltop .title {
    font-size: 20px;
  }

  .banner .container {
    top: 42%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .features .tab-content {
    background: none !important;
  }

  .features .nav-tabs > li > a {
    padding: 22px 0 22px 0;
  }

  .features .nav-tabs > li > a img {
    width: 70px;
    color: #fff;
  }

  #portfolioSlider .carousel-inner > .item {
    height: 350px !important;
  }

  .whatwedo .digitalsolutions {
    height: 500px;
  }

  .happycustomers .nav-tabs > li {
    width: 12%;
  }

  .happycustomers .nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0px 2px 0px 2px;
    color: #fff;
  }

  .happycustomers .nav-tabs > li > a img {
    width: 100%;
  }

  .happycustomers .nav-tabs > li.active > a {
    padding: 0px 2px 0px 2px;
    margin-top: 0px;
  }

  .happycustomers .nav-tabs > li.active > a img {
    width: 100%;
  }

  .happycustomers .nav-tabs > li.active > a:after {
    width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .features .tab-content {
    margin-right: -400px !important;
    min-height: 823px;
  }

  .features .tab-content .tab-pane {
    margin-left: -300px;
  }

  .happycustomers .nav-tabs > li {
    width: 12.0%;
  }

  .happycustomers .nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0px 2px 0px 2px;
    color: #fff;
  }

  .happycustomers .nav-tabs > li > a img {
    width: 100%;
  }

  .happycustomers .nav-tabs > li.active > a {
    padding: 0px 2px 0px 2px;
    margin-top: 0px;
  }

  .happycustomers .nav-tabs > li.active > a img {
    width: 100%;
  }

  .happycustomers .nav-tabs > li.active > a:after {
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .features .tab-content {
    margin-right: -250px !important;
  }

  .features .tab-content .tab-pane {
    margin-left: -150px;
  }
}
@media (min-height: 820px) {
  .banner h2 {
    padding-top: 10px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 992px) {
  .responsive-center {
    text-align: center;
  }

  .responsive-inline-block {
    display: inline-block;
  }

  .photography .navigation-holder ul.navigation {
    display: none;
    padding-left: 0;
  }
  .photography .navigation-holder ul.navigation li {
    display: block;
    text-align: left;
  }
  .photography .navigation-holder ul.navigation li a {
    border-bottom: 2px solid #fff;
  }
  .photography .navigation-holder ul.navigation li a:hover, .photography .navigation-holder ul.navigation li a.active {
    border-bottom: 2px solid #f3f3f3;
    padding-bottom: 5px;
  }
  .photography .open-navigation {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 5px;
  }
  .photography .open-navigation a {
    color: #333;
    font-size: 22px;
  }
  .photography .portfolio-filter li {
    display: block;
    text-align: center;
  }
  .photography .portfolio-filter li a:before {
    content: '';
    margin: 0;
  }

  .features .feature .over-image {
    position: relative;
    margin-bottom: 5px;
    left: 0;
    top: 0;
  }

  .faces {
    float: left;
    width: 100%;
  }
  .faces ul {
    list-style: none;
    display: table;
    width: 100%;
    border-bottom: 1px solid #CCC;
  }
  .faces ul li {
    display: table-cell;
    margin: 0;
    width: 33%;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
  }
  .faces ul li.active img {
    padding: 6px;
    background: #000;
  }

  .faces-content {
    float: left;
    width: 100%;
    background: #F8F8F6;
  }
  .faces-content .half {
    float: left;
    width: 100%;
  }
  .faces-content .half img {
    min-width: 100%;
    padding-right: 0;
  }
  .faces-content .half h4 {
    margin-top: 20px;
  }
  .faces-content .half h5 {
    margin: 0;
  }
  .faces-content .half.data {
    padding: 12px;
  }

  .faces-social {
    width: 100%;
    max-height: 66px;
    float: left;
    border: 1px solid #EAEAEA;
    background: #FFF;
  }
  .faces-social ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    width: 100%;
  }
  .faces-social ul li {
    display: table-cell;
    width: 20%;
  }
  .faces-social ul li a {
    display: block;
    text-align: center;
    padding: 17px 15px;
    border-right: 1px solid #EAEAEA;
    border-bottom: none;
    font-size: 29px;
    color: #818181;
  }
}







































.Service-main-content{
	height:536px;
}
.service-top{
	background:url(../images/service-top.png) center top no-repeat #000000;
	height:352px;
	width:100%;
	padding-top:153px;
}
.service-text{
	text-align:center;
	margin-bottom:113px;
}
.service-page{
	padding-top:81px;
}
.service-nav ul{
	position:relative;
}
.service-nav ul li{
	width:250px;
	height:113px;
	text-indent:-9999px;
}
.nav01{
	position:absolute;
	top:0px;
	left:0px;
}
.nav02{
	position:absolute;
	left:250px;
	top:0px;
}
.nav03{
	position:absolute;
	top:0px;
	left:500px;
}
.nav04{
	position:absolute;
	top:0px;
	left:750px;
}
.service-nav ul li a{
	width:250px;
	height:113px;
	text-indent:-9999px;
	position:absolute;
	left:0px;
	top:0px;
	z-index:99;
}
.service-nav ul li.on{
	background:url(../images/on-bj2.png) no-repeat;
	width:250px;
	height:113px;
}
.service-nav ul li:hover{
	background:url(../images/on-2.png) center top no-repeat !important;
}
.service-nav ul li.on:hover{
	background:url(../images/on-bj2.png) no-repeat !important;
}
.service-nav{
	width:1001px;
	margin:0 auto;
}
.nav-ico1{
	background:url(../images/ico22.png) center center no-repeat;
}
.nav-ico2{
	background:url(../images/ico23.png) center center no-repeat;
}
.nav-ico3{
	background:url(../images/ico24.png) center center no-repeat;
}
.nav-ico4{
	background:url(../images/ico25.png) center center no-repeat;
}
.service-nav ul li.on .nav-ico1{
	background:url(../images/ico22-hover.png) center center no-repeat !important;
}
.service-nav ul li.on .nav-ico2{
	background:url(../images/ico23-hover.png) center center no-repeat !important;
}
.service-nav ul li.on .nav-ico3{
	background:url(../images/ico24-hover.png) center center no-repeat !important;
}
.service-nav ul li.on .nav-ico4{
	background:url(../images/ico25-hover.png) center center no-repeat !important;
}
.col-md-7{
	color:#242424;
}
.col-md-7 b{
	font-family:"微软雅黑";
	color:#242424;
	font-size:40px;
	display:block;
	margin-bottom:10px;
	margin-top:140px;
}
.col-md-7 span{
	font-family: wf_segoe-ui_light,'Segoe UI Light','Segoe WP Light',wf_segoe-ui_normal,'Segoe UI',Segoe,'Segoe WP',Tahoma,Verdana,Arial,sans-serif;
	color:#D4D4D4;
	font-size:28px;
	display:block;
	font-weight:normal;
}
.col-md-7 font{
	font-family:"微软雅黑";
	color:#242424;
	font-size:22px;
	font-weight:normal !important;
}
.col-md-7 table{
	font-family:"微软雅黑";
	color:#878787;
	font-size:18px;
	width:80%;
	padding-top:20px;
	padding-bottom:20px;
	font-weight:normal !important;
}
.col-md-7 table tr td{
	height:32px;
	line-height:32px;
}
.table-main{
	padding-top:20px;
	padding-bottom:60px;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-height:950px;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
  .news-title span{
	color:#000000 !important;
	font-size:12px !important;
	line-height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }
  .news-title span{
	color:#000000 !important;
	font-size:12px !important;
	line-height:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
}

@media (min-width: 1200px) {
  .container {
    width: 1000px;
  }
  .news-title span{
	color:#000000 !important;
	font-size:16px !important;
	line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}
}
.news-bjlist{
	background:#ffffff !important;
}

.news-title font{
	color:#a6a6a6 !important;
	font-size:14px !important;
}
.btn-default.border-braun:hover{
	background:url(../images/btn4-hover.png) no-repeat !important;
}
.news-content-main{
	background:#ffffff;
}
.news-content-top{
	height:114px;
	border-bottom:1px solid #d9d9d9;
}
.news-titletop span{
	font-family:"微软雅黑";
	color:#020202;
	font-size:24px;
	display:block;
}
.news-titletop font{
	font-family:"微软雅黑";
	color:#a6a6a6;
	font-size:16px;
	display:block;
	margin-top:10px;
}
.news-titletop{
	padding:30px;
}
.news-text{
	width:920px;
	height:auto;
	font-family:"微软雅黑";
	color:#464646;
	font-size:16px;
	line-height:200%;
	padding:40px;
}
.news-btn{
	text-align:center;
	margin:0 auto;
	width:932px;
	margin-bottom:80px;
}
.news-content-top img{
	height:114px;
}
.news-btn a{
	display:block;
	width:932px;
	height:72px;
	line-height:72px;
	text-align:center;
	background:#292929;
	font-family:"微软雅黑";
	color:#ffffff !important;
	font-size:18px;
}
.news-btn a:hover{
	background:#CB1D3C;
	color:#ffffff;
}
.news-page{
	text-align:center;
}
.news-page a{
	display:inline-block;
	width:57px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	background:#292929;
	font-family:"微软雅黑";
	font-size:14px;
	color:#ffffff !important;
	margin-right:10px;
}
.news-page a:hover{
	background:#CB1D3C;
}
.news-page span{
	display:inline-block;
	width:57px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	background:#CB1D3C;
	font-family:Arial;
	font-size:14px;
	color:#ffffff !important;
	margin-right:10px;
}
.news-page{
	padding-top:30px;
	padding-bottom:30px;
}
.width{
	width:90% !important;
}
.width span{
	color:#000000 !important;
}
.width span a{
	color:#000000 !important;
}
.width span a:hover{
	color:#666666 !important;
}
.case-pc-top{
	width:100%;
	text-align:center;
	padding-top:90px;
}
.case-pc-top2{
	width:100%;
	height:747px;
	text-align:center;
	padding-top:113px;
}
.case-pagemain{
	background:#F5F5F5;
	padding-bottom:30px;
}
.case-titlepage{
	font-family:"微软雅黑";
	color:#ffffff !important;
	font-size:60px;
	font-weight:bold;
	display:block;
	margin-top:30px;
	margin-bottom:13px;
}
.case-titlepage2{
	font-family:"微软雅黑";
	color:#ffffff !important;
	font-size:16px;
	display:block;
	letter-spacing:10px;
}
.case-btn2{
	display:inline-block;
	background:url(../images/btn5.png) no-repeat;
	width:139px;
	height:45px;
	line-height:45px;
	text-align:center;
	font-family:"微软雅黑";
	color:#878584 !important;
	font-size:14px;
	display:block;
	margin:0 auto;
	margin-top:32px;
	margin-bottom:50px;
}
.case-btn2:hover{
	opacity:0.9;
	color:#ffffff !important;
}
.case-btn22{
	display:inline-block;
	background:url(../images/btn8.png) no-repeat;
	width:139px;
	height:45px;
	line-height:45px;
	text-align:center;
	font-family:"微软雅黑";
	color:#ffffff !important;
	font-size:14px;
	display:block;
	margin:0 auto;
	margin-top:32px;
	margin-bottom:50px;
}
.case-btn22:hover{
	opacity:0.9;
	color:#ffffff !important;
}
.fullSlide{ width:1160px;  position:relative;  height:448px; padding-top:24px; margin:0 auto; overflow:hidden;}
.fullSlide .bd{ margin:0 auto; position:relative; width:499px; height:303px; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ }
.fullSlide .bd li{ width:499px !important;  height:303px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:303px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(images/touming.png) repeat-x; text-align:center;
}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px; margin:5px; background:url(../images/ico26.png) no-repeat; overflow:hidden; 
	line-height:9999px; 
}
.fullSlide .hd ul .on{  background:url(../images/ico27.png) no-repeat;  }
.case-ico{
	margin-bottom:33px;
}
.case-text{
	padding-top:107px;
}
.case-text-left{
	width:520px;
}
.text-main span{
	display:block;
	font-family:"微软雅黑";
	color:#000000 !important;
	font-size:20px;
	margin-bottom:8px;
}
.text-main p{
	display:block;
	font-family:"微软雅黑";
	color:#B8B8B8 !important;
	font-size:14px;
	line-height:22px;
}
.case-text-right{
	width:410px;
}
.case-righttext ul li{
	display:block;
	margin-bottom:15px;
}
.case-righttext ul li span{
	font-family:"微软雅黑";
	color:#000000 !important;
	font-size:16px;
}
.case-righttext ul li a:hover{
	color:#333333 !important;
}
.case-righttext ul li{
	font-family:"微软雅黑";
	color:#9d9d9d !important;
	font-size:16px;
}
.case-righttext ul li a{
	font-family:"微软雅黑";
	color:#9d9d9d !important;
	font-size:16px;
	text-decoration:underline;
}
.case-text{
	padding-bottom:45px;
}
.covered {
	width  :1000px;
	height : 648px;
	margin:0 auto;
	box-shadow : 0 0 15px 2px rgba(0,0,0,.1);
}


.second {
	width : 1000px;
	height : 648px;
}

.second .changeable {
	
}


.covered {
	position: relative;
}

.handle {
	position: absolute;
	width : 36px;
	height: 51px;
	margin-left  : -25px;
	margin-top   : -23px;
	background:url(../images/ico29.png) no-repeat;
	text-align : center;
}

.handle span {
	display : inline-block;
	margin : 15px 1px 0;
	color : #000;
	-webkit-transition : .1s ease-out;
	-moz-transition : .1s ease-out;
	-ms-transition : .1s ease-out;
	-o-transition : .1s ease-out;
	transition : .1s ease-out;
}

.handle.vertical {
	-webkit-transform : rotate(90deg);
	-moz-transform : rotate(90deg);
	-ms-transform : rotate(90deg);
	-o-transform : rotate(90deg);
	transform : rotate(90deg);
}



.handle:hover span {
	color : #FFF;
}

.draggable {
	cursor : move;
}

.draggable span {
	margin : 15px 4px 0;
	color  : #FFF;
	-webkit-transition : .1s ease-out;
	-moz-transition : .1s ease-out;
	-ms-transition : .1s ease-out;
	-o-transition : .1s ease-out;
	transition : .1s ease-out;
}
.title2{
	font-family:"微软雅黑";
	color:#575757 !important;
	font-size:20px;
	display:inline-block;
	margin-bottom:25px;
}
.textmain{
	text-align:center;
	padding-top:65px;
}
.case-foot{
	background:#ffffff;
	width:100%;
	height:140px;
	border-top:1px solid #d8d8d8;
	padding-top:60px;
	text-align:center;
}
#rootwizard1{
	overflow:hidden;
}
.case-foot span{
	font-family:"微软雅黑";
	color:#000000 !important;
	font-size:25px;
}
.casepage-btn{
	width:220px;
	margin:0 auto;
	padding-top:22px;
}
.btn4{
	background:url(../images/btn6.png) no-repeat;
	width:119px;
	height:41px;
	line-height:41px;
	display:block;
	text-align:center;
	float:left;
	font-family:"微软雅黑";
	color:#ffffff !important;
	font-size:16px;
}
.btn4:hover{
	background:url(../images/btn6-hover.png) no-repeat;
}
.btn5{
	background:url(../images/btn7.png) no-repeat;
	width:89px;
	height:41px;
	line-height:41px;
	display:block;
	text-align:center;
	float:right;
	font-family:"微软雅黑";
	color:#ffffff !important;
	font-size:16px;
}
.btn5:hover{
	background:url(../images/btn7-hover.png) no-repeat;
}
.btn10{
	background:url(../images/btn10.png) no-repeat;
	width:119px;
	height:41px;
	line-height:41px;
	display:block;
	text-align:center;
	float:right;
	font-family:"微软雅黑";
	color:#ffffff !important;
	font-size:16px;
}
.btn10:hover{
	background:url(../images/btn10-hover.png) no-repeat;
}
.mobile-bj{
	width:100%;
	height:793px;
}
.slideBox2{ width:433px; height:678px; overflow:hidden; position:relative; }
.slideBox2 .bd{ position:relative; height:100%; z-index:0;   }
.slideBox2 .bd li{ zoom:1; vertical-align:middle; }
.slideBox2 .bd img{ width:433px; height:567px; display:block;  }
.mobile-img{
	padding-top:90px;
	padding-left:86px;
}
.slideBox2 .hd{ width:433px;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; background:url(images/touming.png) repeat-x; text-align:center;
}
.slideBox2 .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox2 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:13px; height:13px; margin:5px; background:url(../images/ico26.png) no-repeat; overflow:hidden; 
	line-height:9999px; 
}
.slideBox2 .hd ul .on{  background:url(../images/ico27.png) no-repeat;  }
.mobile-title{
	padding-left:120px;
	text-align:left !important;
}
.btn6{
	background:url(../images/left-btn3.png) no-repeat;
	width:68px;
	height:136px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	top:50%;
	margin-top:-65px;
	left:2%;
}
.btn6:hover{
	background:url(../images/left-btn3-hover.png) no-repeat;
}
.btn7{
	background:url(../images/rightbtn4-hover.png) no-repeat;
	width:68px;
	height:136px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	top:50%;
	margin-top:-65px;
	right:2%;
}
.btn7:hover{
	background:url(../images/rightbtn5-hover.png) no-repeat;
}
.case-Recommend{
	width:100%;
	border-bottom:1px solid #2D2D2D;
	margin-bottom:80px;
}
.slideBox4{ width:1200px; height:455px; margin:0 auto; overflow:hidden; position:relative;}
.slideBox4 .bd{ position:relative; height:100%; z-index:0; left:110px;   }
.slideBox4 .bd li{ zoom:1; vertical-align:middle; }
.slideBox4 .bd .Recommend-img img{ width:575px; height:455px; display:block;  }
.Recommend-img{ width:575px; height:455px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox4 .prev,
.slideBox4 .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:23px; height:45px; background:url(../images/left-btn2.png) no-repeat;  }
.slideBox4 .next{ left:auto; right:0; background:url(../images/right-btn2.png) no-repeat; }

.Recommend-title{
	text-align:center;
	padding-top:90px;
	padding-left:80px;
}

.btn8{
	background:url(../images/rightbtn3.png) no-repeat;
	width:68px;
	height:136px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	top:50%;
	margin-top:-65px;
	left:2%;
}
.btn8:hover{
	background:url(../images/rightbtn3-hover.png) no-repeat;
}
.btn9{
	background:url(../images/rightbtn4.png) no-repeat;
	width:68px;
	height:136px;
	display:block;
	text-indent:-9999px;
	position:fixed;
	top:50%;
	margin-top:-65px;
	right:2%;
}
.btn9:hover{
	background:url(../images/rightbtn4-hover.png) no-repeat;
}

.about-bj{
	background:url(../images/about-bj.png) center center no-repeat #000000;
	width:100%;
	height:600px;
	padding-top:195px;
}
.slideBox5{ width:1000px; height:455px; margin:0 auto; overflow:hidden; position:relative;}
.slideBox5 .bd{ position:relative; height:100%; z-index:0; left:0px;   }
.slideBox5 .bd li{ zoom:1; vertical-align:middle; }
.slideBox5 .bd .Recommend-img img{ width:575px; height:455px; display:block;  }
.Recommend-img{ width:575px; height:455px; display:block;  }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox5 .prev,
.slideBox5 .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:23px; height:45px; background:url(../images/left-btn2.png) no-repeat;  }
.slideBox5 .next{ left:auto; right:0; background:url(../images/right-btn2.png) no-repeat; }
.banner-title{
	text-align:center;
	color:#8D8D8D;
	font-size:16px;
	font-family:"微软雅黑";
	margin-top:111px;
}
.btn23{
	text-align:center;
	margin-top:27px;
}
.btn23 a{
	display:inline-block;
	background:url(../images/btn22.png) no-repeat;
	width:139px;
	height:45px;
	line-height:45px;
	color:#ffffff !important;
	font-size:14px;
	font-family:"微软雅黑";
	text-align:center;
}












/*首页footer--极速蜗牛*/
/* 提交表单 */
.wis-list .indexs-text{width: 433px;height: 30px;padding-left: 10px;margin-bottom: 5px;}
.wis-list .indexs-area{width: 435px;height: 110px;margin-bottom: 5px;border: 0;}
.wis-list .indexs-btn{background: #BE0A25;width: 455px;height: 40px;color: #fff;border:0;font-size: 24px;}
.wis-list .indexs-btn:hover{cursor: pointer;}
/* 2015修改添加百度地图 */
.wis_list_l{width: 450px;height: 282px;float: left;margin-top:8px;/* background: #999; */font-family: Microsoft Yahei;line-height: 22px;}
div.wis_list_iframe{float: right;}
#allmap{width: 440px;height: 282px;display: block;max-width: none;margin: auto;}
#allmap div,#allmap img{max-width: none;}
/* .BMap_center{
    overflow: hidden;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 47px !important;
    width: 280px;
    height: 45px !important;} */

/* iframe里的样式 */
.wis-list_iframe{width:485px;margin:0 auto;}
.wis-list_iframe .indexs-text{font-family: "Microsoft Yahei";width: 425px;height: 30px;padding-left: 10px;margin-bottom: 5px;color: #666;}

.wis-list_iframe .indexs-area{font-family: "Microsoft Yahei";width: 435px;height: 110px;padding-left: 10px;margin-bottom: 5px;border: 0;color: #666;resize:none;}

.wis-list_iframe .indexs-btn{font-family: "Microsoft Yahei";background: #BE0A25;width: 439px;height: 40px;color: #fff;border:0;font-size: 18px;line-height: 36px;}
.wis-list_iframe .indexs-btn:hover{cursor: pointer;}

/* foot最底部 */
.foot_btm{width: 100%;background: url(../images/zy_foot_btm.jpg) center 0;background-size: 100% 100%;margin-top: 103px;padding-top: 33px;font-family: "Microsoft Yahei";padding-bottom: 20px;}
.foot_btm_l{width: 430px;float: left;margin-left: 20%;}
.foot_btm_l ul li{color: #666;font-size: 14px;line-height: 27px;}
.foot_btm_r{width: 350px;float: right;margin-right: 8%;}
.foot_btm_r_l{float: left;font-size: 15px;color: #fff;line-height: 30px;padding-right: 15px;padding-bottom: 30px;}
.foot_btm_r_r{float: left;}
/* 备案号 */
.foot_btm_btm{width: 1002px;font-size: 15px;line-height: 60px;color: #999; margin:0 auto; clear:both; text-align:center;}




/* 经典案例展示切换样式--极速蜗牛 B78D22 */
.Service-bottom_title{text-align: center;}
/*.Service-bottom_title ul li{float:left;height: 30px;font-size: 33px;color: #000;margin-right: 20px;border: 1px solid #999;}*/
.Service-bottom_title span{font-family: "Microsoft Yahei";display: inline-block;width: 215px;height: 50px;font-size: 18px;color: #000;border: 1px solid #999;line-height: 50px;margin: 20px 15px;font-weight: 400;border-radius: 10px;}
.Service-bottom_title span:hover{cursor: pointer;border: 1px solid #B78D22;color: #B78D22;}

/* 锚点 */
#caseshow{ position:absolute;left:0px;top:-133px;}
#customer{ position:absolute;left:0px;top:-81px;}
#contact{ position:absolute;left:0px;top:0px;}

/* 公司新闻 */
.xinwen{text-align: center;padding-bottom: 60px;font-family: "Microsoft Yahei";}
.xinwen_title-out{display: inline-block;padding-top: 60px;padding-bottom: 5px;}
.xinwen_title-out span{font-size: 36px;}
.xinwen_line{width: 50%;border-bottom:2px solid #ffa300;height: 20px;margin: 0 auto;}
.xinwen p{color: #666;}
p.xiwen_jianjie{width: 30%;margin: 0 auto;line-height: 25px;font-size: 16px;padding-bottom: 10px;}

.xinwen_list{display: inline-block;width: 400px;padding: 20px 10px;}
.xinwen_list_l{float: left;}
.xinwen_list_l div{width: 60px;height: 60px;background-color: #323232;font-size: 20px;line-height: 60px;}
.xinwen_list_l div:first-child{background-color: #faa300;}
.xinwen_list_r{float: right;width: 80%;}
.xinwen_list_r h3{color: #ffa300;font-size: 18px;text-align: left;padding-bottom: 10px;}
.xinwen_list_r p{font-size: 14px;text-align: left;line-height: 20px; display:-webkit-box;
  overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis;/*隐藏后添加省略号*/
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:3;}
.xinwen_list_r div a{float: left;padding-top: 10px;font-size: 14px;color: #333;font-weight: bold;}
.xinwen_list_r div a span{color: #ffa300;font-size: 16px;font-weight: bold;}

/* 新闻内容页面 */
.serve_xinwen{color: #333;font-family: "Microsoft Yahei";}
.serve_xinwen_mianbao{text-align: right;line-height: 40px;padding-top: 30px;border-bottom: 1px solid #ccc;}
.serve_xinwen_mianbao a{color: #333;}
.serve_xinwen_mianbao a:visited{color: #333;}
.serve_xinwen_mianbao a:hover{color: #A9831F}
.serve_xinwen_con{clear: both;padding: 60px 0px;}
.serve_xinwen_con h3{font-size: 20px;padding-bottom: 30px;color: #000;}
.serve_xinwen_con p{text-align: left;text-indent: 2em;line-height: 30px;}
.serve_xinwen_con img{max-width: 100%;margin: 20px auto;}



/* 关于我们页 */
.about_banner{height: 400px;background: url(../images/zy_about_banner1.jpg) center 0px;}
.about_main{background: #F1F4F6;}
.about_main_mid{width: 1190px;margin: 0 auto;text-align: center;padding-top: 100px;}
.about_main_mid_top{clear: both;font-family: "Microsoft YaHei";padding-top: 60px;}
.about_main_mid_top_l{float:left;text-align: left;width: 61%;}
.about_main_mid_top_l h3{font-size: 24px;padding-bottom: 20px;}
.about_main_mid_top_l p{color: #666;font-size: 15px;line-height: 25px;padding-bottom: 30px;}
.about_foot{height: 245px;background: url(../images/zy_about_foot.jpg) center 0px;}

/* 我们的服务页 */
.serve_banner{background: url(../images/banner1.jpg) center 0px;}
.serve_main{background: #F1F4F6;font-family: "Microsoft YaHei";color: #333;}
.serve_main a{color: #333;}
.serve_main_mid{width: 1190px;margin: 0 auto;text-align: center;padding: 15px 0px;}
.serve_main_midd{clear: both;text-align: left;}
.serve_main_midd_line{border-bottom: 1px solid #999;}
.serve_main_midd_line h2{font-size: 24px;line-height: 70px;color: #000;}
.serve_main_midd_list{height: 315px;width: 80%;padding-top: 40px;position: relative;clear: left;margin: 0 auto;border-bottom: solid 1px #ccc;}
.serve_main_midd_list:nth-child(2n+1){clear: none;}
.serve_main_midd_list .list_l{width: 76%;}
.serve_main_midd_list .list_l h1{font-size: 74px;color: #F26C17;font-family: fantasy;}
.serve_main_midd_list .list_l h3{color: #000;font-weight: bold;}
.serve_main_midd_list .list_l h6{border-bottom: 5px solid #ccc;width: 50px;}
.serve_main_midd_list .list_l img{position: absolute;top: 90px;left: 140px;}
.serve_main_midd_list .list_l p{clear: both;color: #666;font-weight: bold;line-height: 40px;padding-top: 30px;margin-left: 10px;}

.serve_main_midd2{padding-bottom: 100px;}

.serve_qiu_comm{width: 200px;height: 200px;background: url(../images/serve_qiu.png) center center no-repeat;display: inline-block;vertical-align: top;margin: 0 40px;}
.serve_qiu_comm h1{font-size: 50px;font-family: fantasy;color: #999;padding-top: 24px;}
.serve_qiu_comm h2{color: #333;font-size: 24px;font-weight: normal;line-height: 45px;}
.serve_qiu_comm h3{color: #333;}

/* 公司新闻列表页面 */
.serve_main_list-out{padding: 30px 0;text-align: left;}
.serve_main_list-out li{margin-bottom: 20px;font-size: 0;}
.serve_main_list-out li div{display: inline-block;vertical-align: top;width: 38%;font-size: 16px;}
.serve_main_list-out li div:last-child{width: 60%;padding-left: 2%;}
.serve_main_list-out li img{width: 100%;height: 226px;}
.serve_main_list-out li h4{font-size: 18px;padding-bottom: 15px;display: inline-block;color: #333;}
.serve_main_list-out li time{float: right;}
.serve_main_list-out li p{clear: both;line-height: 25px;display:-webkit-box;
  overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis;/*隐藏后添加省略号*/
  -webkit-box-orient:vertical; 
  -webkit-line-clamp:4;}




/* 手机端 */
@media(max-device-width:640px){
/* comm header */
#siteNav{height: 130px;text-align: center;}
.yincang{display: none;}
.logo{width: 400px;margin-left: 140px;display: inline-block;float: none;padding-top: 16px;}
#nav{display: none;}
#mobilenav{display: inline-block!important;float: right;margin-right: 2%;margin-top: 30px;}
#mobilenav .wap-nav_btn{
    text-align: center;
    background-color: #000000;
    width: 80px;
    padding: 15px 10px;
    padding-top: 2px;
    margin: 0;
}
#mobilenav .wap-nav_btn div{
	height: 5px;
    background-color: #fff;
    border-radius: 5px;
    display: block;
    margin-top: 15px;
}
#mobilenav nav{position: absolute;left: 0;top: 100%;width: 100%;/* background-color: #ddd; */border-bottom: 2px solid #ddd;display: none;}
#mobilenav nav div{}
#mobilenav nav div a{
	display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    margin: 0;
    padding: 0;
    line-height: 125px;
    float: none;
    font-size: 45px;
    color: #fff;
    border-top: 1px solid #ddd;
}
#zhezhao {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: rgba(255,255,255,0);
}
.wmain{padding-top: 130px;}



/* 首页 */
.lunbonav{width: 54px!important;}
.lunbonav ul li{width: 20px!important;height: 20px!important;}
.lunbonav ul .lunbobg{width: 22px!important;height: 22px!important;}

.Service-main{max-height: 960px;}
.Service-list-main{margin-bottom: 75px;margin-right: 0;margin-left: 120px;}
.Service-bottom{margin-top: 70px!important;}

/* 案例展示列表 */
.scrollBar{background:none;}
#portfolio{overflow-y: auto!important;height: 960px!important;}
#portfolio .projects-wrapper{font-size: 0;position: static!important;height: auto!important;}
#portfolio .projects-wrapper .project{
	position: relative!important;
    top: 0!important;
    left: 0!important;
    width: 50%!important;
    display: inline-block;
    height: 480px!important;
    font-size: 20px;
}
#portfolio .projects-wrapper .project .overlay{background: none!important;}
.work-title{bottom: 0!important;}
.title-left{padding-top: 3%;}
.title-left span{margin-top: 4.5%;font-size: 24px; text-align: center;}
.work-title .title-left font{font-size: 20px;color: #7C7C7C;}
#portfolio .arrow{display: none!important;}
.scrollBar > .dragger{
	height: 40px;
    width: 80%;
    margin: auto;
    background-color: #333;
    background: url(../images/shadow.png) no-repeat center top;
    background-size: 100% 100%;
    position: relative;
    top: -36px;
    z-index: 111;
}

/* 公司新闻 */
.xinwen_list{width: 900px;}
.xinwen_list img{width: 100%;height: auto;}
.xinwen_list_l div{width: 90px;height: 90px;font-size: 36px;line-height: 90px;}
.xinwen_list_r h3{font-size: 30px;}
.xinwen_list_r p{font-size: 26px;line-height: 33px;}
.xinwen_list_r div a{font-size: 26px;}
.xinwen_list_r div a span{font-size: 30px;}

/* foot */
.foot_btm_l{width: 550px;margin-left: 8%;}
.foot_btm_r{width: 254px;}
.foot_btm_l ul li{font-size: 28px;line-height: 42px;}
.foot_btm_r_l p{font-size: 28px;line-height: 42px;}
.foot_btm_r_l img{width: 130px;}
.foot_btm_r_r_qq img{width: 45px;}
.foot_btm_r_r_top img{width: 45px;}

.foot_btm_btm{font-size: 28px;}

#allmap .BMap_center{height: 90px!important;}


/* 关于我们页面和部分我们的服务页面 */
.about_banner,.serve_banner{background-size: 165% 100%;height: 580px;}
.about_main_mid{width: 94%;}

.about_main_mid_top_l{width: 100%!important;padding-top: 20px;}
.about_main_mid_top_l h3{font-size: 34px;}
.about_main_mid_top_l p{font-size: 30px;line-height: 40px;}
.about_main_mid > img{width: 100%;}

/* 我们的服务页面 */
.serve_main{padding: 0 2%;}
.serve_main_midd_list{width: 93%;margin: 0 auto; }

.serve_main_midd_list .list_l img{top: 65px;}
.serve_main_midd_list:nth-child(4) .list_l img,
.serve_main_midd_list:nth-child(5) .list_l img{left: 310px!important;}
.serve_main_midd_list .list_l h3{font-size: 28px;}
.serve_main_midd_list .list_l h6{width: 110px;}
.serve_main_midd_list .list_l p{padding-top: 15px;font-size: 30px;}

.serve_qiu_comm{margin: 0 10px;}

/* 新闻内容页 */
.serve_xinwen_mianbao{font-size: 30px;}
.serve_xinwen_con h3{font-size: 32px;}
.serve_xinwen_con p,.serve_xinwen_con span,.serve_xinwen_con font{font-size: 28px!important;line-height: 40px;}
.serve_main_mid > img{width: 100%;}

/* 新闻列表页面 */
.serve_main_list-out li h4{font-size: 30px;width: 380px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.serve_main_list-out li time{font-size: 26px;}
.serve_main_list-out li p{font-size: 26px;padding-top: 10px;line-height: 32px;}



/* end */
}